Problema
A plataforma da Onisys é uma aplicação web que permite que operadores logísticos de diversos setores monitorem o comportamento de direção de seus motoristas, com o objetivo de entender cenários de risco e prevenir acidentes. Ao longo de 2024, pouco após a aquisição da empresa pelo grupo nstech, clientes embarcadores apresentaram uma nova necessidade — eles passaram a exigir o monitoramento em tempo real de comportamentos inseguros na direção, para que pudessem agir de forma proativa na prevenção de acidentes. O projeto exigiu uma atualização completa e a padronização do antigo design system, impulsionadas pelo reposicionamento da empresa após a aquisição pela nstech.
Personas
Entre os usuários da Onisys, sempre foram consideradas duas personas principais: transportadores e embarcadores. A partir de constantes conversas com os maiores clientes embarcadores da Onisys, percebeu-se um novo tipo de usuário que foi chamado de "torre de controle".
Embarcadores interagem com a plataforma de uma maneira mais abrangente, investigando relatórios e consumindo dados. Por outro lado, os clientes transportadores são os que possuem informações irrestritas a respeito dos seus motoristas, tratando diretamente com eles todas as violações. Os clientes "torre de controle" eram embarcadores que tinham maior interesse em monitorar as operações logísticas de perto, atuando de forma parecida com os transportadores, mas com outras necessidades e exigências de segurança.
Para desenvolver a Torre de Controle de Prevenção de Acidentes da Onisys, mapeamos com os clientes quais eram essas necessidades e desenvolvemos uma nova forma de tratar as violações da plataforma. Esse fluxo foi definido a partir de diversas conversas e assumindo que, daquele momento em diante, uma nova persona deveria ser considerada a cada evolução da plataforma.
Benchmark
Após a definição da estratégia e do escopo do produto, foi feita uma análise minuciosa dos concorrentes. Cada funcionalidade foi registrada e, como resultado final, construímos uma matriz de prioridades de Impacto X Esforço levando também em consideração os interesses mapeados dos clientes.
Deslocamentos inteligentes e um sistema de escalação de alertas são alguns exemplos dos novos recursos que foram desenvolvidos a partir da pesquisa e de forma colaborativa com os nossos maiores clientes embarcadores. Toda essa evolução na plataforma viabilizou a entrada de novos clientes vindos dos mais variados mercados, como o de cargas frigorificadas, papel e celulose.
Design System
Componentes
Botões, menus de navegação, gráficos de linha, gráficos de barra, tabelas — todos os componentes utilizados na plataforma foram devidamente documentados e incorporados ao UI Kit no Figma. Todos seguem um padrão rigoroso de margens e espaçamentos baseado em múltiplos de 8, além de tokens de cor e estilos de texto.
Design tokens
A identidade visual da empresa e os quatro níveis de gravidade das infrações de direção (Primário, Moderado, Grave e Crítico) são os principais atributos que definiram a tokenização de cores do design system. Após a aquisição da Onisys pelo grupo nstech, tornou-se necessário redefinir os valores de todos os tokens de cor para alinhar a plataforma à nova identidade visual do grupo, agora baseada na cor laranja, substituindo o verde anteriormente utilizado.
Medidas
Todas as margens e espaçamentos foram definidos seguindo os múltiplos de 8 recomendados. Essas medidas também foram tokenizadas utilizando o sistema de variáveis do Figma.
Obrigado!