Seu Barba
SaaS de agendamento para barbearias: marca, app e landing page de vendas, produto próprio em desenvolvimento
- Meu papel
- Product Designer · UI/UX Designer
- Ano
- 2026
Seu BarbaContexto
Seu Barba é um produto próprio: um SaaS de agendamento para barbearias. O cliente agenda pelo link da barbearia, sem baixar app; o barbeiro recebe a agenda pronta, o lembrete no WhatsApp reduz as faltas e o sistema fecha o caixa e as comissões do mês. Fiz o naming, a identidade, o protótipo do app e a landing page de vendas no Figma; o próximo passo é o desenvolvimento, com a landing page em React.
Desafio
Sistema de agendamento costuma parecer software de escritório, e barbearia é o oposto disso. O desafio era criar algo que o barbeiro reconhecesse como dele (o clima da barbearia clássica, as fotos, a linguagem de quem corta) sem perder a clareza de um produto digital. A primeira versão saiu escura demais; a segunda trocou o fundo para creme, trouxe fotos reais e uma serifa clássica, e ficou ao mesmo tempo mais limpa e mais barbearia.
A marca
Do nome ao sistema visual, pensado para funcionar no app, na landing e no Instagram da barbearia.
- 01 / 03
Nome e logo
“Seu Barba” é como o cliente fala do próprio barbeiro: íntimo, brasileiro e fácil de lembrar. O símbolo é o poste de barbearia, o sinal mais antigo do ofício, num quadrado vermelho que funciona sozinho como ícone do app.
- 02 / 03
Paleta e tipografia
Creme de papel antigo como fundo, couro nos textos, o vermelho do poste nas ações, latão nas estrelas e verde-garrafa para pago e confirmado. DM Serif Display nos títulos, como placa pintada à mão, e Inter na interface.
- 03 / 03
Componentes
Botões, campos, filtros, horários livres e ocupados, status do agendamento e o card de serviço: as peças que se repetem no app e na landing, desenhadas uma vez.
O app
Dois lados do mesmo produto: o barbeiro acompanha o dia e o caixa; o cliente agenda em três passos, sem criar conta. Em todas as telas, um título curto, uma ação principal e status com cor (vermelho para agora, verde para pago e confirmado).
A landing page, dobra a dobra
A página de vendas do sistema, na ordem em que o dono da barbearia descobre o produto.
- 01 / 09
Topo
Uma promessa direta (“Cadeira cheia, sem viver no WhatsApp”), foto real de barbearia, o celular com a escolha de horário, o aviso de lembrete no WhatsApp e as faixas do poste de barbearia emoldurando as barbearias que testam o sistema.
- 02 / 09
Feito para barbearia
O mosaico de fotos da referência ganhou propósito: ao lado das imagens, as três metas do produto em números grandes (menos faltas, horários vagos preenchidos e agenda aberta 24h).
- 03 / 09
Recursos
Seis recursos em cards com ícone e uma linha de benefício cada: agendamento online, lembrete no WhatsApp, agenda por barbeiro, comissões, clube de assinatura e caixa do mês.
- 04 / 09
Como funciona
O agendamento do cliente em três passos, com a tela de cada um: escolhe o serviço com preço e duração, escolhe barbeiro e horário, recebe a confirmação e o lembrete.
- 05 / 09
App do barbeiro
O outro lado do produto: a agenda do dia com o próximo cliente em destaque e o caixa do mês com as comissões, mais a lista do que o app resolve.
- 06 / 09
Planos
Três planos (Solo, Barbearia e Rede) com o do meio em destaque, preço mensal em número grande e 14 dias grátis sem fidelidade.
- 07 / 09
Chamada com foto
Inspirada no “agende seu horário” da referência, com uma diferença: um degradê escuro por trás do texto para a chamada continuar legível sobre a foto.
- 08 / 09
Depoimentos
Depoimentos em cards com foto de barbearia, citação em serifa e as cinco estrelas em latão.
- 09 / 09
Dúvidas e rodapé
Perguntas frequentes em acordeão, respondendo as objeções da compra (precisa de app? funciona para quem atende sozinho? tem fidelidade?), e o rodapé em couro.
Sistema Visual
Barbearia clássica com interface limpa: fundo creme, textos em couro e o vermelho do poste reservado para ação e destaque. As fotos reais de barbearia fazem o trabalho de ambientação, e a serifa dá o tom de placa pintada à mão.
Paleta
Creme
#F7F1E8
Fundo principal
Couro
#1F1B17
Textos, rodapé e botões escuros
Vermelho barbeiro
#C23B22
Ação, destaque e marca
Latão
#E3A33B
Estrelas e detalhes
Verde-garrafa
#2E5543
Pago e confirmado
Tipografia
DM Serif Display
400
Títulos e números: a serifa de placa de barbearia clássica
Inter
400 / 500 / 600 / 700
Interface do app, textos de apoio, botões e legendas
Próximos passos
Com o protótipo validado, o Seu Barba entra em desenvolvimento: primeiro a landing page em React, para começar a captar barbearias interessadas, depois o MVP com o link de agendamento do cliente e a agenda do barbeiro, e na sequência o lembrete no WhatsApp, o caixa e as comissões.
Aprendizado
Produto de nicho precisa parecer do nicho. A versão escura era bonita, mas parecia mais um software qualquer; o que fez o barbeiro se reconhecer foram os detalhes do ofício (o poste, a serifa de placa, as fotos de cadeira de couro e navalha), aplicados sobre uma interface clara que não deixa dúvida de onde clicar.
Outros projetos para conhecer.
Cidadania & ImigraçãoVogel Cidadania Italiana
Landing page de captação para assessoria de cidadania italiana, do UX/UI ao código em React, com formulário de avaliação gratuita, API de leads e versão mobile
Ver projeto
SaaS · Gestão de EstoqueMimos Papelaria
Sistema SaaS de gestão de estoque para papelaria: produtos, movimentações, categorias, fornecedores e relatórios, com UI/UX, front-end em React e back-end
Ver projeto
SaaS · JurídicoValverde Jurídico
Sistema SaaS de gestão jurídica para escritório de advocacia: clientes, processos, agenda, portal do cliente e site institucional, do UX ao back-end
Ver projeto