Rolar tem que valer alguma coisa
Construo cada seção para entrar em cena no instante em que o visitante chega nela.
Piso de aceite: Lighthouse 95+ · 60 fps
Descrever meu siteUm projeto entregue, rodando hoje
O painel interno da Piazito Recreações: agenda de festas, receita e leads numa tela só, em uso diário desde agosto de 2026.
O problema que resolvemos
A maioria dos sites institucionais é estática — texto, foto, botão. O visitante rola a página, não sente nada, sai.
- Nenhuma seção conta uma história.
- Nenhum scroll é recompensado.
- O site existe, mas não convence.
Role e veja três maquetes trocarem na sua frente
A seção gruda na tela e o scroll vira movimento horizontal. As três maquetes passam com distorção na troca, pelo mesmo motor de scroll que vai nas entregas.
Vitrine que reage antes do clique
Grid de produtos com hover que distorce e carrinho que confirma com animação, não com reload de página.
Dashboard que respira dado real
Gráficos e métricas sobem contando na tela, sincronizados com o scroll — sem travar o layout.
Primeira dobra que já conta a história
Hero com camadas em parallax — a marca aparece em movimento, não numa foto parada.
Como funciona na prática
- 01
Wireframe com movimento em mente
Cada seção já nasce com a entrada dela desenhada, no mesmo wireframe onde o layout é decidido.
- 02
Construção em Framer Motion + GSAP
Scroll vira gatilho de interação real: clip-path, stagger, parallax controlado — sempre em transform/opacity pra não travar performance.
- 03
Teste de performance real
Antes de subir, eu meço em aparelho real e só libero com Lighthouse 95+ e zero layout shift. Em celular fraco o motion pesado desliga sozinho.
Movimento não é desculpa pra site lento
Toda animação roda em transform e opacity, sem layout shift. O Lighthouse mede o que a animação custa, e é esse o número que vale.
- 95+Performance
- 95+Acessibilidade
- 95+Boas práticas
- 95+SEO
Piso de aceite do processo: toda entrega é medida em aparelho real antes de subir. Os anéis mostram o piso combinado; a nota desta página você confere no DevTools.
Ferramentas que dominamos
- Claude
- OpenAI
- Gemini
- n8n
- Make
- Supabase
- Evolution API
- Z-API
- Next.js
- React
- TypeScript
- Tailwind CSS
- Framer Motion
- GSAP
- Vercel
- ElevenLabs
Perguntas frequentes
Visitante que não sente nada no primeiro scroll não volta pro segundo
Vamos garantir que o seu não seja mais um deles — com movimento que tem função, não decoração solta.