Aprovação de Design · Fase 0
Futura na Mão
Prévia completa das telas do aplicativo para aprovação do cliente. 17 telas mobile + 4 previews desktop distribuídas em 10 arquivos.
Como revisar os designs
Clique em cada card abaixo para abrir o preview em tela cheia. As telas são mockups de celular com conteúdo real — nada de lorem ipsum. Design pensado para o público lojista, com fontes maiores e navegação clara.
Telas do aplicativo
5 telas
01 · Acesso
Login & Onboarding
Primeiro acesso e configuração da conta do lojista em passos simples.
Splash
Login
Onboarding ×3
Ver preview
3 telas
02 · Início
Home & Perfil
Tela principal com acesso rápido a todos os módulos, notificações e conta.
Home
Notificações
Perfil
Ver preview
3 telas
03 · Catálogo
Central de Produtos
Lista completa de produtos com filtros, fichas técnicas e documentos para download.
Lista
Detalhe
Documentos
Ver preview
4 telas
04 · Criar
Catálogo de Cores & Estúdio
Paletas de cores com swatches e editor de templates para materiais de divulgação.
Catálogo
Paleta
Estúdio
Editor
Ver preview
4 telas
05 · Ferramentas
Calculadora, Blog & Treinamentos
Calculadora de tinta, blog com dicas para lojistas e módulos de treinamento.
Calculadora
Resultado
Blog
Treinamentos
Ver preview
2 telas
06 · Perfil Lojista
Minha Conta & Meu Grupo
Dados da loja, informações do grupo de filiais e configurações da conta.
Minha Conta
Meu Grupo
Ver preview
Versão Desktop (PWA 1280px+)
Desktop
07 · Desktop
Home Dashboard & Produtos
Sidebar permanente, KPIs, acesso rápido e grid de produtos com filtros laterais.
Home
Produtos
Sidebar
Ver preview
Desktop
08 · Desktop
Detalhe do Produto
Ficha técnica completa em 2 colunas: galeria, rendimento, aplicação, documentos e produtos relacionados.
Ficha Técnica
Documentos
Relacionados
Ver preview
Desktop
09 · Desktop
Catálogo de Cores & Estúdio
Grid de 8 colunas com paletas, painel de detalhes e editor Fabric.js com zonas editáveis e bloqueadas.
Catálogo
Estúdio
Editor
Ver preview
Admin
11 · Admin
Gestão de Lojas
Painel admin com lojas agrupadas por CNPJ raiz — resolve o problema das 47 filiais Marquezim aparecendo separadas.
Grupos/Filiais
Busca unificada
Edição rápida
Ver preview
Desktop
10 · Desktop
Calculadora, Blog & Treinamentos
Calculadora com resultado detalhado, blog com hero + grid 3 colunas e módulos de treinamento com progresso.
Calculadora
Blog
Treinamentos
Ver preview
Princípios de design aplicados
Texto legível
18px mínimo no corpo, 16px em labels. Nunca menor.
Touch targets
58px mínimo em todos os botões e áreas táteis.
Ícones com texto
Todo ícone tem label. Nunca ícone isolado sem descrição.
Alto contraste
Textos escuros em fundos claros. Razão mínima 4.5:1.
Espaçamento generoso
24px+ entre seções. UI não sobrecarregada.
Tom de parceiro
"Tudo certo, parceiro!" Linguagem humana e direta.