Worten
action button pdp

Logo WortenLogo
  • Cliente
  • Worten
  • Papel
  • Design UX/UI
  • Ano
  • 2025
  • Local
  • Lisboa, Portugal

1. Produto e problema

AntigoNovo
AntigoNovo

Na página de produto, os botões de ação moravam dentro da buying box, disputando espaço com preço, vendedor e o botão de compra. No mobile, onde o espaço aperta, favoritar, comparar e compartilhar perdiam visibilidade.

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.
  • Muitos elementos disputando o foco na mesma área.
  • Experiência mobile comprometida pela restrição de espaço.

E por que o lugar importava:

  • A galeria é o primeiro bloco grande da página. É ali que o produto está.
  • A buying box já tem uma tarefa, levar à compra. Tudo o que entra nela disputa com o botão principal.
A página de produto antiga no mobile, com os botões de ação enterrados na buying box

O produto estava na galeria. Os botões estavam do outro lado.

2. Papel e contributo

UX · PDP. Comparei a página com as de Amazon e Walmart, 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 referência em vez de gosto.

3. Decisões de design

O redesign tirou favoritar, compartilhar e comparar da buying box lotada e os levou pra uma área visível dentro da galeria do produto.

Benchmark: à esquerda a página de produto da Amazon, à direita a do Walmart. Nas duas, favoritar e compartilhar ficam junto da galeria

Amazon e Walmart deixam favoritar e compartilhar junto da galeria do produto. A resposta não era inventar um lugar novo, era usar o lugar que quem compra online já conhece.

  • 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.
A galeria do produto redesenhada, com os botões de ação no canto superior direito
A página de produto nova no mobile, com as ações visíveis sobre a galeria

4. Resultado

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.

A Worten é rede real, com app próprio no ar — 1M+ downloads e 4,7★ no Android, 25 mil avaliações e 4,7★ no iOS. O app muda com o tempo; o que fica registrado aqui é o desenho de 2025.

Worten na App StoreVer na App Store ↗
Worten na App Store
Worten na Play StoreVer na Play Store ↗
Worten na Play Store

O botão não mudou. Mudou o lugar onde ele é visto.

Precisa melhorar um produto mobile ou web?

Trabalho com equipes de produto em UX, UI e sistemas de design. Conte-me sobre o seu projeto.

Entre em contato