O Problema
A versão anterior da plataforma enfrentava desafios críticos de usabilidade. O contraste baixo gerava barreiras de acessibilidade, e a navegação confusa aumentava o tempo operacional dos usuários.
Além disso, a identidade visual não refletia mais a maturidade tecnológica de uma empresa com 10 anos de mercado.
Solução
Como UX/UI Designer, liderei o redesign visual focado em eficiência e inclusão. O objetivo não foi apenas estético, mas funcional: criar uma interface escalável baseada em Bootstrap, corrigir os déficits de contraste (WCAG) e otimizar a jornada do usuário para reduzir o tempo de tarefa.
Alguns números com a nova User Interface
Aumento na Taxa
de Conversão
Redução no Tempo de
Conclusão de Tarefa
Redução de Erros
de Acessibilidade
Aumento na
Satisfação do Usuário
Processo
Por ser um projeto de redesign de UI, optei por um processo direto e focado na clareza visual. Iniciei com a criação de protótipos de baixa e alta fidelidade para testar diferentes abordagens de layout. O prazo de entrega foi de três semanas, o que exigiu decisões ágeis e objetivas.
Grids
Nesse projeto, usei o grid do Bootstrap 5 pra montar a estrutura da página de forma mais flexível.
Fontes
Gil Sans MT PRO
H1 - Título - 72pts / Bold
H2 - Título - 60pts / Bold
H3 - Título - 48pts / Regular
H4 - Título - 36pts / Regular
Segoe UI
Texto - Texto - 24pts / Bold
Texto - Texto - 20pts / Regular
Texto - Texto - 16pts / Regular
Texto - Texto - 12pts / Regular
Paleta de Cores
Wireframe de baixa fidelidade
Wireframe de alta fidelidade
Fale Comigo!
Se você tem uma ideia, uma vaga ou só quer trocar uma figurinha, me manda uma mensagem.