top of page
Vívian’s (3).png

Traduzindo o físico para o digital

Em 2024, trabalhei para transformar uma promoção bem-sucedida no ponto de venda em uma experiência digital. A mecânica oferecia descontos progressivos com base no volume e na variedade de produtos.

Vívian’s (4).png

01

O desafio

O principal desafio foi adaptar essa mecânica para uma plataforma digital em modelo self-service. Diferente das lojas físicas — onde vendedores explicavam a promoção — no ambiente online o usuário precisava entender sozinho:

  • Quais produtos estavam incluídos

  • Como os descontos aumentavam conforme mais itens eram adicionados

  • O que era necessário para desbloquear o próximo nível de desconto

O objetivo era criar uma experiência clara, motivadora e escalável, que funcionasse desde o primeiro clique.

02

Exemplo de funcionamento

Para facilitar o entendimento da mecânica, imagine uma promoção de desconto progressivo nos sorvetes do McDonald’s:

  • Ao comprar de 3 a 5 sorvetes, o cliente ganha 2% de desconto

  • Ao comprar de 6 a 8 sorvetes, o desconto sobe para 4%

  • Ao comprar mais de 9 sorvetes, o desconto chega a 6%

O cliente pode misturar diferentes tipos de sorvete — cones, sundaes, McFlurries ou top sundaes — para somar a quantidade total e desbloquear automaticamente o desconto.

Esse exemplo deixa claro o objetivo da mecânica: incentivar o usuário a aumentar tanto a variedade quanto o volume de sorvetes, ao mesmo tempo em que comunica de forma transparente o progresso em direção ao desconto.

ChatGPT Image 2 de ago. de 2025, 17_50_28.png
blueprint piece.jpg

03

Jornada do usuário e blueprint

Ao mapear a jornada do usuário e construir o blueprint da experiência, identifiquei limitações técnicas que impactavam diretamente a forma como o valor da promoção era percebido:

  • Produtos fora de estoque não eram reconhecidos pelo sistema, impedindo a aplicação do desconto e frustrando usuários que montavam corretamente o carrinho sem saber que alguns itens estavam indisponíveis.

  • O mesmo SKU podia participar de múltiplas campanhas, exigindo regras de prioridade para evitar mensagens conflitantes.

  • Usuários com mais de uma campanha ativa não tinham clareza sobre qual benefício estavam recebendo.

  • Pedidos com diferentes condições de pagamento eram divididos internamente, quebrando a lógica de progressão do desconto e invalidando a mecânica.

Esses achados foram essenciais para orientar decisões de design e comunicação — desde a forma como a promoção era apresentada até as mensagens exibidas em cada etapa da jornada do usuário.

04

Teste de usabilidade

Testei os principais fluxos da promoção com 5 usuários para validar visibilidade, compreensão e facilidade de uso. Você pode observar os resultados na imagem ao lado.

Principais aprendizados:

  • A visibilidade da promoção precisava de mais destaque visual, especialmente na home e nas páginas de produto.

  • A mecânica de desconto progressivo exigia orientações mais claras e previsibilidade ao longo da jornada.

  • A separação das campanhas em abas funcionou bem, mas a comunicação sobre como a promoção operava ainda gerava algumas dúvidas.

Esses insights orientaram as melhorias de design, ajudando a criar uma experiência mais clara, compreensível e segura para o usuário.

usability testing result.jpg

05

industry page before.jpg
industry page after.jpg
progress indicator before.jpg

Iterações e melhorias

Com base nos testes de usabilidade e nos achados do blueprint, fiz ajustes focados em clareza, orientação e estímulo à ação do usuário:

  • Regras de desconto mais claras: passei a exibir as faixas de quantidade e os percentuais de desconto diretamente na barra de progresso, em um layout simples e limpo.

  • Momento do desconto: incluímos mensagens deixando explícito que o desconto seria aplicado no carrinho.

  • Abas para múltiplas campanhas: usuários elegíveis a mais de uma promoção passaram a ver as campanhas separadas por abas, facilitando comparação e entendimento.

  • Link para a lista de produtos no momento certo: posicionamos o link logo abaixo do CTA “Garanta seu desconto progressivo”, reduzindo fricção.

  • Mensagens de incentivo mais diretas: substituímos frases genéricas por comunicações que mostram exatamente quantos itens faltam para desbloquear o próximo nível.

  • Menor foco no seletor de quantidade por SKU: isso ajudou a incentivar variedade de produtos (cross-sell), e não apenas o aumento de unidades.

Essas mudanças tornaram a mecânica promocional mais intuitiva, confiável e orientada à conversão — com menos dúvidas, mais clareza e uma jornada muito mais fluida.

progress indicator after.jpg

06

Resultados

Transformar essa promoção do varejo físico em uma experiência digital resultou em uma jornada mais clara, guiada e eficiente — tanto para o cliente final quanto para os parceiros de negócio.

Hoje, essa mecânica promocional:

  • É utilizada por diversos parceiros como parte central de suas estratégias de campanha

  • Aumenta a variedade de produtos por pedido, incentivando o cross-sell

  • Impulsiona engajamento e vendas em ações estruturadas

  • Mostrou-se escalável e sustentável, mesmo com múltiplas campanhas ativas, regras de negócio complexas e limitações técnicas

Mais do que adaptar uma lógica do varejo, este projeto demonstrou como o design pode conectar regras de negócio a uma experiência simples e intuitiva, entregando valor real para todos os lados.

contador

Outros cases selecionados

Aumentando  o uso de cupom

Como redesenhei a feature para aumentar adoção e tornar o valor do marketplace mais claro.

Redesigning da página de promoções

(em contrução)

bottom of page