Totem · 1920×1080 touch
10 telas do fluxo de venda em modo kiosk.
Tela 02 · filtros funcionais
Catálogo
Tela 03
Detalhe do produto
Tela 04 · desconto pré-aplicado
Carrinho
Tela 05 · sem teclado virtual
Cadastro mínimo
Tela 06
Checkout · forma de pagamento
Tela 07
Pagamento em curso
Tela 08
Sucesso
Tela 09
Erro de pagamento
Tela 10
Sem comunicação
Tela 11
Idle / inatividade
Cliente · responsivo (em casa)
Página web aberta a partir do link no e-mail. Tem 2 variantes: cliente novo vs. cliente já existente.
Tela 12 · cliente NOVO
Finalizar · endereço + senha
Tela 13 · cliente JÁ EXISTENTE
Vincular à conta existente
Tela 14
Finalização concluída
E-mails transacionais · SendGrid
Mockup do que chega no Gmail/Outlook do cliente.
E-mail 1 · após pagamento
Pós-compra · "Ative sua conta"
E-mail 2 · após cadastro
Boas-vindas
- ✓ Header laranja (igual site CH)
- ✓ Logo wordmark inline (PNG estava cortado)
- ✓ Layout limpo, sem display fonts
- ✓ Tela 13 nova: cliente já existente
- ✓ E-mail menciona detecção de conta
Sistema visual aplicado
Header / Primária
#E45E3E
Coral · cards
#CE625A
Bege · faixas
#EEE8D2
Azul · cliente exist.
#1F369A
Sucesso
#548750
Wordmark inline
Roboto 900