Nosso desafio foi desenvolver um Design System para modernizar a interface da plataforma da Arlequim e manter a consistência da paleta de cores da marca, especialmente ao desenvolver os modos light e dark, priorizando a acessibilidade e garantindo uma experiência de usuário funcional e otimizada.
Desde o início, adotamos uma abordagem centrada no cliente, realizando diversas rodadas de conversas com diferentes departamentos da empresa para mapear áreas prioritárias.
A partir de imersões com stakeholders e colaboradores dos setores de marketing, desenvolvimento e comercial, identificamos os principais desafios do projeto. A Arlequim, que oferece uma solução inovadora de computador dentro do computador, por meio de desktop.
Após a fase inicial, colaboramos na seleção das telas principais do sistema, sobre as quais conduzimos uma análise de usabilidade. Essa análise foi fundamental para o repensarmos a estrutura base do sistema, que incluiu novos layouts para menus, headers e outros componentes. Posteriormente, traduzimos essas melhorias em wireframes mais detalhados.
O DS ficou composto por 33 famílias de componentes, contemplados seus respectivos estados (default, hover, disabled, pressed, error e outras variações), em Light e Dark modes.
Ainda, cada componente contou com descritivo de “O que são” e “Pra que servem” bem como representação visual das anatomias. No fim, um dos designers carinhosamente batizou o DS como Joy.
Etapa de imersão no contexto
Também pode ter
Etapa de imersão no contexto
Também pode ter
Etapa de imersão no contexto
Também pode ter
