IMPORTANTE!

Devido a questões contratuais do projeto, as informações levantadas serão apresentadas de forma resumida, a fim de ocultar dados sensíveis do projeto.

O projeto foi desenvolvido inteiramente no Adobe XD, utilizando as bases sólidas da metodologia de UX/UI para estruturar um design system coeso e funcional. Desde o início, seguimos as boas práticas de design, priorizando a experiência do usuário em cada componente, fluxo e interação.

A escolha pelo Adobe XD permitiu uma prototipagem ágil e colaborativa, facilitando a validação com stakeholders e garantindo uma visão clara da evolução do produto. Cada elemento foi desenhado com atenção aos detalhes, refletindo consistência visual e eficiência de uso.

Dados

Indústria: Seguradora
Cliente: Auto Compara
Duração: 26 semanas
Ano: 2022
Período: 15/01 até 01/07

Equipe

1 Líder de Design Thinking
2 Designers UX/UI
1 UX Manager/QA

Sobre o projeto

Desafio

O principal desafio desse projeto foi estruturar um Design System robusto e versátil que pudesse sustentar toda a aplicação da AutoCompara, uma plataforma 100% digital do Grupo Santander voltada para comparação e contratação de seguros. A necessidade era criar uma base sólida de design que unificasse a linguagem visual, padronizasse componentes e tornasse os fluxos mais consistentes, escaláveis e eficientes para múltiplos times de desenvolvimento e design.

PALAVRAS CHAVE

Design System | UX/UI | Plataforma Digital | Componentização | Experiência de Usuário | Benchmarking | Jornada | Íconografia

Fluxo de telas no Adobe XD

Estrutura de uma página de componente

Biblioteca de componentes

Entregáveis

04

CORES BASES

TONS DE CORES

14

97

ÍCONES

09

TIPOS

02

CORNER RADIUS

12

ESPAÇAMENTOS

03

GRIDS

19

COMPONENTES
ADOBE XD

Telas e guia dos componentes

CRIAÇÃO DOS COMPONENTES E TOKENS NO ADOBE XD

Resultados do projeto

O Design System foi muito bem recebido pela equipe Auto Compara, trazendo mais organização, consistência e previsibilidade ao aplicativo.

PROJETO BEM RECEBIDO

O projeto não terminou com a entrega inicial — se transformou em uma construção contínua, com evolução constante do sistema.

TRABALHO E PROCESSO CONTÍNUO

A navegação ficou mais intuitiva e moderna, com impacto direto na usabilidade e na percepção do usuário final.

MELHORIA NA EXPERIÊNCIA

PARCERIA FORTALECIDA

A MJV passou a atuar de forma mais integrada na Auto Compara, populando e expandindo o Design System como uma ferramenta viva e estratégica.

Outros projetos

JORNADA DO CLIENTE - AUTO COMPARA

ONECLICK - PRUDENTIAL

DESIGN SYSTEM ATLÂNTICO - TRINUS