ASTENA Incorporadora — Alto padrão em Belo Horizonte
Papel
Design e desenvolvimento
Stack
Next.js · React · Tailwind CSS · GSAP · Lenis · Canvas · Vercel
A ASTENA ainda não tem um empreendimento à venda: o primeiro está “em breve”. O site precisava apresentar a incorporadora pelo que ela decide, do terreno à entrega, e abrir uma conversa com quem quer saber primeiro.
O que fizemos
Desenhamos e desenvolvemos o site em Next.js com App Router, pré-renderizado e servido pela Vercel, com Tailwind CSS v4 e duas famílias: Cormorant Garamond nos títulos e Montserrat na interface. A animação é GSAP com ScrollTrigger, SplitText e DrawSVG, sobre rolagem suave com Lenis: o manifesto acende palavra por palavra, os pilares se revelam por recorte, o método fixa a coluna lateral com um odômetro que rola os números, e a seção Perspectiva desenha 64 quadros num canvas conforme a rolagem. As imagens de arquitetura e interiores são referências conceituais, identificadas assim no próprio site. O formulário de contato não grava nada em servidor: monta a mensagem e abre o WhatsApp. Metadados, dados estruturados da organização, sitemap com imagens e política de privacidade conforme a LGPD completam a entrega.
Antes do primeiro prédio, o método: um site que vende cinco decisões e faz do formulário uma conversa no WhatsApp.
No celular
“Empreendimentos para quem escolhe”: a frase de abertura termina numa palavra que troca, letra por letra, em dourado.
Produto
Sem prédio para mostrar, o site vende critério: cinco etapas, do terreno à entrega, e um contato que vira conversa.
Detalhes
Nos detalhes, musgo, marfim e dourado: um manifesto que acende com a rolagem e um rodapé que surge por baixo.
Resultados
No ar em produção, pré-renderizado e servido pela Vercel
Método em cinco etapas, com coluna fixa e odômetro no desktop
Sequência de 64 quadros desenhada em canvas com a rolagem, trocada por uma foto no celular
Formulário que vira mensagem de WhatsApp, sem guardar dados em servidor
Créditos
- Design
- Ressolv
- Desenvolvimento
- Ressolv
Próximo projeto
Hub Majestic
