Corte & Estilo Barbearia

Objetivo

Criar uma presença digital que refletisse o posicionamento premium da barbearia — um espaço onde técnica, estilo e experiência do cliente se encontram. O site precisava transmitir masculinidade sofisticada e converter visitantes em agendamentos diretos pelo WhatsApp.

A barbearia concorria com dezenas de opções na cidade, todas com sites genéricos ou apenas perfil no Instagram. A solução precisava ser visualmente memorável e funcionalmente direta ao ponto: ver os serviços, ver os trabalhos, agendar.

Desafio Técnico

Identidade visual forte sem depender de imagens pesadas. Barbearias premium precisam mostrar seus trabalhos — mas fotos de cortes em alta resolução são grandes por natureza. Carregar uma galeria completa sem prejudicar o PageSpeed exigiu estratégia cuidadosa.

Animações de entrada impactantes com GSAP. A proposta visual incluía revelações cinematográficas de texto e elementos — o tipo de efeito que impressiona mas normalmente derruba o score de performance no mobile.

Soluções Aplicadas

Galeria com lazy loading e aspect-ratio fixo: todas as imagens têm dimensões explícitas via CSS, eliminando o CLS. O Intersection Observer carrega as fotos apenas quando entram no viewport — sem bloquear o carregamento inicial.

GSAP com inicialização condicional: as animações de entrada só executam após o LCP (Largest Contentful Paint), garantindo que a métrica de performance não seja prejudicada pelas animações. Em dispositivos com prefers-reduced-motion, as animações são desativadas automaticamente.

Hero com vídeo em background: o vídeo de fundo carrega apenas após o primeiro frame estático estar visível, usando preload="none" e ativação via JavaScript — sem bloquear nenhuma métrica de performance.

Agendamento direto pelo WhatsApp com mensagem pré-preenchida por serviço, reduzindo o atrito no processo de conversão.

Resultado

PageSpeed acima de 90 no mobile com vídeo em background e animações GSAP — mantendo a identidade visual sofisticada intacta.