SF Development
← Todas as demonstrações

Navalha & Cia

Projeto demonstrativo

Agendamento dividido em quatro passos, com galeria de cortes e tabela de preços.

Empresa fictícia, criada para demonstrar o trabalho. Não é cliente real.

sites.sfdevelopment.com.br/demos/barbearia
Página inicial do site demonstrativo Navalha & Cia

Decisões de projeto

A parte bonita é consequência. O que separa um site que traz cliente de um site que só ocupa endereço está nas decisões abaixo.

Agendamento fatiado em passos

Formulário com oito campos assusta qualquer um no celular. Quebrando em serviço, profissional, dia e horário, cada tela pede uma decisão só e a pessoa enxerga o quanto já andou. Menos gente desiste no meio do caminho.

Profissional em destaque com foto

Em barbearia a fidelidade é com o profissional antes de ser com a loja. Mostrar quem faz o quê, com foto e especialidade, é o que transforma visita em horário marcado.

Preto e dourado com contraste verificado

Paleta escura combina com barbearia, só que cinza sobre preto reprova em acessibilidade. Ajustei os tons até todo texto de leitura passar de 4,5:1, e a cara da paleta continuou a mesma.

Horário de funcionamento em destaque

A pergunta mais comum no direct de barbearia é "está aberto?". O horário fica no topo, no rodapé e na tela de agendamento, o que corta boa parte dessa mensagem repetida.

O que esta demo prova

  • Serviço, profissional, dia e horário escolhidos em quatro passos
  • Horário já ocupado aparece bloqueado
  • Galeria de cortes que abre em tela cheia e anda pelas setas do teclado
  • Tabela de preços dizendo quanto tempo leva cada serviço

A base disso aqui já está pronta. Para o seu negócio muda o conteúdo, as cores e o nome na porta.