Uma nova arquitetura para um produto que precisava escalar com qualidade

A BMG Money precisava redesenhar seu dashboard principal, usado por clientes para visualizar e gerir propostas de crédito consignado. O produto acumulava inconsistências visuais, sobrecarga de informação e baixa clareza na navegação.

Meu papel: Fui responsável por toda a criação da página, desde a arquitetura da informação, redação dos conteúdos e definição dos fluxos até o layout visual e aplicação do design system.

Empresa

Empresa

BMG Money

Ano

Ano

2022

Posição

Posição

Product Designer,
UX Researcher,
UI Designer
Lead Designer

Product Designer, UX Researcher, UI Designer
Lead Designer

Tags

Tags

Design System · Dashboard · UX Research · Figma · Navegação · Design Responsivo · Acessibilidade Visual · Produto Financeiro · Hierarquia de Informação · Prototipação

🧠 Processo e estratégia

Para além do redesign visual, o objetivo era melhorar a navegação e dar clareza às informações, pensando em diferentes níveis de familiaridade dos usuários com produtos financeiros.

Etapas do processo:
• Entrevistas com usuários e time de atendimento
Análise de uso e levantamento de fricções
• Redesenho de arquitetura de informação e hierarquia visual
• Criação de novos componentes e aplicação do design system
• Prototipação em Figma e validações internas

Para além do redesign visual, o objetivo era melhorar a navegação e dar clareza às informações, pensando em diferentes níveis de familiaridade dos usuários com produtos financeiros.

Etapas do processo:
• Entrevistas com usuários e time de atendimento
Análise de uso e levantamento de fricções
• Redesenho de arquitetura de informação e hierarquia visual
• Criação de novos componentes e aplicação do design system
• Prototipação em Figma e validações internas

Para além do redesign visual, o objetivo era melhorar a navegação e dar clareza às informações, pensando em diferentes níveis de familiaridade dos usuários com produtos financeiros.

Etapas do processo:
• Entrevistas com usuários e time de atendimento
Análise de uso e levantamento de fricções
• Redesenho de arquitetura de informação e hierarquia visual
• Criação de novos componentes e aplicação do design system
• Prototipação em Figma e validações internas

💡 Soluções implementadas

• Novo layout de navegação lateral com categorias reestruturadas
• Informações organizadas em blocos visuais com melhor legibilidade
• Telas simplificadas com foco em ações primárias (como simulações e propostas)
• Criação de telas responsivas para desktop e mobile
• Elementos visuais consistentes com o design system da empresa

📈 Resultados percebidos

• Navegação mais fluida e com menos cliques até a ação principal
• Redução de dúvidas relatadas pela equipe de atendimento
• Facilidade de manutenção visual com uso consistente do design system
• Aumento de eficiência no desenvolvimento de novas telas

💬 Aprendizados

Esse projeto mostrou a importância de um design que equilibra escala visual, clareza funcional e aplicabilidade técnica. Redesenhar um dashboard com múltiplos tipos de usuários exigiu escuta ativa, decisões de priorização e muita atenção à hierarquia da informação. O impacto foi visível tanto na experiência do usuário quanto no alinhamento entre design e desenvolvimento.

raquelamarini@gmail.com

raquelamarini@gmail.com

raquelamarini@gmail.com

Create a free website with Framer, the website builder loved by startups, designers and agencies.