Enjoy
Macros

El reto

Diseñar y desarrollar una tienda de suplementos deportivos con una identidad visual premium y animaciones avanzadas que compitiera en calidad con marcas como Whey Protein de nivel internacional. El objetivo era simular una tienda real lista para conectar a pasarela de pago.

La solución

Desarrollé una landing page de alto impacto con una estética minimalista lujo — crema, negro y dorado. Implementé animaciones de scroll complejas incluyendo una secuencia de 82 fotogramas en el hero (tipo Apple), cards con efecto 3D flip al hover, y un grid de tienda completo con 20 SKUs.

Funcionalidades destacadas

• Hero con animación frame-by-frame impulsada por scroll (82 imágenes via Canvas API)
• Cards de producto con efecto flip 3D — frente con imagen, reverso con info nutricional
• Grid de tienda de 4 columnas con 20 sabores gourmet
• Sección "Protocolo 60 días" con estadísticas de transformación corporal
• Desglose del perfil nutricional completo (proteína, carbos, grasas, BCAA)
• Diseño mobile-first con tipografía Inter y efectos de glassmorphism
• Certificaciones: GMP, non-GMO, lab-tested — integradas visualmente

Resultado visual

Una tienda que transmite lujo y confianza técnica. El fondo crema cálido contrasta con los textos oscuros y los acentos dorados — lejos del aspecto genérico de las tiendas de suplementos convencionales.