Awna.
Rediseño cinemático de awna.cl, la consultora de growth marketing donde trabajo: un sitio que se siente como una película y que el equipo edita sin pedirme nada.
Rol
Diseño y desarrollo frontend
Año
2026
En vivo
awna.cl ↗
El problema
El sitio era estático, cada cambio de texto pasaba por un desarrollador y la marca no se sentía a la altura de la consultora.
La solución
Sitio cinemático
Video del hero que avanza cuadro a cuadro con el scroll, spotlight que sigue al cursor y revelados con clip-path. Con movimiento también en el teléfono.
Visuales con IA
Cada sección se diseñó con IA y sus visuales (la molécula, el vidrio líquido, las burbujas) se generaron y animaron para el scroll.
Todo editable
Textos, casos, blog y servicios viven en Sanity, con edición visual; publicar dispara un nuevo build. Los contactos llegan por correo y Slack.
Stack
Frontend
CMS
Backend
Infra
Arquitectura
Cómo viaja una visita: del navegador al CDN, del CMS al sitio y del formulario a la bandeja del equipo.
Visita
Navegador
SPA en React con animaciones GSAP atadas al scroll.
Entrega
Amplify + CloudFront
Build por rama y caché en el borde.
S3
Videos recodificados para avanzar con el scroll.
Contenido
Sanity
Consultas GROQ con respaldo local si falla.
Webhook
Publicar en Sanity dispara el build de Amplify.
Contactos
Lambda
Recibe los formularios y el análisis 360.
Resend · Slack
Aviso al equipo en segundos.
Pantallas
01 / 04
Siguiente proyecto · 02
Tótem Independencia→