ASTENA Incorporadora — Alto estándar en Belo Horizonte

Rol
Diseño y desarrollo
Stack
Next.js · React · Tailwind CSS · GSAP · Lenis · Canvas · Vercel
ASTENA todavía no tiene un emprendimiento a la venta: el primero está “próximamente”. El sitio debía presentar a la promotora por lo que decide, del terreno a la entrega, y abrir una conversación con quien quiera enterarse primero.
Qué hicimos
Diseñamos y desarrollamos el sitio en Next.js con App Router, prerenderizado y servido desde Vercel, con Tailwind CSS v4 y dos familias: Cormorant Garamond en los títulos y Montserrat en la interfaz. La animación es GSAP con ScrollTrigger, SplitText y DrawSVG, sobre el desplazamiento suave de Lenis: el manifiesto se enciende palabra por palabra, los pilares se revelan por recorte, el método fija la columna lateral con un odómetro que gira los números y la sección Perspectiva dibuja 64 cuadros en un canvas al hacer scroll. Las imágenes de arquitectura e interiores son referencias conceptuales, y el propio sitio las identifica así. El formulario de contacto no guarda nada en un servidor: redacta el mensaje y abre WhatsApp. Metadatos, datos estructurados de la organización, un sitemap con imágenes y una política de privacidad conforme a la LGPD completan la entrega.
Antes del primer edificio, el método: un sitio que vende cinco decisiones y hace del formulario un chat de WhatsApp.

En el móvil
“Emprendimientos para quien elige”: la frase de apertura termina en una palabra que cambia, letra por letra, en dorado.
Producto
Sin edificio que mostrar, el sitio vende criterio: cinco etapas, del terreno a la entrega, y un contacto que se vuelve chat.


Detalles
En los detalles, musgo, marfil y dorado: un manifiesto que se enciende con el scroll y un pie que aparece por debajo.


Resultados
En producción, prerenderizado y servido desde Vercel
Un método en cinco etapas, con columna fija y odómetro en escritorio
Una secuencia de 64 cuadros dibujada en canvas con el scroll, sustituida por una foto en el móvil
Un formulario que se vuelve mensaje de WhatsApp, sin guardar datos en un servidor
Créditos
- Diseño
- Ressolv
- Desarrollo
- Ressolv
Siguiente proyecto
Hub Majestic
