ANTES
Interface ruidosa
ScorePendênciasRecomendaçõesHistóricoOfertasMonitoramento
Elementos sobrepostos e dispersos geram alta carga cognitiva e caminhos concorrentes.CASE / 04
Redesign da Nova Minha Conta
Da área logada genérica a uma experiência mais clara, adaptável e orientada às necessidades do usuário.
A Minha Conta era a página central da área logada da Foregon.
Mas a experiência havia acumulado elementos, produtos e caminhos que competiam pela atenção, tornando mais difícil entender o que era relevante para cada usuário.
O redesign partiu de uma pergunta maior do que simplesmente como limpar a interface: como transformar a área logada em um espaço realmente organizado ao redor das necessidades de cada pessoa?
CONTEXT
A página central da experiência estava tentando mostrar coisas demais.
A Minha Conta concentrava diferentes produtos, informações financeiras e caminhos dentro da Foregon. Com o tempo, essa concentração também havia aumentado a complexidade visual da página. O desafio era reduzir ruído, tornar a navegação mais fluida e ajudar o usuário a encontrar produtos e informações relevantes com menos esforço.
DEPOIS
Interface organizada
- 1Painel Consolidado
- 2Navegação Adaptável
- 3Descoberta e Contexto
o que realmente importa para mim?
onde encontro cada tipo de produto ou serviço?
por que estou vendo esta oferta?
BEFORE
Antes de redesenhar, precisávamos tornar o problema visível.
- Excesso de elementos disputando atenção
- Navegação pouco orientada às necessidades
- Produtos apresentados com baixa diferenciação contextual
- Necessidade de reduzir esforço para encontrar uma solução relevante
UNDERSTANDING
Organizar a experiência começava por entender necessidades, não componentes.
A persona funcionava como uma referência para manter necessidades concretas presentes nas discussões sobre navegação, produtos financeiros e personalização da área logada.
EMPATHY MAP
Medos, expectativas e objetivos também orientaram a nova experiência.
O mapa de empatia organizou expectativas e comportamentos relacionados à vida financeira, reforçando que a nova experiência precisava facilitar decisões em vez de apenas concentrar ofertas.
BENCHMARK
Como outras experiências organizavam produtos e escolhas?
EXPLORATION
Explorar rápido antes de estruturar melhor.
O Crazy 8's foi utilizado como uma forma rápida de abrir possibilidades antes de convergir para uma nova arquitetura. O valor dessa etapa estava menos nos desenhos individuais e mais em ampliar as alternativas consideradas antes de escolher uma direção.
DESIGN DIRECTION
A área logada precisava se adaptar à intenção do usuário.
Centralizar informações importantes do usuário
Criar um painel resumindo Score, Pendências e Monitoramento.
Organizar a experiência por verticais
Permitir que a vertical selecionada reorganizasse produtos e serviços relevantes.
Priorizar recomendações mais relevantes
Adaptar produtos e destaques à vertical selecionada, perfil e contexto.
Criar diferentes camadas de descoberta
Separar recomendação principal, produtos em alta, necessidades e selecionados em módulos.
INFOGRAPHIC
Decisões de Design
Quatro pilares estratégicos para responder às principais dores mapeadas.- 01Centralizar informaçõesPainel unificado com Score, Pendências e Monitoramento.
- 02Navegação por verticaisEstruturas que se adaptam ao contexto e perfil ativo.
- 03Personalizar recomendaçõesOfertas baseadas em afinidade e histórico de busca.
- 04Organizar por necessidadesProdutos organizados por objetivos práticos.
SYSTEM
A interface passou a funcionar como um sistema de módulos.
A nova arquitetura organizava a experiência em módulos independentes que respondiam ao contexto da vertical selecionada.
Recomendação PrincipalProdutos em AltaCategorias por NecessidadeSelecionados para Você
A estrutura modular conecta contexto financeiro, navegação por verticais e diferentes camadas de descoberta.
EXPERIÊNCIA / 01
Um resumo financeiro antes de aprofundar.
O painel foi estruturado em duas instâncias. No estado fechado, apresenta um resumo das principais informações financeiras. Ao expandir, o usuário acessa mais contexto sobre Score, Pendências e Monitoramento antes de seguir para cada área.
EXPERIÊNCIA / 02
Mudar a vertical muda a experiência.
O menu fixo das verticais passou a funcionar como o principal mecanismo de contexto. Ao mudar a vertical selecionada, a experiência se reorganizava com produtos e conteúdos relacionados àquela necessidade.
EXPERIÊNCIA / 03
A primeira dobra precisava responder: o que é mais relevante para mim agora?
Além do painel do usuário, a primeira dobra passou a destacar uma recomendação principal adaptada à vertical selecionada e ao perfil disponível.
EXPERIÊNCIA / 04
Produtos em alta dentro do contexto selecionado.
A segunda dobra apresentava produtos em destaque de acordo com a vertical selecionada, permitindo consultar informações antes de seguir para a solicitação.
EXPERIÊNCIA / 05
Organizar produtos pela necessidade, não apenas pela categoria financeira.
Um sistema de categorias ajudava a explorar produtos a partir do que o usuário estava tentando resolver, sem exigir conhecimento prévio da estrutura interna da Foregon.
EXPERIÊNCIA / 06
Mais uma camada de personalização.
Selecionados para você apresentava produtos relacionados à vertical ativa e ao contexto, aproximando descoberta e relevância.
SYSTEM
O mesmo sistema, diferentes contextos.
A estrutura de módulos permanecia consistente ao mudar de vertical. O que mudava era o conteúdo: recomendações, produtos em alta e destaques se adaptavam ao contexto selecionado.
RESPONSIVE
A mesma lógica precisava sobreviver à mudança de escala.
A versão mobile preservou priorização, contexto e personalização, reorganizando módulos para uma navegação linear. No desktop, a descoberta ganhou uma composição mais ampla sem perder hierarquia.
INFOGRAPHIC
Adaptação Responsiva
Como a lógica modular flui de colunas amplas no Desktop para uma experiência linear e direta no Mobile.- 01Layout desktop · 1440pxPainel unificado com Score, Pendências e Monitoramento.
- 02Painel esquerdoEstruturas que se adaptam ao contexto e perfil ativo.
- 03RecomendaçõesOfertas baseadas em afinidade e histórico de busca.
- 04Layout mobile · 390pxProdutos organizados por objetivos práticos.
- 05Painel superior (fixo)
- 06Recomendações (linear)
CRAFT
Um sistema que também precisava manter consistência visual.
Cards de produto, indicadores de score, recomendações e navegação por categorias seguiram o mesmo tratamento, independentemente da vertical ativa.
COLLABORATION
A solução foi construída entre Design, Produto e Desenvolvimento.
O projeto exigiu colaboração próxima para equilibrar intenção de experiência, regras de negócio, comportamento de componentes e viabilidade técnica. Personalização, organização por verticais e hierarquia de recomendação exigiram alinhamento constante entre as disciplinas.
INFOGRAPHIC
Colaboração entre disciplinas
Equilíbrio entre estratégia, experiência e viabilidade.- Design experiência, IA e interface
- Produto negócios e regras de conversão
- Engenharia componentes e performance
Pontos de convergência ativa: Personalização por Verticais · Descoberta em Camadas · Fluxos de Solicitação Contextuais
OUTCOME
Uma área logada mais organizada ao redor do usuário.
O redesign transformou uma página central carregada de informação em uma experiência mais estruturada, em que navegação, recomendação e descoberta passaram a responder melhor ao contexto do usuário. A prototipagem navegável recebeu feedback positivo sobre clareza e experiência proposta.
Navegação e conteúdo mais estruturados
Produtos organizados por contexto e necessidade
Interface adaptável à vertical selecionada
Diferentes maneiras de encontrar produtos
INFOGRAPHIC
Resultados Qualitativos
O impacto do novo modelo conceitual na percepção, usabilidade e potencial de descoberta de serviços.- 01Clareza: alta legibilidadePainel unificado com Score, Pendências e Monitoramento.
- 02Navegação: menos esforçoEstruturas que se adaptam ao contexto e perfil ativo.
- 03Personalização: experiência fluidaOfertas baseadas em afinidade e histórico de busca.
- 04Consistência: sistema únicoProdutos organizados por objetivos práticos.
MY CONTRIBUTION
Minha contribuição.
Minha atuação percorreu a compreensão do problema, exploração de alternativas, definição da arquitetura da experiência, componentes principais e interface final.
REFLECTION
O que este projeto reforçou.
Personalização precisa ter uma lógica.
Trocar conteúdo sem deixar claro o contexto pode aumentar a complexidade.
Uma home logada é um sistema, não uma tela.
Módulos que dependem de contexto, seleção e perfil exigem arquitetura da experiência.
Descoberta também precisa de hierarquia.
Mostrar mais produtos não significa aumentar relevância.
Craft e estrutura precisam conversar.
Uma interface mais limpa só funciona quando a arquitetura por trás dela também está clara.
“Colocar o usuário no centro não significa mostrar menos. Significa organizar melhor o que merece aparecer para ele.”
