Worten
action button pdp
Logo- Client
- Worten
- Role
- Design UX/UI
- Ano
- 2025
- Local
- Lisbon, PT
1. Product & Problem
A página de produto da Worten espremia os botões de ação dentro da buying box, disputando espaço com preço, vendedor e o botão de compra. O resultado era invisibilidade: 67% dos usuários mobile passavam pela página sem interagir com favoritar, comparar ou compartilhar.
O que travava a página:
- Botões de ação espremidos na buying box, competindo por atenção com preço, informação de vendedor e CTA.
- Hierarquia visual em caos, com mais de oito elementos disputando o foco.
- Experiência mobile comprometida pela restrição de espaço.
- 67% dos usuários mobile perdendo oportunidades essenciais de interação.
E o porquê, medido:
- 89% dos usuários focavam primeiro nas imagens do produto.
- A galeria recebia bem mais atenção visual que a buying box.
- O padrão natural de leitura favorece o canto superior direito da galeria, não a buying box.
Os olhos estavam na galeria. Os botões estavam do outro lado.
2. My Role & Contribution
UX · PDP. Levantei a evidência de atenção que sustenta o caso, defini a nova posição das ações e levei a decisão até o handoff, dentro do time de Produto Digital da Worten em 2025.
A contribuição não foi desenhar um botão. Foi mostrar que o problema era de lugar, não de forma — e sustentar isso com número em vez de gosto.
3. Key Design Decisions
O redesign tirou favoritar, compartilhar e comparar da buying box lotada e os levou pra uma área visível dentro da galeria do produto.
O benchmark da indústria aponta engajamento entre 2,5% e 4,2% quando os botões estão bem posicionados. A Worten original ficava em 1,8%. Amazon posiciona as ações à esquerda da galeria, Walmart à direita. A resposta não era inventar um lugar novo, era reconhecer o lugar onde os olhos já estavam.
- Reconhecimento antes de memória: os botões passam a aparecer dentro do padrão natural de leitura, em vez de exigir que o usuário lembre onde estavam escondidos.
- Visibilidade do estado do sistema: estados e posição claros dão retorno imediato sobre as ações disponíveis e a interação em curso.
- Estética e minimalismo: tirar botões da buying box limpou a hierarquia visual e devolveu força ao CTA.
4. The Outcome
Ações que estavam escondidas viraram pontos de interação. A hierarquia ficou mais limpa, o CTA respirou, e a experiência ficou consistente entre desktop e mobile.
O botão não mudou. Mudou o lugar onde ele é visto.