Lantia Intelligence – Web Design & Web App

Building a Subscription-Based Crime Data Platform

Lantia Intelligence is a Mexico-based data intelligence firm specializing in real-time crime analytics. They needed a new website and subscription-based platform to showcase their existing dashboards.

Because their internal team handled all data ingestion and analytics, my job was to create a user-friendly UI/UX that embedded their work via iframes. The final solution included a responsive marketing site, a subscriber dashboard, and an admin panel for membership oversight and content management.
How was I involved?
‍
UI/UX Designer

- Website & Web App Design: Developed responsive layouts and brand-aligned interfaces for the marketing pages and subscriber dashboard.
- Membership & User Flows: Developed user journeys for sign-up, subscription upgrades, cancellations, and profile management.
- Profile & Membership Management: Created intuitive pages for updating user details, viewing subscription status, and managing privileges.
- Email Templates: Designed automated messages for successful subscriptions, membership changes, and cancellations.

______
‍
Client: Lantia Intelligence
Developer: Pekxel / www.pekxel.com

Overview

Background
I was contacted by Lantia Intelligence to collaborate with their internal data team and a separate development team. Their in-house analysts already generated extensive crime statistics, so the goal was to embed these existing dashboards while creating a seamless end-user experience.

We needed to ensure the marketing site effectively highlighted Lantia’s data expertise and subscription benefits, while the subscriber portal provided exclusive access to real-time crime reports and analytics. Meanwhile, an admin console allowed content updates, membership management, and pricing adjustments—all in real time. By working closely with Lantia’s developers, we integrated their technical workflows into a cohesive UI/UX that met the project’s objectives.
Challenge
Balancing a robust marketing site and a feature-rich subscription portal required a flexible design strategy that could accommodate both public-facing storytelling and secure data access. Additionally, the system needed to be intuitive for administrators, who would regularly update crime reports, modify pricing, and rearrange content in real time.
‍
- Balancing Website & Web AppCrafting a unified design that transitions smoothly from marketing pages to data-driven dashboards.
- Scalable Admin ToolsProviding a user-friendly interface for staff to manage memberships, weekly reports, and site layout without technical support.
- Branding & CommunicationKeeping visuals, messaging, and automated email templates cohesive across all aspects of the platform.

Defining the Architecture

The initial phase of the project involved creating detailed wireframes to define both the public-facing website and the subscriber-exclusive web application. A crucial step in this process was establishing a comprehensive navigation map that visually illustrated the entire structure, interactions, and data flows within the platform. The navigation map was strategically crafted to clearly represent user navigation paths, API integrations, and data flow between sections, providing clarity on how both public and private sections interact with Lantia’s databases and external payment platforms.

Key highlights:
‍
  • Clear Hierarchical Structure: Structured into three distinct tiers for intuitive user navigation
  • Public Website: Organized into Home, About, Services, Data, Press, and Contact sections, each optimized for intuitive content discovery and accessibility.
  • Subscriber Webapp: Highlighted interaction with the Clients Panel, leveraging iframe integration alongside an external graph-generation API for dynamic data visualization.
  • Admin Panel: Comprehensive administrative features clearly segmented into user management, content management, membership management, and membership pricing management.
  • Integrated APIs: Clearly depicted interactions with external APIs for real-time graph generation and secure payment processing, showcasing flexibility and seamless integration capabilities.
  • Simplified User Journeys: Explicit user paths for essential functions such as account creation, profile management, membership status updates, and payment processing via trusted platforms like Stripe.
This mapping significantly enhanced collaboration and clarity among stakeholders and the development team, ensuring a streamlined user experience supported by robust technical integration.

Wireframes & Design Solutions

Detailed wireframes were developed to outline the user journey, clearly illustrating the content hierarchy, navigation flows, and interactive elements prior to visual design implementation.

‍Public Website:
  • Home Page: Clearly structured to introduce users to key information about Lantia Intelligence, including brief sections for "About", recent "News", "Graphs" showcasing general crime data, and quick access to "Reports".
  • Press Page: Featured a structured layout highlighting recent articles, videos, and publications, making content readily accessible.
  • Data Page: Strategically presented comprehensive crime data through interactive graphs, clearly labeled statistics, and organized downloadable reports for easy access and comprehension.
  • Services Page: Clearly outlined different membership options with detailed descriptions and straightforward CTAs to encourage user engagement.
  • Contact Page: Provided a user-friendly form to facilitate communication and included direct contact information for immediate inquiries.
Subscriber Webapp Wireframes:
‍
  • Data Panel: Emphasized easy and clear access to real-time data visualization embedded directly from Lantia’s database.
  • Profile Section: Included simple and clear interface elements for easy updating of personal information and security settings.
  • Membership Section: Clearly designed interfaces for users to manage their membership details, including subscription upgrades, renewals, cancellations, and payment information updates.
