Mapa do protótipo
Sistema interno de alertas de contato. Selecione uma tela para visualizar.
→
Login
Entrada por e-mail e senha das contas internas.
★
Alertas do dia
2 variantes: A feed vertical · B inbox de triagem. Use ←/→ ou a barra inferior.
☷
Clientes
2 variantes: A tabela densa · B grid de cards com KPIs.
+
Cadastro de cliente
2 variantes: A formulário longo · B wizard em 3 passos.
⚙
Configurações
Contas, datas comemorativas, mensagens-modelo e resumo diário.
Como testar a responsividade
Desktop · Tablet · Mobile
Cada tela é 100% responsiva. Abra no navegador e use DevTools
(Cmd/Ctrl + Shift + M) para alternar entre
iPhone (390px), Android (412px), tablet (768px) e desktop (1280px+).
O layout, a navegação e os componentes se reorganizam automaticamente em cada faixa.