Ficha de clase Bestcycling

Caso de estudio UI/UX

Ficha de clase Bestcycling

Bestcycling es una plataforma de entrenamiento online con clases dirigidas de ciclo indoor,  entrenamiento funcional, pilates, elíptica, etc. Tras detectar que muchos usuarios tenían dificultades para elegir, dentro del catálogo extenso de sesiones, la que mejor se adaptaba a sus necesidades, se planteó un rediseño de las fichas de clase con el objetivo de reducir el tiempo de decisión y aumentar su satisfacción.

Para conseguirlo, se incorporó información contextual más clara y útil, incluyendo detalles técnicos de cada sesión, estilos musicales y vídeos explicativos de los ejercicios, facilitando así una elección más rápida, informada e intuitiva.

Trabajo

UI, UX, wireframe, prototipado

Proyecto

Bestcycling

Problema

Originalmente, las fichas de clase ofrecían información básica como duración, dificultad e instructor. No obstante, el feedback de los usuarios revelaba que estos datos eran insuficientes para decidir si una sesión se alineaba con sus objetivos. En ciclo indoor, se detectó la necesidad de conocer métricas específicas, como la cadencia predominante o la distribución del trabajo (tiempo sentado vs. de pie). En entrenamiento funcional, la falta de información sobre los ejercicios y el espacio necesario dificultaba la planificación del entrenamiento.

A esto se sumaba la ausencia de detalles sobre el estilo musical, un factor crítico para la motivación. Esta falta de visibilidad no solo generaba frustración y reducía el engagement, sino que invisibilizaba el catálogo histórico, provocando que los usuarios repitieran sesiones por miedo a no acertar con el nuevo contenido.

Solución

Elección y ordenación de preferencias musicales

Todas las clases se etiquetaron con los estilos musicales presentes, indicando el porcentaje aproximado de cada género. Esto permite al usuario anticipar el ambiente musical de la sesión. Además, se implementó un sistema de preferencias que permite:

  • Seleccionar y ordenar los estilos favoritos.
  • Indicar los géneros que no desean escuchar.

Estas preferencias se integran en las recomendaciones de clases, mejorando la personalización y la motivación del usuario.

Ficha de clase de ciclo indoor

Se diseñó una ficha más completa y visual, con datos técnicos que reducen la subjetividad y ayudan a tomar decisiones informadas.

  • Nivel de TSS (Training Stress Score)
  • Distribución de tiempo sentado vs. de pie y tiempo máximo sentado consecutivo.
  • Tiempo de pie a cadencias altas, porcentaje de tiempo en cada rango de cadencias (bajas, medias, altas) y cadencia máxima.
  • Zonas de frecuencia cardíaca o potencia, visualizadas de forma clara.

Además, integramos clases relacionadas y recomendaciones personalizadas basadas en sesiones previas valoradas positivamente, considerando tanto el tipo de entrenamiento como la música.

Ficha de clase de entrenamiento funcional

Se incorporaron videos en loop de cada ejercicio junto con su descripción, lo que permite al usuario anticipar el contenido de la sesión, organizar el espacio y el material necesarios, conocer el nivel de exigencia de la clase e identificar rápidamente si algún ejercicio podría resultar problemático por lesión o dolor.

El objetivo de esta solución es doble:

  • Educar y preparar al usuario, permitiéndole practicar y familiarizarse con los ejercicios antes de la sesión.
  • Hacer la aplicación más accesible, al incluir descripciones visuales claras de cada ejercicio.

Además, al igual que en las clases de ciclo, se añadieron clases relacionadas para fomentar la exploración del catálogo y aumentar el engagement.

Diseño multiplataforma: Adaptación a web y escritorio

Tras diseñar y optimizar las fichas de clase en la app móvil, llevé estas mejoras también a la versión web y a la aplicación de escritorio.

El reto consistió en garantizar la misma experiencia completa en todas las plataformas, adaptando interfaces y flujos a las particularidades de cada entorno sin perder coherencia visual ni funcional.

Gracias a esta adaptación, la plataforma amplió su alcance y accesibilidad, permitiendo que se pudieran aprovechar todas sus funcionalidades desde cualquier dispositivo.