Sistema UI y diseño de assets para plataforma fitness. Diseño web/app.
Contexto y objetivo
Diseño de componentes UI (iconos, etiquetas, cards y banners) para la web y app de Entrena Virtual, asegurando la coherencia visual y facilitando la navegación dentro de la plataforma.
El objetivo es ayudar al usuario a identificar rápidamente contenidos (entrenamientos, recetas, retos) y guiar su interacción dentro del producto.
Reto
Crear y escalar nuevos elementos UI que resuelvan necesidades de producto, manteniendo consistencia visual y claridad en un entorno con múltiples funcionalidades (fitness, nutrición y retos).
Paso a paso
Muchos de los iconos, cards y banners cambian visualmente según la campaña o periodo de venta. Por ejemplo cuando se lanza un reto o llega Black Friday.
- 1
Definición funcional y de necesidades
Alineación con el equipo de producto para entender la necesidad del nuevo componente y su uso dentro de la plataforma.
- 2
Diseño y exploración
Propuesta de soluciones visuales coherentes con el sistema existente, priorizando claridad y reconocimiento.
- 3
Validación y ajustes
Revisión con producto y marketing para asegurar alineación con negocio y marca.
- 4
Implementación
Entrega a desarrollo y ajuste final en base a su integración en la app.
- 5
Evolución y seguimiento
Adaptación de componentes según campañas, retos o momentos clave (lanzamientos, promociones).
- 6
Resultado
Consolidación de un sistema visual coherente que facilita la navegación y mejora la comprensión de los contenidos dentro de la plataforma. Los elementos UI permiten al usuario identificar acciones y categorías de forma rápida, reduciendo fricción en la experiencia.
