Corte 14 — Barber Club
Identidade, movimento e experiência digital.
Um projeto conceitual desenvolvido para explorar uma abordagem mais criativa de sites institucionais. O Corte 14 une estética contemporânea, apresentação de serviços e uma experiência visual pensada para diferentes dispositivos.
Visualizar site
Um negócio imaginado.
Uma experiência para explorar.
O Corte 14 nasceu como uma demonstração de como um site institucional pode ir além de uma página convencional. O conceito explora uma identidade visual marcante, grandes fotografias, tipografia expressiva e interações que tornam a navegação mais envolvente.
Objetivo do projeto
Demonstrar como uma presença digital bem desenvolvida pode apresentar a personalidade de um negócio, organizar seus serviços e criar uma experiência memorável para o visitante.
A barbearia, a marca e os profissionais são fictícios. As imagens presentes no site foram geradas por IA para o conceito. Este é um trabalho de demonstração de design e desenvolvimento.
O que você pode experimentar.
- Identidade e movimento
- Hero com imagem em preto e branco, tipografia expressiva e animações de entrada e durante a rolagem.
- Serviços bem apresentados
- Lista interativa com descrição, duração e valores ilustrativos, conectada ao fluxo demonstrativo de agendamento.
- Galeria para explorar
- Imagens ampliadas com controles de navegação, teclado e gestos de toque.
- Experiência em diferentes telas
- Layout responsivo, menu mobile e respeito à preferência por movimento reduzido.
Agendamento demonstrativo
O visitante pode escolher serviço, profissional, data e horário e conferir um resumo. O fluxo é uma simulação local: nenhuma reserva real é criada, nenhum dado é enviado e nenhuma cobrança é realizada.
O projeto em tela.
Capturas reais da versão publicada, no desktop e no celular.
Corte 14 — página inicial no desktop
Captura real do site publicado: tipografia expressiva, imagem em preto e branco e acesso à simulação de agendamento.
Tecnologias utilizadas.
Next.js e React estruturam a interface, com TypeScript e Tailwind CSS. GSAP e ScrollTrigger coordenam as animações de entrada e rolagem.
- Next.js
- React
- TypeScript
- Tailwind CSS
- GSAP
O site é exportado como páginas estáticas e publicado na Vercel. A simulação funciona no navegador.
Gostou desse projeto?
Seu negócio também pode ter um site com identidade própria, pensado para apresentar seus serviços e facilitar o contato com novos clientes.