Reorganização visual
Melhor distribuição de conteúdo, blocos de decisão e elementos de navegação para aumentar escaneabilidade.
Case study
Lotominas.bet: redesign de plataforma com foco em clareza e conversão
Redesign de uma experiência digital de apostas com foco em hierarquia visual, navegação, responsividade e CTAs mais claros.
UI DesignConversionResponsiveVisual Design
- Papel
- UX/UI Designer
- Empresa
- Lotominas.bet
- Produto
- Plataforma digital de apostas
- Foco
- Hierarquia, navegação e CTAs
- Abordagem
- Redesign orientado por hipóteses
Contexto
Onde o projeto se encaixa
Projeto visual público usado para demonstrar capacidade de UI, estruturação de interface e pensamento de conversão em uma experiência digital competitiva.
Problema
Principais fricções trabalhadas
Principais fricções trabalhadas
- Hierarquia visual pouco clara.
- Navegação e CTAs com oportunidade de melhoria.
- Necessidade de visual mais confiável e moderno.
- Melhor adaptação mobile.
- Experiência mais orientada a ações críticas.
Evidências
Sinais usados para orientar decisão
O objetivo não era defender opinião estética, mas usar sinais de comportamento, negócio e viabilidade para diminuir incerteza.
- Análise visual da experiência existente.
- Benchmarks de plataformas digitais com alto volume de decisão.
- Critérios de legibilidade, contraste e responsividade.
- Hipóteses de melhoria para ações principais e navegação.
Decisões de design
Escolhas feitas para reduzir ambiguidade
Ações principais em evidência
CTAs mais claros, com contraste adequado e posicionamento mais próximo do contexto de decisão.
Responsividade como critério
Adaptação de blocos, navegação e cards para manter clareza em telas menores.
Solução
O que foi proposto ou produzido
O que foi proposto ou produzido
- Nova hierarquia visual para destacar ações críticas.
- Ajustes de contraste, densidade, legibilidade e ritmo visual.
- Componentes mais claros para navegação, cards e chamadas.
- Estrutura responsiva com foco em continuidade entre desktop e mobile.
Antes e depois
Mudança de qualidade da experiência
Antes
- Hierarquia competindo por atenção.
- CTAs com menor destaque contextual.
- Mobile com oportunidade de simplificação.
Depois
- Prioridades visuais mais claras.
- Ações principais destacadas.
- Estrutura mais consistente entre breakpoints.
Resultado
O case trabalha hipóteses de melhoria e critérios de sucesso sugeridos, sem assumir métricas reais não validadas.
A proposta demonstra raciocínio de conversão, clareza de UI e capacidade de transformar uma interface pública em uma experiência mais organizada.
Ferramentas
FigmaPhotoshopIllustratorBenchmarks
Processo
Como o trabalho avançou
Análise
Leitura de hierarquia, navegação, densidade visual e oportunidades de conversão.
Redesign
Criação de estrutura visual com foco em clareza, confiança e ação.
Critérios
Definição de hipóteses e sinais que poderiam orientar validação futura.
Aprendizados
- Interfaces transacionais precisam reduzir ruído antes de tentar aumentar estímulo visual.
- CTAs funcionam melhor quando a hierarquia do entorno também está clara.
- Projetos públicos exigem cuidado para separar proposta de design de resultado medido.
Próximos passos
- Validar hipóteses com dados reais de navegação e conversão.
- Testar variações de CTA e organização dos cards principais.
- Criar documentação de componentes para manter consistência.
“Neste tipo de interface, confiança e clareza precisam aparecer antes da ação.”
Próximo case