Concepto · Infoproducto · fitness · 2026
Adam Yu: su transformación, contada al hacer scroll.
Landing en inglés para vender el Aesthetics Blueprint, la guía de entrenamiento de Adam Yu: su historia contada con el scroll, los seis módulos de la guía, la app, los resultados de sus alumnos y la compra.
- Cliente
- Adam Yu
- Qué hicimos
- Dirección creativa, diseño y desarrollo
- Tecnología
- GSAP y ScrollTrigger
- Idioma
- Inglés
El reto
Adam vende una guía digital de entrenamiento. Su mejor argumento es su propia historia: lo que cambió entre los 13 y los 20 años entrenando de forma natural.
El reto era que esa historia se entendiera en segundos y que todo llevara a un único sitio: la compra, sin depender de un enlace en la biografía de sus redes.
La idea: la cifra manda
Blanco, negro y una tipografía ancha y pesada, como la de una revista de deporte. La cifra de su peso es el titular de la portada y cambia mientras bajas.
Después, lo que se compra: los módulos de la guía, la app y los resultados de quien ya la usa. El botón de compra está siempre a mano.
Los momentos
En el móvil
Qué incluye
- 01Portada en la que el peso y la foto de Adam cambian con el scroll, de los 13 años a hoy.
- 02Biografía con tres cifras que se leen de un vistazo.
- 03Los seis módulos de la guía en un carrusel horizontal.
- 04La app: en qué dispositivos se usa y cómo se ve por dentro.
- 05Resultados de sus alumnos y el vídeo de su transformación.
- 06Un botón de compra fijo y un cierre que lleva a comprar.
Técnica clave
- 01La historia es el scroll
Una línea de tiempo con scrub: al bajar, la cifra cuenta y la foto cambia, así la transformación se ve en lugar de leerse.
- 02Horizontal dentro de vertical
Los módulos se fijan en pantalla y se desplazan de lado mientras sigues bajando.
- 03Un solo archivo
Las 19 fotos van dentro, en WebP: 1,1 MB en total, sin depender de ningún servidor.
Fotos, textos y resultados: Adam Yu. Diseño y desarrollo de la landing: xstdio.
¿Vendes un programa o una guía? Así sería la tuya.
Webs para creadoresCuéntanos tu proyecto
Entra tu negocio.Sale tu web.
Dinos qué haces y qué web tienes. Te contestamos lo antes posible con una primera idea.