Enjoy
Macros
Tienda de proteína whey premium — 20 sabores gourmet, 30g de proteína por scoop, cero azúcar añadido.
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.