Problem
The Onisys platform is a web app that allows logistics operators from various sectors to monitor their drivers’ driving behavior in order to understand risk scenarios and prevent accidents. Throughout 2024, shortly after the company was acquired by the nstech group, shipper clients presented a new need — they required real-time monitoring of unsafe driving behaviors so they could act proactively in accident prevention. The project demanded a thorough update and standardization of the old design system, driven by the company's repositioning following the acquisition by nstech.
Personas
Among Onisys users, two main personas have always been considered: carriers and shippers. Through ongoing conversations with Onisys’s largest shipper clients, a new type of user was identified and referred to as the "control tower."
Shippers interact with the platform in a broader way, investigating reports and consuming data. Carriers, on the other hand, have unrestricted access to information about their drivers and handle all violations directly with them. "Control tower" clients were shippers who showed a greater interest in closely monitoring logistics operations. They behaved similarly to carriers but had different needs and safety requirements.
To develop the Onisys Accident Prevention Control Tower, we mapped these needs together with clients and created a new approach to handling platform violations. This flow was defined through numerous conversations and under the assumption that, from that point on, a new persona should be considered with each platform evolution.
Benchmark
After defining the product strategy and scope, a thorough competitor analysis was conducted. Each feature was documented, and as a final result, we built an Impact vs. Effort prioritization matrix, also taking into account the clients' mapped interests.
Smart trips and an alert escalation system are some examples of new features that were developed based on the research and in collaboration with our largest shipper clients. All of this platform evolution enabled the onboarding of new clients from a variety of sectors, such as refrigerated cargo, paper, and pulp industries.
Design System
Components
Buttons, navigation menus, line charts, bar charts, tables—every component used in the platform was properly documented and incorporated into the UI Kit in Figma. All of them follow a strict standard of margin and spacing variables based on multiples of 8, as well as color tokens and text styles.
Design tokens
The company’s visual identity and the four levels of driving deviation severity (Primary, Moderate, Severe, and Critical) are the key attributes that defined the color tokenization of the design system. After Onisys was acquired by the nstech group, it became necessary to redefine the values of all color tokens to align the platform with the group’s new orange brand identity, replacing the green previously used.
Measures
All margins and spacings were defined following the recommended multiples of 8. These measurements are also tokenized using Figma’s variable system.
Thank you!