Astra.
Showcase
03 viewports · 8 sections
A través del viaje
08 secciones · loop ∝
— 01 / Desafío
El problema real.
Astra tenía un universo de marca enorme en bruto: moodboards, conceptos de nave, línea de tiempo, paleta. Lo que faltaba era el continente que lo contuviera. La página tenía que sentirse como pasar páginas de un atlas estelar — sin perder la velocidad de un sitio comercial.
— 02 / Proceso
4 pasos
Cómo se armó.
- —01 / paso
Cartografía de marca
Empezamos por ordenar el archivo. De moodboards sueltos a una biblia de 48 páginas: tipo, color, motion, tono. La galaxia se volvió legible.
- —02 / paso
Atlas en pantalla
Diseñamos el sitio como un atlas desplegable. Hero de planetario, scroll-cinematográfico entre capítulos, navegación lateral por la línea de tiempo.
- —03 / paso
Construir el sistema
el CMS con componentes reutilizables, GSAP para cinemáticas, integración de 3D ligero (Lottie) donde el navegador lo pedía. Sin paquetes externos innecesarios.
- —04 / paso
Lanzamiento
QA exhaustivo en desktop, tablet y mobile. Publicación en 2 sprints. Astra pasó de carpeta de Drive a sitio público en 7 semanas.
— 03 / Sistema
El lenguaje visual.
— Paleta
— Tipografía
— Stack
— 04 / Resultado
Y después, qué pasó.
El sitio se posicionó en tres directorios de diseño independientes la primera semana. La métrica más importante: el equipo de Astra ahora edita la línea de tiempo de su universo desde el CMS, sin pedirnos.
«Kodium convirtió un archivo disperso en algo que se siente como una obra. Lo que más me impresionó fue el ritmo: cada decisión tenía una razón contable.»