TrackAsia – Maps Platform

Overview

TrackAsia consolidates multiple layers of geo-based data into a single map-first interface. Instead of separating search, data visualization, and actions into different views, users remain within the map context allowing them to explore, compare, and act without losing orientation.

Problem

This challenge was further amplified by frequent changes in administrative boundaries in Vietnam, requiring the system to continuously adapt geo data structures while maintaining accuracy, consistency, and a seamless user experience.

• Difficulty in quickly identifying optimal routes in heavy urban traffic
• Limited support for understanding real-time congestion and its impact on travel time
• Inconsistent interaction patterns across map workflows
• Lack of clear next steps after selecting a location or route

Solution

We redesigned the experience around a map-first interaction model with a clear hierarchy:

The interface prioritizes real-time visibility and fast decision-making—helping users quickly identify optimal routes in complex urban traffic conditions.

Search-first entry point with instant results and suggested destinations

Real-time traffic visualization layer to highlight congestion and road conditions

Route comparison with estimated travel time (ETA) for faster decisions

Layer and filter system optimized for scanning geo and traffic data

Key Features

• Interactive map with clustering, selection states, and real-time feedback
• Smart search with predictive suggestions and quick navigation actions
• Dynamic traffic layer visualizing congestion intensity in real time
• Multi-route comparison with ETA and distance optimization

Design Approach

The design focuses on optimizing high-frequency workflows—helping users quickly identify optimal routes, evaluate traffic conditions, and take action with minimal friction in dense urban environments.

• Prioritized map readability to clearly visualize traffic conditions and route options
• Designed clear selection and route states to maintain context during navigation
• Reduced cognitive load for fast decision-making in high-traffic scenarios
• Applied consistent interaction patterns for predictable and efficient workflows

User Flows

Design system

A unified design system was developed to ensure consistency and scalability across the TrackAsia ecosystem. It defines reusable components, interaction patterns, and visual principles enabling faster design iteration while maintaining a cohesive user experience across both the website and map application.

Website

The marketing website serves as the primary entry point for TrackAsia, communicating the product’s value proposition, capabilities, and API offerings. It helps users quickly understand how the platform works and how it can be integrated into real-world use cases.

The experience focuses on clarity, structured content, and guiding users from discovery to action.

Map Application

The map application is the core product where users interact with geo-based data in real time exploring locations, analyzing spatial information, and taking action within a map-first interface.

The design emphasizes usability and context awareness, enabling seamless transitions from search to decision-making.

Web Platform

Application

Impact

The final product delivered measurable improvements in speed, accuracy, and user confidence helping farmers make faster and more informed decisions.

30%

Faster route decision time

40%

Improved visibility of traffic conditions

25%

Reduction in time to complete core tasks

Next Steps

• Offline maps and caching for field usage
• Advanced filters and saved filter presets
• Collaboration features: shared layers and shared routes
• Analytics dashboard for geo activities and usage insights