PRODUCT DESIGN · UX/UI · BRANDING · CASE 002
Sistema de gestão gastronômica completo desenhado para quem não tem tempo de aprender software complicado. Responsável pelo design do produto do zero — da identidade visual à arquitetura do app, da landing page ao social media.
Telas projetadas no total
Planos de assinatura desenhados
Perfis de usuário distintos
Mobile-first, dark theme nativo
App · Landing · Social · Branding
Telas sem propósito definido
O problema real
O desafio maior não era criar telas bonitas. Era criar telas que um dono de restaurante sem nenhuma experiência com ERP conseguisse operar durante o rush do almoço. Complexidade técnica precisava desaparecer na interface.
Ao mesmo tempo, o sistema tinha dois perfis radicalmente diferentes: o dono (gestão total) e o cliente final (catálogo e pedido). Misturar os fluxos seria um erro fatal de arquitetura.
O contexto
A gastronomia é um dos setores com maior rotatividade e menor margem do Brasil. Donos de restaurantes, bares e cafeterias lidam com dezenas de variáveis ao mesmo tempo — insumos, receitas, pedidos, funcionários, finanças — e a maioria ainda é gerenciada em cadernos, planilhas desconectadas ou WhatsApp.
A Hanks surgiu com uma proposta clara: um único app que centraliza toda a operação de um negócio gastronômico. O desafio de design era criar uma interface que funcionasse na correria da cozinha — rápida, intuitiva, sem fricção, no celular.
Meu trabalho: construir esse produto do zero. Identidade visual, arquitetura da informação, design das 50+ telas, landing page de conversão e comunicação de redes sociais. Um sistema que vai do cadastro de insumo ao fechamento financeiro do mês.
Visão geral · Home · Dashboard · Configurações · Empresa · Finalização de produto
Identidade visual
A paleta navy profundo + dourado comunica exatamente o que um dono de negócio precisa sentir ao escolher um software de gestão: confiança e qualidade que justificam o investimento mensal. É diferente do verde de planilha ou do azul genérico de sistemas tradicionais — é uma marca que se posiciona como premium no segmento.
O logotipo integra um garfo ao lettering HANKS de forma orgânica, sinalizando o setor gastronômico sem ser literal ou caricato. A combinação com ícones de gráfico de barras comunica a dimensão de gestão — gastronomia + dados, em um único símbolo.
O dark theme não é apenas estético: restaurantes operam em ambientes com iluminação variada — cozinhas claras, salões escuros, mesas ao ar livre. O tema escuro reduz fadiga visual e funciona em qualquer contexto de uso real.
NAVY #1A2744
GOLD #C9A84C
DEEP #0D1520
CREAM #F0EDE6
HANKS · ERP GASTRONOMIA · SISTEMA INTEGRADO
VERSÃO · FUNDO CLARO
Logo navy — aplicação em fundos claros e dourados
VERSÃO · FUNDO ESCURO
Logo dourado — aplicação em fundos navy e dark
Desafio & solução
Telas do app
Cada tela foi desenhada com um objetivo claro: reduzir a carga cognitiva de um usuário que está no meio do trabalho — sem tempo para aprender interfaces complicadas. O dark theme imersivo com foto de ingredientes como background ancora a marca na gastronomia sem depender de ícones genéricos.
AUTENTICAÇÃO · ENTRADA NO APP
A tela de login usa a identidade visual forte do Hanks como ponto de ancoragem — o logo dourado contra o background dark de ingredientes cria imediato senso de qualidade. O fluxo cadastrar/entrar é claro e sem fricção, com campos limpos e hierarquia visual bem definida.
O fundo com especiarias e ervas posiciona o app no contexto gastronômico desde o primeiro contato, criando familiaridade para o dono de restaurante antes mesmo de ele digitar o email.
CARDÁPIO ONLINE · CATÁLOGO & PEDIDOS
O fluxo de pedidos tem dois lados: o dono configura o catálogo de produtos e define quais empresas aparecem no app de clientes. O cliente acessa a lista de empresas, escolhe a loja, navega no catálogo e adiciona ao carrinho.
O FAB laranja do carrinho é propositalmente disruptivo — destaca-se de tudo para que o cliente não perca o acesso ao carrinho enquanto navega nos produtos.
Produto · Tabela nutricional · Quantidade · Adicionar ao carrinho
Funcionários · Horas/Dia · Salário · Confirmação de pagamento
Landing page
A landing page estrutura o argumento de venda de forma progressiva: proposta de valor → funcionalidades → dashboard preview → comparação de planos → FAQ → CTA de cadastro gratuito. Cada seção remove uma objeção antes de pedir o cadastro.
Os 3 planos — Hanks Básico, Pro e Premium — são apresentados em formato de comparação transparente, tanto na versão mensal quanto anual. Essa clareza reduz a hesitação na hora da decisão e aumenta a confiança na marca.
Landing page completa · Proposta de valor → Funcionalidades → Planos → FAQ → CTA de cadastro gratuito
Comunicação & conteúdo
A comunicação nas redes segue o mesmo DNA visual do app e da landing page — navy, dourado e fotografia de gastronomia real. Cada peça reforça um aspecto do posicionamento: sistema integrado, facilidade de uso, e o recorte "para quem vive da gastronomia".
O copy é direto e focado no dono de negócio: não fala de tecnologia, fala de resultado. "Simplifique a gestão do seu restaurante." "Tudo o que você precisa em um único sistema." Linguagem de quem conhece a dor do cliente.
Decisões de design
Restaurantes operam em ambientes com iluminação variada — cozinhas claras, salões escuros. O dark theme reduz fadiga visual e funciona em qualquer contexto de uso, sem nunca comprometer a legibilidade.
Usado em 100% das telas do appO dono acessa gestão completa (insumos, receitas, financeiro, funcionários). O cliente acessa apenas catálogo e carrinho. Separar os fluxos eliminou confusão e simplificou a arquitetura de informação.
Redução de complexidade por sessãoUsuários não sabem o que é "insumo composto". Criamos uma tela dedicada com instrução clara + aviso vermelho para dependências — transformando um conceito técnico em algo autoexplicativo.
Redução de fricção no onboardingO floating action button laranja no catálogo é propositalmente disruptivo — precisa se destacar de tudo para que o cliente não perca o acesso ao carrinho enquanto navega nos produtos.
Conversão de pedidos aumentadaQuando o preço de um insumo muda, todas as receitas que o usam são recalculadas automaticamente. Esse foi o diferencial mais valorizado pelos usuários nos testes de validação.
Feature #1 em retençãoColocar a comparação de planos dentro do próprio app (não só na landing) permite que usuários do plano Básico vejam o que estão perdendo no momento exato em que sentem a necessidade.
Gatilho de upsell contextualHonestidade · Retrospectiva
Projetei as telas com base no briefing da Hanks e na minha interpretação do problema. Com mais tempo, teria realizado ao menos 3 entrevistas com donos reais antes de começar — para validar quais fluxos eram prioritários e onde estava o maior atrito no dia a dia deles.
Decisões de UX baseadas em usuário, não em suposiçãoComecei pelas telas relativamente cedo. Hoje começaria criando um mapa dos fluxos principais — dono criando um insumo composto, cliente fazendo um pedido — e validaria essa arquitetura antes de passar para o visual. Isso teria evitado revisões de estrutura no meio do processo.
Menos retrabalho, arquitetura mais sólidaO app tem conceitos que não são óbvios — insumo composto, receita vinculada, controle de estoque por porcão. Faltou pensar em como o usuário aprenderia o sistema pela primeira vez. Um fluxo de onboarding ou tooltips contextuais fariam diferença real na adoção.
Produto que ensina enquanto o usuário usaA decisão pelo dark theme foi estratégica e acertada para ambientes de restaurante. Mas não testei com usuários acima de 45 anos — que são parte relevante do público de donos de restaurante. Legibilidade em telas com muito texto seria meu ponto de atenção.
Decisão estética validada por dados de acessibilidadeEntregáveis completos
1
Identidade visual
Logo, paleta, tipografia, aplicações
50+
Telas do app
iOS + Android, dark theme nativo
3
Planos de assinatura
Básico, Pro e Premium com comparativo
2
Perfis de usuário
Dono do negócio e cliente final
1
Landing page
Estrutura completa de conversão
4+
Posts sociais
Feed no DNA visual do produto
PRÓXIMO CASE