BRASA Churrascaria Premium

Objetivo

Criar uma landing page premium para uma churrascaria de alto padrão que transmitisse sofisticação e exclusividade desde o primeiro segundo de carregamento. O objetivo central era converter visitantes em reservas, passando a mensagem de experiência gastronômica diferenciada.

O cliente precisava se destacar num mercado saturado — com concorrentes que usavam sites genéricos e templates baratos. A solução precisava ser visualmente impactante sem sacrificar performance.

Desafio Técnico

Animações complexas vs. performance mobile. GSAP e parallax multicamada são recursos pesados por natureza — normalmente resultam em PageSpeed abaixo de 60 no mobile. O desafio era manter a fluidez visual de um site premium e ainda atingir a meta de 90+.

Além disso, imagens de alta qualidade (essenciais para transmitir o padrão da casa) precisavam carregar sem bloquear a renderização inicial nem gerar CLS (Cumulative Layout Shift).

Soluções Aplicadas

Lazy loading e dimensões explícitas em todas as imagens eliminaram o CLS. Imagens servidas em WebP com fallback PNG, reduzindo o peso médio em 60%.

Animações condicionais: o parallax multicamada só ativa em dispositivos com hardware suficiente (prefers-reduced-motion respeitado). Em mobile, versão simplificada das animações GSAP preserva o efeito visual com metade do custo de processamento.

Loading screen estratégico: o loading animado da marca cobre os primeiros frames enquanto os recursos críticos são carregados — transformando uma limitação técnica num elemento de identidade visual.

CSS crítico inline e deferimento de todos os scripts não-essenciais garantiram FCP (First Contentful Paint) abaixo de 1.2s no mobile.

Resultado

PageSpeed acima de 90 em ambas as plataformas — com animações GSAP e parallax ativos.