THE SMART LOLLIPOP — Cómo cuenta su producto una startup

Landing para The Smart Lollipop, un dispositivo de salud infantil · Landing de producto · Startup · 3D + GSAP

Cliente

The Smart Lollipop

Rol

Desarrollo web · 3D · GSAP

Periodo

Proyecto de cliente

Stack

Frontend development, 3D graphics, GSAP, Plantillas a medida, UX/UI

The Smart Lollipop es una startup con un producto que no se parece a nada previo — y por tanto sin un lenguaje visual heredado del que tirar. El proyecto se desarrolló en estrecha colaboración con Stimulo Design Agency, combinando creatividad y tecnología: ayudar a una startup a definir cómo presentar su producto y comunicar su valor es siempre un reto estimulante.

El problema: Una startup sin lenguaje propio todavía

Antes de construir la web había que resolver algo anterior: cómo presenta este producto lo que hace y por qué importa. Sin referentes directos de categoría, cada decisión visual y narrativa define el posicionamiento — y una startup no puede permitirse una web que envejezca en seis meses.

scroll → narrativa emocional: Definición del mensaje → Guion por secciones → Gráficos 3D animados → GSAP · scroll sync → Plantillas a medida → Gestión de contenido

Solución: Narrativa 3D con el tempo en manos del usuario

Se integraron gráficos animados en 3D para crear narrativas sincronizadas con el scroll del navegador: el usuario marca el ritmo del relato y desarrolla empatía con el producto. En paralelo, un sistema de plantillas a medida permite al equipo actualizar contenido con facilidad sin romper la coherencia del diseño.

Decisiones de producto

• mi rol: Comunicación · UX/UI · Desarrollo frontend · Animaciones 3D y GSAP
• contexto: Proyecto en colaboración con Stimulo Design Agency para una startup en fase temprana. Sitio público — thesmartlollipop.com
• decisión de diseño clave: Narrativas 3D sincronizadas con el scroll del navegador. El usuario controla el ritmo de la historia, lo que facilita la conexión emocional con el producto.
• decisión de producto clave: Plantillas a medida para gestionar el contenido con flexibilidad sin comprometer la integridad visual y estructural del diseño.

Resultados

• 3D — gráficos animados sincronizados con el scroll
• ∞ — actualizaciones de contenido sin tocar el diseño
• 1 — lenguaje visual definido desde cero con la startup

"Ayudar a una startup a definir cómo presenta su producto y comunica su valor es siempre un reto estimulante."

Qué se aprendió

1. En una startup, la web se diseña después del mensaje. Empezar por la interfaz sin haber definido qué se comunica produce un sitio bonito que no posiciona nada.
2. Las plantillas a medida son el equilibrio entre libertad y coherencia. Un editor totalmente libre degrada el diseño en semanas; uno cerrado obliga a llamar al desarrollador por cada cambio. Las plantillas acotan la libertad al espacio donde no rompe nada.
3. La empatía con el producto se construye con ritmo, no con adjetivos. Sincronizar la animación con el scroll deja que el usuario descubra a su velocidad — y lo descubierto convence más que lo afirmado.