01
Mobile first, de verdade
Pensado pro polegar: alvos grandes, scroll curto, leitura em pé.
Etapa 06 · Mapa mental
Painel do
CLIENTE.
A tela que fica no celular da mesa. Mobile first, objetiva e humana: confirmação, mesa, status, resumo e um aviso simples quando o pedido sai da chapa. Sem fricção, sem excesso.
ConfirmaçãoStatus & tempoConteúdo do pedidoMensagens ao cliente
20:42ao vivo
Mesa
04
Pedido
#A12
Em preparo
Sua chapa já está pedindo música.
1
2
3
4
RecebidoPreparoProntoEntregue
Previsão
10 — 15 min
Mapa mental
12 ramos da tela do cliente
Cada ramo é uma decisão de design para manter a tela simples, calma e útil — sem virar app de fidelidade.
PAINEL DO
CLIENTE
CLIENTE
Confirmação
3 ramosStatus & tempo
4 ramosConteúdo do pedido
2 ramosMensagens ao cliente
3 ramosEstados da tela
Quatro mensagens. Uma jornada.
O cliente vê apenas o que importa em cada momento. A tela respira junto com a cozinha.
Mesa
04
Pedido
#A12
Em preparo
Sua chapa já está pedindo música.
1
2
3
4
RecebidoPreparoProntoEntregue
Resumo
- 2× Duplo da Casa·
- 1× Skin Fries·
- obs: sem cebola
A passagem entre estados é automática. O cliente não precisa atualizar, e a recepção é notificada se algo passa do tempo.
Princípios
O que torna essa tela diferente
O painel do cliente carrega a marca sem virar uma vitrine. Cada decisão visual existe para reduzir ansiedade na mesa.
02
Um CTA por tela
Sem menus laterais, sem abas. A próxima ação é sempre óbvia.
03
Status > preço
A tela depois do pedido não é cardápio. Foca em onde o pedido está.
04
Voz da marca
Mensagens curtas, com humor leve da marca — nunca robóticas.
05
Acessibilidade primeiro
Contraste AAA, fontes grandes, sem dependência só de cor.
06
Tempo honesto
Faixa de previsão, nunca cronômetro otimista que quebra a confiança.