Como criamos uma página de produto multiplataforma que elevou a conversão
Transformamos uma PDP duplicada (e inconsistente) em uma página web reutilizável, padronizada pelo design system e melhoramos a experiência com base em pesquisa.
Ano
2024
Plataforma
Web/iOS/Android
Papel
Design Lead
Quando uma mesma página vira quatro projetos
No Magalu, a página de produto era, na prática, quatro projetos diferentes: iOS, Android, web mobile e web desktop. Mesmo com objetivos idênticos, cada implementação tinha backlog, prioridades e squads próprios e isso criava inconsistência, retrabalho e um gargalo operacional difícil de escalar.
A virada foi simples e estrutural: e se existisse apenas uma página de produto, web-based, capaz de ser reutilizada em todas as plataformas?
Foi isso que construímos e aproveitamos o momento para elevar a experiência com base em pesquisa já existente e novos inputs de benchmark e entrevistas.
O que aprendemos antes de começar
Fizemos um bench dos principais players de e-commerce, rodamos entrevistas com nossos usuários comparando a experiência Magalu à experiência de concorrentes e chegamos a algumas conclusões-chave para o projeto:
- Outros players já adotavam abordagem web-based dentro de apps.
- Páginas com conteúdo mais rico e recomendações mais úteis.
- Informação técnica mais exposta e acessível.
- Condições comerciais (preço/parcelamento) mais claros.
- Reviews pareciam incompletos: faltavam fotos/vídeos e uma sumarização por IA poderia ajudar.
- Opções de pagamento pareciam “escondidas” no fim da página.
- Ficha técnica e especificações eram mais difíceis de encontrar do que em outros players.
Qual foi a nossa proposta?
- Através de uma base web reutilizável unificar a PDP, reduzindo 4 implementações (iOS, Android, web mobile e desktop) para uma única fonte de verdade.
- Padronizar UI e conteúdo via design system, diminuindo divergência entre plataformas e retrabalho de design/dev.
- Definir princípios de hierarquia e reorganizar o conteúdo por atividade (menos ruído na tela e decisão facilitada).
- Antecipar alavancas de conversão (pagamento, reviews, frete/promo) para aparecerem mais cedo e com mais clareza.
- Melhorar a encontrabilidade de informação do produto (ficha técnica e especificações) sem “enterrar” conteúdo no fundo na rolagem.
Resultados
+10% de conversão na página
Primeiros resultados mostraram uplift claro após a implementação.
Mais rapidez no ponto de decisão
Tornamos pagamento, parcelas, CTAs e ofertas mais imediatos (payment strip + buybox), reduzindo hesitação e aumentando clareza de preço/condições.
Experiência consistente
Alinhamos padrões do app e web mobile em todos os elementos.
Arcabouço para escala da experiência
Criamos uma base para evolução contínua, com melhorias feitas uma vez e distribuídas para todos os canais.