• Projetos
  • Carreira
  • Sobre

Produto · Zé Delivery · Ambev

Zé Compensa

role para ler o case

Projetos / Produto

Desenhar para quem está no bar, à noite, com 5% de bateria

Fui a campo em Minas Gerais para entender por que as pessoas não escaneavam o QR Code das tampinhas, e redesenhei a jornada para quem tem mais dificuldade.

Projeto
Zé Compensa
Empresa
Zé Delivery · Ambev
Papel
Product Designer
Método
Pesquisa de campo, shadowing, fluxo, UI, handoff
Plataforma
Web aberta pelo QR Code da tampinha

Resumo · 1 min de leituraA história completa continua abaixo

01Problema
5 de 6 pessoas conheciam o programa de pontos das tampinhas, mas só 1 tinha conseguido participar.
02Papel
Product Designer: pesquisa de campo em Minas Gerais, fluxo com o PM, UI e handoff.
03Solução
Uma jornada redesenhada para quem tem mais dificuldade: login sem senha, scanner próprio com orientação, loop para várias tampinhas e erros que dizem o que fazer.
04Resultado
Um fluxo pensado para internet lenta, pouca luz e celulares sem leitor de QR Code. O design review em vídeo, feito para caber no prazo, virou prática do time.
Zé Compensa
5 de 6
conheciam o programa
1 de 6
tinham conseguido participar

Contexto

Um QR Code embaixo da tampinha

O MVP colocou um QR Code sob a tampinha da Brahma Litrinho em Minas Gerais: abriu, escaneou, ganhou pontos. A ideia era simples, mas o funil não andava. Nossa squad foi entender os atritos com quem bebe e com os bares.

Percepções da pesquisa de campo, com fotos dos bares

“Tô sabendo dessa promoção. Tenho umas 60 tampinhas em casa.”

Pessoa entrevistada

O que o campo mostrou

Internet lenta e bateria baixa eram comunsO público tinha mais de 40 anos
Todas as pessoas tiveram dificuldade com o scannerÀ noite, falta luz para ler a tampinha
Muitos celulares não leem QR Code na câmeraOs bares entregam a cerveja sem a tampinha

“Se resolvermos para esse perfil, resolvemos para todo mundo.”

Decisões de design

  1. 01

    Login sem senha

    E-mail primeiro e token por SMS ou e-mail. E o ganho logo de cara: “seu cadastro vale 10 pontos”.

  2. 02

    Scanner próprio

    Dentro do site, com orientação na tela, para quem não tem leitor de QR Code na câmera.

  3. 03

    Loop para a pilha de tampinhas

    “Escanear outra tampinha” depois de cada ponto.

  4. 04

    Erros que dizem o que fazer

    Duplicada, inválida, já escaneada: cada estado explica e oferece o próximo passo.

Fluxo completo desenhado com o PM
Primeiras versões da UI
UI final
↔primeiras versõesfinal

Teste você

Cada leitura tem uma saída

Aponte para a tampinha e escolha o que acontece. São as telas finais do projeto: nenhuma termina num erro seco, todas dizem o que fazer depois.

escolha o que acontece com a leitura

Tela da câmera apontando para a tampinha
Câmera 1⌄
Ativou e ganhou 10 pontosEba, tampinha escaneada!Ops, tampinha duplicada!Ops, limite atingido!Ops, QR Code inválido!

Refinamento com Content

Uma frase que muda a expectativa

Num ajuste de conteúdo com o time de Content, “os pontos podem demorar até 3 dias” virou “seus pontos já estão disponíveis para usar”. E o botão principal passou de “baixar o app” para “escanear outra tampinha”: para quem está no bar, o próximo passo é a próxima tampinha.

antes
antes
depois do ajuste
depois do ajuste

Extra

Design review em vídeo

Com o prazo curto demais para um critique completo, gravei o review em vídeo para o time de design, algo que ainda não era hábito no Zé. Virou uma prática nova de colaboração.

O que eu aprendi: o problema não estava na tela, estava no bar.

Próximo case ZÉCON 2022Inovar ou reforçar?

próximo passo

Todo projetocomeça com umaconversa.

Geist 600 · 9.4vw · tracking −0.06em · lh 0.95
Todo projetocomeça com umaconversa.
estrutura
Vamos conversar

site

ProjetosCarreiraLabSobreContato

redes

LinkedInBehanceInstagramMedium
ola.franlima@gmail.com© 2026