Landing animada · Concepto de marca · 2026

Halora

Una marca de bienestar creada como ejercicio de diseño: de la dirección de arte al sitio animado, en un solo flujo de diseño a código.

Live Ver landing ↗
Rol
Dirección de arte · Diseño · Motion · Desarrollo
Herramientas
Figma · Claude Code
Año
2026
Tipo
Concepto de marca · Ejercicio de diseño
Halora — hero de la landing
La idea

Del brief a una web viva, en un solo flujo.

Un ejercicio para mostrar cómo trabajo hoy una landing: dirección de arte, sistema visual, revisión con cliente y un sitio animado funcionando, sin perder el control del diseño en ningún paso.

FigmaClaude CodeParallaxMotion
01 · Dirección de arte

Una protagonista, escenas pensadas en capas.

Un mismo personaje en planos cercanos y lejanos, el producto como pieza central y fondos sutiles. Cada escena se prepara en capas desde el diseño para que la animación tenga profundidad.

Halora — sección How it feels
02 · Diseño y revisión

Desktop y mobile, listos para el cliente en Figma.

El diseño se itera primero como proyecto y se entrega en Figma para revisión, antes de pasar a animación.

Halora — sección de producto Daily Calm
03 · Animación y desarrollo

Parallax por capas y transiciones que conectan.

Construida con Claude Code: secciones que se funden con ondas animadas, profundidad por capas y scroll suave. Marca y producto son un concepto creado para este ejercicio.

Siguiente proyecto
Traceline Time trial blueprint · Three.js · 2026