Whiteeth

Redesign da Vitrine de E-commerce

Contexto e desafio

Sobre o desafio

A Whiteeth é uma marca de higiene bucal orgânica. Sua vitrine de e-commerce sustenta campanhas de mídia paga, mas apresenta conversão abaixo do esperado.

O desafio consiste em analisar o wireframe fornecido, identificar gargalos de usabilidade e propor soluções de design capazes de contribuir para o aumento da conversão.

Entendimento do problema

Problema identificado

Problema

A vitrine atual oferece pouca informação para apoiar a decisão de compra, apresenta baixa encontrabilidade dos produtos e não comunica claramente os diferenciais da marca.

Hipótese

Ao facilitar a descoberta de produtos, aumentar a confiança durante a navegação e reduzir o esforço para encontrar e comparar itens, será possível aumentar a taxa de adição ao carrinho e, consequentemente, a conversão.

Usuário chega via anúncio

→

Não encontra o produto

→

Sem informação para decidir

→

Abandona a página

Fluxo atual de abandono

Auditoria do wireframe

Gargalos identificados

1
Hero
Ocupa a primeira dobra sem comunicar valor
5
Prova social
Apenas estrelas, sem número de avaliações
2
Busca
Pouco evidente, sem destaque no header
6
Confiança
Nenhum selo, garantia ou diferencial da marca
3
Filtros
Inexistentes, navegação só por scroll
7
Carrinho
Só ícone, sem feedback visual ao adicionar
4
Cards
Pouca informação para decisão de compra
8
Hierarquia
Todos os elementos com mesmo peso visual

Detalhe do wireframe com cards de produtos

Priorização

Matriz Impacto × Esforço

Alto impacto / Baixo esforço

Hero com proposta de valor e CTA
Busca em destaque no header
Filtros e ordenação de produtos
Cards com benefícios e avaliações
Barra de confiança
Hierarquia de CTA

Alto impacto / Alto esforço

Mini Cart lateral (drawer)
Wishlist / favoritos
Quick View nos cards
Comparação entre produtos

Benchmark

Referências do mercado

Referência B.O.B — **B.O.B** Oral care natural
Hero com foto lifestyle, card com badges de desconto, footer completo com newsletter

Referência Glambox — **Glambox** Assinatura de beleza e higiene
A Glambox foi a referência direta para o modelo de assinatura: CTA "Eu quero", linguagem emocional e aspiracional

Estratégia da solução

4 pilares que orientaram o redesign

Encontrabilidade

Facilitar a localização de produtos por meio de busca, filtros e melhor organização.

Confiança

Aumentar a segurança na decisão de compra com avaliações, benefícios e prova social.

Clareza

Melhorar a hierarquia visual e reduzir a carga cognitiva ao longo da página.

Conversão

Reduzir atritos ao longo da jornada com mini cart, CTAs claros e feedback visual.

Decisões de design

Problema → Solução → Impacto

Problema	Solução proposta	Impacto esperado
Hero sem proposta de valor	Novo hero com título de marca, CTA primário e secundário hierarquizados	Melhor comunicação do posicionamento, aumento de CTR
Ausência de filtros	Barra de filtros horizontal com categoria, preço, benefício e sabor	Facilita descoberta, reduz abandono por dificuldade de navegação
Cards com pouca informação	Preço riscado, parcelamento, selos, avaliações e benefícios orgânicos	Aumenta confiança na decisão de compra
Sem feedback ao adicionar	Mini Cart (lateral drawer) com resumo e dois caminhos	Reduz atrito, aumenta percepção de sucesso
Marca sem personalidade	Valor percebido em vez de desconto: selos orgânicos, vegano, certificado	Fortalece posicionamento premium, sustenta conversão no médio prazo

Solução desktop

Home redesenhada

Nova home desktop da Whiteeth em um notebook

1
Faixa de assinatura Saffron
CTA de assinatura visível em 100% do tráfego, antes do header
2
Header reformulado
Busca + login + wishlist + carrinho com badge de quantidade
3
Hero com proposta de valor
Título de marca + subtítulo + CTA Saffron e outline hierarquizados
4
Filtros horizontais
Chips por categoria, preço, benefício e sabor + ordenação
5
Kit banner de cross-sell
Overlay 18%, título e CTA
6
Cards com hierarquia visual
+ preço riscado em vermelho, parcelamento sem juros
7
Cards com prova social
Avaliação com número de reviews + tags (Vegano, Sem flúor)
8
Badge ribbon MAIS VENDIDO
9
Ícones
Para facilitar a usabilidade
10
Badge FRETE GRÁTIS
Pill verde em todos os cards elegíveis
11
Bloco de assinatura
3 planos com a sinalização do mais escolhido
12
Trust bar com ícones SVG
4 benefícios antes do footer: segurança, entrega, garantia, atendimento
13
Footer mais completo
Nav + newsletter pill | pagamentos + segurança + copyright