ASTENA Incorporadora — Alto estándar en Belo Horizonte

Cliente

ASTENA Incorporadora

Servicios

institutional

Año

2026

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

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.

Nuestros pilares
Nuestros pilaresArquitectura, Calidad y Experiencia. Las imágenes son referencias conceptuales, no obras de ASTENA.
Próximamente
PróximamenteEl primer emprendimiento de ASTENA aún no se ha lanzado: el bloque invita a recibir novedades.
La home completaScroll lento de astenaincorporadora.com, del hero al pie.

Detalles

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

Contáctanos
ContáctanosNombre, correo, teléfono y mensaje: al enviar, el texto va listo a WhatsApp.
Sobre nosotros
Sobre nosotros“Aquí, cada detalle importa.” La foto es una referencia conceptual.

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