Admin Platform Wireframes:
‍
  • Admin User Management: Provided a robust yet straightforward table layout for easy management of administrative user actions such as editing, blocking, or deleting accounts.
  • Membership User Management: Enabled admins to quickly review and manage subscription statuses through clear status indicators and detailed filtering options.
  • Membership Pricing Management: Featured clearly structured pricing modules allowing admins to efficiently update membership costs.
The wireframes served as a foundational guide ensuring clarity, ease of use, and functionality were prioritized and clearly communicated to the stakeholders and development teams.

Visual Design & Brand Integration

Building upon the approved wireframes, the visual design phase focused on creating a cohesive and engaging aesthetic that reinforced Lantia Intelligence’s authoritative and trustworthy brand image. The final visual designs successfully balance professionalism with user-friendly interactivity, making complex crime data and administrative functionalities accessible and engaging.

‍Public Website:
‍
  • Engaging Visual Identity:Utilized a bold, contrasting color palette that blends dark backgrounds with bright highlights to emphasize critical data points and interactive elements. Strong, modern typography further reinforced clarity and readability across various devices.
  • Interactive Data Presentation:Prominent visuals like heatmaps, detailed graphs, and organized reports clearly communicate critical crime statistics, facilitating immediate comprehension. The clean, structured layout helps users effortlessly navigate complex information.
  • Responsive Mobile Design:Ensured optimal viewing experiences across mobile devices through a vertically streamlined presentation, maintaining consistency in user interaction and accessibility, regardless of device size.
Subscriber Web Application:
‍
  • Intuitive Data Panels:Embedded iframe technology for real-time data integration from Lantia’s internal systems, presented within clean, uncluttered layouts that emphasize ease of use and immediate information access.
  • User-Friendly Profile and Membership Management:Created clear, actionable interfaces enabling users to intuitively manage personal profiles, update passwords, and handle subscription modifications, ensuring seamless navigation and enhancing user autonomy.
  • Responsive Design Across Platforms:Maintained visual consistency across desktop and mobile interfaces, ensuring all subscriber functionalities remain accessible and easy to use, regardless of the user’s chosen device.
Admin Platform:
‍
  • Clear Administrative Interfaces:Designed for efficient management of users, content, and membership settings. Leveraged straightforward tables and status indicators, facilitating rapid identification and management of administrative tasks.
  • Dynamic Content Management:Empowered admins with visually appealing, intuitive interfaces for content updates, membership price modifications, and comprehensive user management, leveraging clear hierarchies and interactions to streamline workflows.
The final visual designs achieved a perfect balance of visual appeal and functionality, enhancing the overall user experience while reinforcing the credibility and reliability of the Lantia Intelligence brand.

User Onboarding & Communication Experience

To ensure a seamless user onboarding process and continued engagement, carefully designed login, registration, and transactional email screens were developed. These critical user touchpoints were crafted with clarity, consistency, and brand reinforcement in mind, delivering both functionality and a reassuring sense of professionalism.

Account Creation & Login:
‍
  • Streamlined Registration Process:A simplified, intuitive interface guiding users smoothly through account creation steps, clearly differentiating membership tiers and transparently presenting payment options, promoting trust and reducing user friction.
  • User-Friendly Login Screen:A clear, uncluttered login design with straightforward navigation for existing users, complemented by direct paths to account creation for new subscribers, ensuring a cohesive and frustration-free login experience.
Transactional Emails:
‍
  • Consistent Brand Communication:Transactional emails—including registration confirmation, membership payment confirmations, cancellations, and upgrade notices—were meticulously designed to maintain visual consistency and professional tone, enhancing user confidence and clarity regarding their subscription status and account actions.
  • Clear Messaging & Actionable Links:Emails incorporated concise, friendly messaging, clearly outlined user actions or changes, and included actionable buttons linking directly to relevant sections of the user platform, facilitating smooth user interactions and continuous engagement.
These carefully designed elements collectively support a refined and reassuring user experience, reinforcing Lantia Intelligence’s commitment to customer satisfaction and usability at every interaction point.

Outcome + Reflections

The Lantia Intelligence platform now operates as a cohesive, visually appealing, and highly functional digital ecosystem, providing seamless experiences for both general website visitors and paying subscribers. This comprehensive approach to design significantly elevated Lantia’s online presence and user satisfaction.

Key Deliverables

  • Comprehensive public website design with clear navigation and engaging data presentations
  • Integrated iframe-based data visualization for real-time crime data insights
  • Intuitive subscriber interfaces for profile and membership management
  • Robust admin panel enabling efficient user, content, and membership management
  • Cohesive transactional emails enhancing user trust and interaction

Reflections

  • Integrating existing backend solutions (like iframe data visualizations) demands strong cross-team collaboration early in the UX/UI process
  • Designing platforms for sensitive data requires prioritizing clarity, trustworthiness, and intuitive interaction
  • A clear and engaging onboarding flow significantly enhances user retention and satisfaction
  • UX design in data-intensive applications must prioritize clarity, reliability, and intuitive interactions above aesthetic trends
  • This project demonstrated the importance of strategically aligning visual identity with functional clarity to foster trust and user confidence
Thanks for reading!