15 proyectos · 3 formatos de producción · 1 estudio

Cada marca tiene su formato.

Diseñamos y construimos sitios web en tres formatos de producción — del lanzamiento que sale esta semana al largometraje completo con coreografía propia. Sin plantillas genéricas, sin relleno.

Formato Cine

Cinematográfico. Sin concesiones.

Producciones a medida con GSAP, preloaders, narrativas scroll-pinned y grano de película. No es una página con animaciones — es un film que el usuario recorre.

  • GSAP + ScrollTrigger
  • Preloader
  • Grano 35mm
Ver proyecto →
01

Auris Medical Center

Landing cinematográfica de alta gama para clínica de medicina regenerativa y longevidad. Paleta Nordic adaptada, Fraunces italic display, GSAP + ScrollTrigger, preloader con contador, scroll horizontal pinned y narrativa scroll-scrubbed.

medicalluxurycinematic
Ver proyecto →
02

Barrio Arquitectos

Landing cinematográfica para estudio de arquitectura. Archetype Studio/Portfolio. Paleta Paper Brutalist con ladrillo como acento, Cormorant Garamond + Space Grotesk + Space Mono, hover-reveal en proyectos, galería horizontal pinned y scroll narrativo de proceso.

architectureportfoliostudio
Ver proyecto →
03

Casa Palma

Landing cinematográfica para hotel boutique de experiencia. Parallax multi-capa, scroll-pinned room reveal estilo 'puerta que se abre', cursor con preview de habitación, scroll narrative de un día en la casa, preloader con contador de habitaciones y coordenadas GPS. Fraunces italic + Plus Jakarta Sans + DM Mono, paleta tierra de Oaxaca.

hospitalityhotelboutique
Ver proyecto →
04

FORMA Studio

Landing cinematográfica ultra-premium para gimnasio boutique. Scroll vertical convierte en movimiento horizontal. Palette noir Winding Refn. Barlow Condensed 900 + Libre Baskerville italic. GSAP + ScrollTrigger + Lenis. Preloader con contador, hero con video bg, slides horizontales pin+scrub, stats count-up, 3-act scroll narrative, cursor custom, magnetic buttons, film grain.

fitnessgymluxury
Ver proyecto →
05

OBSIDIAN

Landing cinematográfica de scroll narrativo para restaurante de experiencia. El scroll vertical se convierte en un recorrido horizontal de 5 escenas (llegada, origen, proceso, mesa, cierre), cada una con paleta, objeto flotante y tipografía propios. Cormorant Garamond italic + Jost + Space Mono. GSAP + ScrollTrigger pin/scrub, preloader, cursor custom contextual, objeto interactivo press/hover, barra de progreso, navegación lateral por escenas, film grain, fallback vertical en mobile.

restaurantefine-diningcinematic

Cuatro pasos. Sin atajos.

01

Brief

Entendemos la marca, el público y qué necesita comunicar la página antes de tocar una sola pantalla.

02

Formato

Elegimos el formato que sirve al mensaje: 35, medio formato o cine — no al revés.

03

Producción

Diseñamos y construimos con el motor de animación que pide el formato. Sin librerías de relleno.

04

Entrega

Handoff limpio: código propio, documentado, sin dependencias ocultas de plantillas externas.