15 proyectos · 3 formatos de producción
Tres formatos de producción web: el 35 para salir esta semana, el 6×6 para marcas con historia y el Cine para lo que no tiene referente. El formato lo elige el mensaje, antes de abrir Figma.
Formato 35
Páginas de una sola vista con CTA fijo y carga instantánea. Para lanzamientos, waitlists y campañas que necesitan salir pronto sin sacrificar el diseño.
Dark minimal FOMO page with countdown timer and waitlist counter. For SaaS and crypto pre-launches.
Editorial newspaper-style landing for newsletters and independent media. Word-stagger headline, marquee topics, stats row, fixed email subscribe bar.
Full-bleed luxury landing. Minimal copy, single CTA, limited invitations FOMO. For exclusive events and premium brand launches.
Soft pastel landing for wellness, beauty, and lifestyle brands. Instagram-aesthetic with spots remaining FOMO.
Terminal-aesthetic FOMO landing for dev tools and open source projects. GitHub stars and early adopter counter.
Formato 6×6
Sitios multi-sección con ritmo editorial, coreografía de scroll y captura de leads. Para marcas que tienen más de una idea que mostrar y quieren que cada sección gane su lugar.
Website demo para fábrica de jugos estacionales con narrativa de operaciones reales, métricas de cadena fría y motion cinematográfico.
Website demo para empresa textil B2B con enfoque en desempeño técnico, estándares industriales y conversión enterprise.
Demo realista de landing para producto digital B2B con métricas de operación, módulos claros y flujo de onboarding.
Demo de agencia de marketing digital con casos reales, métricas de escala y narrativa orientada a revenue.
Demo de firma de servicios corporativos con tono ejecutivo, métricas de impacto y estructura de conversión enterprise.
Formato Cine
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.
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.
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.
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.
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.
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.
Entendemos la marca, hacia dónde va y qué necesita comunicar — antes de trazar una sola línea.
Elegimos el formato mirando qué necesita hacer el sitio, no el presupuesto que sobra.
Construimos con el motor que pide el formato — Framer Motion o GSAP. Nada que no vaya a usar.
Código propio, documentado, sin dependencias de plataformas de terceros. El repo es del cliente.