TRX Design System
The TRX Design System is Traxi’s first comprehensive framework, ensuring consistent branding and seamless design across all web and mobile products. By organizing components efficiently, it minimizes inconsistencies and enhances the overall user experience.
Role
UI Designer
Industry
Transportation, shuttle service, tech
Duration
3 months
Enhancing efficiency and consistency
The implementation of the TRX Design System has dramatically improved workflow efficiency and reduced confusion among designers and developers. The organized naming conventions and flexible structure facilitate quicker access to components and easier integration into new projects. The success of this system has led to its adoption across all Traxi products, both retrospectively and for future developments, ensuring ongoing consistency and quality.
Addressing accessibility
Ensuring accessibility is a core principle of the TRX Design System. Traxi’s brand colors and design elements are crafted to meet AA compliance standards, accommodating a diverse user base. For example, maintaining sufficient contrast for text on various backgrounds is achieved by specifying font weights and sizes that enhance readability without compromising the design integrity. These considerations are seamlessly integrated into the responsive design framework, maintaining accessibility across all device sizes.
Other projects
Passenger App
This app enables users to access company-contracted transportation with QR codes, search and save favorite routes, and track trips in real-time using live maps and ETAs. Additionally, users can rate their experiences to provide feedback and improve service quality.
Driver App
An app designed to streamline daily transportation by managing trips, starting/ending rides, scanning boardings, and reporting incidents effortlessly.
Transportation Management System
Revolutionizing personnel transport management with a light-asset platform designed to optimize daily operations, streamline scheduling, and provide real-time visibility.
Validator device
The device offers an automated validation solution for passenger boarding. With advanced scanning capabilities, it streamlines driver workflows, reducing manual tasks, shortening boarding times, and enhancing overall operational efficiency.