Case Study
Redesign da Plataforma Descubra P&G
Introdução
Meu papel:
UX Lead; UI Design; Protótipos rápidos; Testes de Acessibilidade e Usabilidade
Entregáveis
Design system; Protótipos baixa e alta fidelidade
Equipe
Designer; Developers; Stakeholders
Ferramentas
Miro; Figma; Photoshop; Jira
Empresa
Vertigo Tecnologia
Data
2023-2024
Desafios
O fluxo de cadastro do Descubra apresentava pontos críticos de atrito: páginas genéricas, baixa conexão com as marcas, etapas confusas e sensação de insegurança por parte dos usuários. O desafio foi redesenhar essa jornada tornando-a mais clara, acessível e confiável — eliminando ruídos desde a escolha da promoção até o envio final, e garantindo que o propósito da página fosse compreendido logo no primeiro contato.
Antes do redesign:
Fluxos confusos e visual genérico
Telas do site antigo
Solução
A solução envolveu um redesign completo da plataforma, guiado por entrevistas, benchmarking, co-criação com stakeholders e testes com usuários. Cada parte da experiência — da arquitetura de informação ao microcopy — foi repensada para garantir clareza, reduzir fricções e reforçar a credibilidade das campanhas. O novo fluxo é direto, adaptável e alinhado ao branding das marcas, promovendo uma navegação fluida e centrada no usuário.
Reestruturação do fluxo de cadastro, com menos etapas, instruções claras e feedback imediato ao usuário;
Criação de um design moderno, clean e visualmente coerente, reforçando a identidade da P&G e das marcas parceiras;
Criação de um Design System, garantindo consistência visual e escalabilidade;
Prototipação rápida e validação contínua em colaboração com desenvolvedores e stakeholders;
Processo de Design
No projeto, foi seguida uma abordagem centrada no usuário, estruturada em cinco etapas principais:
Pesquisar
Conduzir pesquisas e compreender usuários
Definir
Compilar informações e identificar as dores
Idear
Gerar ideias e resolver problemas
Prototipar
Transformar ideias em representações tangíveis para validação
Testar
Validar soluções com usuários e identificar oportunidades de melhoria
Essa metodologia iterativa garantiu que cada decisão de design fosse fundamentada em dados reais, alinhada às expectativas dos usuários e aos objetivos de negócio da P&G.
O problema na vida real
Mariana queria aproveitar uma promoção incrível, mas não entendia onde clicar. O cadastro parecia confuso, e as instruções não ajudavam.
O cliente se perde no processo
As campanhas parecem todas iguais
A insegurança com dados afasta o público
"Onde me cadastro primeiro?"
Esta foi uma das principais dúvidas observadas entre usuários. O antigo fluxo não deixa claro por onde começar.
"O usuário se perde" - Relato de um usuário
90% das perguntas no Google são:
"Como me cadastro"?
Juliana dos Santos
Analista de Marketing
Pesquisa & Insights
Empatia
Foram realizadas entrevistas e análises de dados para entender os principais desafios dos usuários. Foi descoberto que muitos tinham dúvidas sobre como se cadastrar, não compreendiam bem os benefícios da plataforma e enfrentavam barreiras por falta de familiaridade digital. Esses achados foram essenciais para guiar nossas decisões de design.
Entrevistas com stakeholders e usuários — Miro board
Heurística de concorrentes
Foi feita uma análise comparativa com plataformas de experiências promocionais, bem como uma avaliação heurística da interface atual. Foram identificados problemas de clareza nos botões de ação, falta de consistência visual e ausência de feedback claro ao longo do cadastro.
Concorrente indireto: "Méliuz"
Chamadas para ação: Os botões "Adicionar" e "Baixar o aplicativo" competem pela atenção, podendo causar indecisão sobre qual caminho seguir.
Hierarquia visual: Demonstra claramente o propósito do serviço, enquanto os logos das lojas parceiras reforçam visualmente a proposta de valor.
Persona
Foi criada uma persona baseada em padrões observados nas entrevistas. Essa construção ajudou a manter o foco nas reais necessidades dos usuários ao longo das decisões de design.
Mariana, 32 anos
Assistente administrativa, casada, tem um filho de 4 anos, moradora de São Paulo. Ela busca aproveitar promoções e economizar nas compras.
Objetivos
Economizar nas compras do dia a dia
Participar de promoções sem complicação ou processos longos
Frustrações
Processos complicados e demorados
Insegurança em passar dados pessoais
Instruções confusas
Hábitos:
Compra online de 2 a 3 vezes por mês
Utiliza redes sociais para saber de promoções
Prefere experiências de compras simples
Definição
Goals, Challenges & Problem Statement
Com base nas descobertas, foram definidos os objetivos do projeto e reformulado o "Problem Statement".
Desafios
Reforçar a identidade das campanhas
Gerar reconhecimento e confiança nas promoções através de uma identidade visual consistente.
Reduzir a sensação de insegurança
Criar um ambiente confiável para os usuários ao fornecer dados pessoais.
Eliminar as dúvidas no processo de cadastro
Tornando a jornada mais clara e intuitiva para todos os usuários.
Objetivos
Garantir compreensão rápida do fluxo
Permitir que o usuário entenda facilmente como navegar e utilizar o sistema.
Construir uma interface moderna
Design clean e alinhado com o branding, transmitindo profissionalismo e confiança.
Simplificar o fluxo de cadastro
Reduzir etapas e tornar o processo mais eficiente e agradável para o usuário.
Problem Statement
How Might We
“Como podemos ajudar o usuário a entender, logo de cara, onde e por que se cadastrar?” surgiu a partir de relatos recorrentes de confusão e insegurança no início da jornada. O objetivo foi orientar o design para garantir clareza imediata sobre o propósito da página e o valor da ação esperada, tornando o caminho até o cadastro mais direto, confiável e intuitivo.
1
2
Ideação
Explorando possibilidades de solução — "Crazy Eights"
Foram exploradas possibilidades de solução com dinâmicas como Crazy Eights, buscando gerar ideias rápidas, acessíveis e com foco em clareza e usabilidade.
A ideia era simples: cada membro da equipe esboçou 8 ideias em 8 minutos.
O resultado foi uma diversidade de soluções criativas que ajudaram a moldar os protótipos seguintes.
Wireframes
Para estruturar as principais jornadas de navegação, foram criados wireframes de baixa fidelidade. Essa etapa permitiu validar o fluxo e o agrupamento das informações antes da evolução para protótipos de alta fidelidade.
Zoom
Protótipo de alta fidelidade
Home Page
Aqui vimos a parte superior da Home page (primeira dobra), foi proposto um layout mais limpo, com hierarquia clara e foco no conteúdo principal da campanha. A nova estrutura melhora a legibilidade, reforça a identidade da marca e destacam os CTAs com maior clareza.
Antes
O botão “PARTICIPE AGORA” está em destaque visual, mas concorre com múltiplos elementos visuais pesados (banner, imagens, logos), o que causa ruído e dificulta o foco do usuário.
Depois
O CTA “Cadastre-se” é apresentado de forma clara, com cor contrastante e posicionamento previsível (header fixo), seguindo boas práticas de hierarquia visual.
Mova as setas <-> para ver a trarnsição entre telas
A seção foi reestruturada com foco em clareza e organização. Iniciativas e Marcas agora aparecem de forma hierarquizada, visualmente leve e com melhor acessibilidade.
Antes
As seções competem entre si em peso visual. Títulos, botões e cards de promoções encerradas estão todos com destaque semelhante, o que sobrecarrega a leitura.
Depois
A nova versão organiza os conteúdos em blocos bem definidos, com separações visuais mais leves e consistentes. Os títulos são mais discretos e os elementos interativos mais evidentes.
Mova as setas <-> para ver a trarnsição entre telas
Tipografia
Durante o redesign, a escolha da tipografia gerou atenção especial por parte do cliente, que demonstrava apreço pela Montserrat — fonte já consolidada no branding da marca. No entanto, observou-se que, apesar de funcionar bem em materiais impressos, essa tipografia apresentava limitações no ambiente digital, especialmente em aspectos como leveza, legibilidade e fluidez.
Foi apresentado um conjunto de referências, artigos e exemplos práticos que evidenciavam os ganhos ao adotar uma tipografia mais adequada ao contexto digital. A mudança para Heebo surgiu como uma solução equilibrada: uma fonte contemporânea, versátil e acessível, que traz mais clareza e modernidade à experiência — alinhando-se ao novo momento da plataforma, sem romper com a identidade da marca.
Telas finais
Fluxo de cadastro na promoção
Com base nas dores mapeadas durante as entrevistas, como confusão no início da jornada, excesso de etapas e ausência de confiança, o fluxo de cadastro em promoções foi completamente redesenhado. O objetivo foi tornar a experiência mais clara, direta e acessível, reduzindo atritos, reforçando a credibilidade da plataforma e aumentando a taxa de conversão.
A seguir, o novo fluxo de cadastro em uma promoção é detalhado passo a passo, destacando as melhorias aplicadas em cada etapa.
Ganhos e Métricas
Resumo do impacto do projeto de Redesign
Redução de 41% no tempo de carregamento das páginas após o redesign.
Queda na taxa de rejeição
O investimento em mídia continua sendo o maior influenciador das métricas de tráfego e conversão
Lições aprendidas & oportunidades futuras
Lições aprendidas
Simplicidade é mais poderosa do que parece
Ao eliminar ruídos e focar na clareza da jornada, conseguimos aumentar a percepção de confiança e reduzir dúvidas recorrentes — especialmente no cadastro.
Design não resolve sozinho — comunicação importa
Muitas fricções vinham de microtextos ambíguos ou termos mal posicionados. Trabalhar a linguagem com intenção fez tanta diferença quanto o layout.
Validar cedo economiza retrabalho
Testar fluxos intermediários com usuários nos ajudou a evitar decisões baseadas em achismos e ajustar detalhes que poderiam passar despercebidos.
Há espaço para evoluir o pós-cadastro
O acompanhamento da promoção ainda pode ser mais claro e engajador — incluindo notificações, status visual e atualizações em tempo real no painel do usuário.
Oportunidades
Gamificação e incentivo à recorrência
Inserir elementos como selos, níveis de participação ou recompensas por cadastros frequentes pode aumentar o engajamento e criar um ciclo de retorno à plataforma.
Integração com notificações ativas (push/email)
Avisos sobre status da promoção, lembretes de envio de nota fiscal ou novas campanhas alinhadas ao perfil do usuário podem melhorar a experiência pós-cadastro.
Personalização por perfil de consumo
Usar dados de histórico para destacar campanhas mais relevantes por usuário (ex: consumidor de fraldas vê Pampers no topo) pode gerar mais conversão.
Obrigado!
2026
Neuber
/ Sr. Product Designer
Criado por mim, usando FIGMA e FRAMER.