Futura na Mão — Aprovação de Design

Role para ver mais

10

Arquivos

17

Telas

14

Módulos

v1

Versão

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

Login & Onboarding

Primeiro acesso e configuração da conta do lojista em passos simples.

Splash Login Onboarding ×3

Tela principal com acesso rápido a todos os módulos, notificações e conta.

Home Notificações Perfil

03 · Catálogo

Central de Produtos

Lista completa de produtos com filtros, fichas técnicas e documentos para download.

Lista Detalhe Documentos

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

05 · Ferramentas

Calculadora de Rendimento, Blog & Capacitação

Calculadora de rendimento, blog com dicas para lojistas e módulos de capacitação.

Calculadora de Rendimento Resultado Blog Capacitação

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

Versão Desktop (PWA 1280px+)

Home Dashboard & Produtos

Sidebar permanente, KPIs, acesso rápido e grid de produtos com filtros laterais.

Home Produtos Sidebar

Detalhe do Produto

Ficha técnica completa em 2 colunas: galeria, rendimento, aplicação, documentos e produtos relacionados.

Ficha Técnica Documentos Relacionados

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

Calculadora de Rendimento, Blog & Capacitação

Calculadora de rendimento com resultado detalhado, blog com hero + grid 3 colunas e módulos de capacitação com progresso.

Calculadora de Rendimento Blog Capacitação

Materiais Promocionais & PDV

Catálogo de brindes, banners e materiais de ponto de venda com painel de solicitação, histórico e acompanhamento de entrega.

Brindes Banners PDV Solicitação Histórico

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

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.