Beleza · 2026
Áurea Studio
Um salão em São Paulo com cara de editorial de moda, e um agendamento que chega pronto no WhatsApp.
O desafio
Salão de bairro compete com dezenas de perfis iguais no Instagram, todos com a mesma estética bege e o mesmo “chama no direct”. O site precisava fazer duas coisas ao mesmo tempo: parecer caro o suficiente para justificar o ticket, e tirar do caminho o atrito de quem quer marcar horário mas não sabe nomear o serviço que precisa.
A abordagem
Direção de arte comprometida no lugar do template de nicho: preto tinta, osso e oxblood, tipografia display em corpo monumental e uma voz monoespaçada para preço e duração. Sobre essa base, três ferramentas que resolvem problemas reais do negócio. Um lookbook que se percorre como portfólio, um comparador de antes e depois, e um quiz que traduz “o que está te incomodando” em serviço com preço.
Decisões
O que foi decidido, e por quê.
- Decisão 01
Direção de arte antes de qualquer código
A primeira versão era tecnicamente correta e visualmente covarde: creme, dourado, pilha de cards. O cliente reconheceu na hora: era o que qualquer gerador de template entrega. Refizemos sobre uma direção editorial noir e o site parou de ser intercambiável com o de qualquer outro negócio.
- Decisão 02
Contraste calculado, não estimado
O oxblood da marca dá 1,93:1 sobre a tinta, e reprova até no mínimo para elemento não textual. Em vez de aceitar no olho, medimos e criamos um segundo papel de acento só para texto. Nenhuma falha de contraste nas três páginas.
- Decisão 03
Agendamento que termina no WhatsApp
O salão não tem agenda online integrada, então prometer “horário confirmado” seria mentira. O formulário monta o pedido em cliques (vários serviços, soma das durações, profissional, faixa de horário) e entrega a mensagem escrita. Menos ida e volta no chat, e a recepção responde com o horário exato.
- Decisão 04
Mobile desenhado, não espremido
A capa tem escala tipográfica própria no celular, o agendamento ganha uma barra de ação fixa com o total sempre à vista, e a equipe vira um trilho horizontal em vez de três retratos empilhados. São decisões diferentes das do desktop, não a mesma tela reduzida.
Entregue
O que está no ar.
- Construído com
- Next.js 16 · React 19 · Tailwind v4 · Framer Motion
- Ano
- 2026
- Três páginas: home, catálogo de serviços e agendamento guiado
- Lookbook com trilho horizontal no desktop e carrossel por toque no celular
- Comparador antes e depois operável por teclado, sobre input nativo
- Quiz de indicação validado nas 36 combinações possíveis de resposta
- Contraste WCAG AA verificado por auditoria automatizada em todas as páginas
- Fotos de 3 MB servidas como WebP de ~120 KB
Seu projeto pode ser o próximo.
Me conta o que você precisa e eu digo, sem enrolação, se consigo resolver e quanto custa.