Submit Form
Create Meeting
The main issue we addressed at Tracky was transforming high-frequency electric vehicle data into a readable mobile experience for users. Raw MQTT messages from IoT devices, Bluetooth pairings, and encrypted data streams were redesigned into a simple, fast, and understandable interface.
In this process, Pikap designed a custom information architecture, motion language, and component system for data-intensive mobile applications, addressing both user behavior and technical requirements on the same axis.
Product Architecture
The core architecture carrying real-time data streams has been redesigned; metrics, status information, and log structures have been consolidated under a single readable layout.
UX / UI Design
A modular dashboard structure was created to provide users quick access to operations, vehicle status, and real-time performance data.
Data Visualization
Live data, statistics, and trends were re-presented with simple graphic components; critical metrics were prioritized.
API Integration
API structures carrying vehicle location, status information, and telemetry data were optimized; latency and error rates were reduced.
Frontend Development
A lightweight, performance-focused structure was established for real-time components; the dashboard was recoded to run smoothly on all devices.
Backend Optimization
Data processing, caching, and synchronization processes were accelerated; the system was stabilized under high traffic.
Content and Naming System
Metrics, modules, and technical terminology were standardized into a more understandable language for users.
In the new interface that carries the brand spirit into the digital experience, details are not just read, they are experienced.
Each screen tells a different story, taking the user on a visual and auditory journey. Warm pastel tones reflect Tren’s energy in spaces into the digital.
This palette contrasted on a dark background provides a timeless modernity.
We Made Real Time Data Readable.
Since Tracky is an IoT system that produces data updated on a second-by-second basis, the mobile interface needed to be designed not only aesthetically but also behavior-based. Data cards, graphs, and status components were restructured with a motion rhythm that adapts to the speed of change.
This approach provided a significant advantage in terms of readability and response time, which are critical for mobile applications that process real-time data.
We Have Turned High Technology
Into a Simple Experience
The technology behind Tracky; is based on encrypted vehicle data, MQTT listener structures, Bluetooth connection protocols, and an SDK-based service layer. During the turntable design process, this data structure was directly matched with interface behaviors to create a consistent product architecture for both the design team and the development team. Technical complexity was transformed into a simple mobile experience without reflecting on the user.
Although this architecture is not visible within the mobile design, it underpins every decision. Every value displayed on the interface is the processed form of raw data coming from multiple sources per second. Since Tracky also includes an SDK-based service structure, it has a flexible architecture capable of integrating with third-party tools or enterprise systems.
Tracky is a comprehensive product design project that transforms a data-intensive IoT infrastructure into a simple and fast mobile application. The design system, motion language, and information architecture laid a strong foundation for the front-end layer to be developed with Flutter. Even as the development process continues, the application's experience remains consistent, scalable, and user-focused.
