Cliente: Bodytech

Industria: Salud & Deporte

Ubicación: Remoto

Rol: UX/UI Designer – Cristian Tascon

Duración del proyecto: 6 semanas

🧩 Desafío

Bodytech, una de las cadenas de gimnasios más grandes de Latinoamérica, contaba con una aplicación móvil que no respondía a las expectativas de sus usuarios: La interfaz estaba desactualizada y poco optimizada para móviles. Los usuarios tenían dificultades para reservar clases o ver rutinas personalizadas. Faltaba una experiencia integrada que motivara el seguimiento de objetivos de salud. La app generaba baja retención y poca interacción más allá de ver horarios. Objetivo: rediseñar la aplicación de Bodytech para que se convirtiera en una herramienta diaria para los usuarios, motivadora, útil y centrada en sus metas personales.

⚙️ Proceso

🔍 Investigación: Encuestas a más de 150 usuarios activos y cancelados. Entrevistas cualitativas a socios con distintos niveles de experiencia (novatos, intermedios, avanzados). Análisis de apps líderes como Freeletics, Nike Training Club y Smart Fit. Revisión de reseñas en App Store y Play Store.


Principales Hallazgos: Los usuarios querían ver sus rutinas diarias fácilmente y recibir recordatorios. Necesitaban reservar clases rápidamente y sin pasos redundantes. Querían rastrear su progreso y logros físicos de forma visual y motivante. Se valoraban funciones como entrenadores virtuales, tips nutricionales y seguimiento personalizado.


🖌️ Diseño: Rediseño completo del dashboard con enfoque en objetivos diarios. Acceso rápido a clases reservadas, entrenadores y rutinas. Integración de un sistema de gamificación con medallas, metas semanales y progreso visual. Modo oscuro, tipografía moderna y un sistema de navegación más limpio.


🧪 Testeo: Prototipos en Figma testeados con 12 usuarios frecuentes y 5 exusuarios. Iteración basada en el feedback: se simplificaron íconos y mejoró la jerarquía de información. Se optimizó la experiencia móvil para dispositivos más antiguos.

35%

Improved onboarding process

25%

Increase in user retention

84%

Increase in time spent on website

Empatizar

Empatizar

Empatizar

Entender el problema, las

necesidades y los objetivos.

Definir

Definir

Definir

Analizar la competencia y definir

las nuevas propuestas.

Idear

Idear

Idear

Crear una nueva

arquitectura y funciones en la App

Prototipar

Prototipar

Prototipar

Desarrollar un sistema de

diseño solido y funcional.

Implementar

Implementar

Implementar

Pruebas de usabilidad, métricas

de satisfacción.

🧠 Estrategias UX/UI Aplicadas

1. Enfoque centrado en el usuario (User-Centered Design):

Realizamos entrevistas y encuestas para mapear las necesidades reales de los usuarios y priorizar funcionalidades. Cada decisión de diseño fue guiada por feedback real y validación continua.


2. Arquitectura de información optimizada:

Reestructuramos el flujo de navegación, destacando funciones clave como: Acceso directo a rutinas diarias. Reserva rápida de clases. Visualización del progreso personal. Esto redujo la fricción y mejoró la usabilidad para todos los perfiles de usuarios.


3. Gamificación:

para motivar el uso continuo Integramos un sistema de logros, medallas y progreso por metas semanales. Esto aumentó el engagement diario y dio a los usuarios una razón emocional para volver a la app.

4. Diseño visual coherente con la marca:

Creamos una nueva guía visual basada en: Paleta de colores enérgicos y modernos. Tipografía clara y jerarquía visual mejorada. Íconos simples pero reconocibles. El objetivo fue proyectar una experiencia digital alineada con el espíritu activo y saludable de Bodytech.

5. Adaptabilidad y rendimiento móvil:

La nueva app se diseñó con performance en mente: Carga rápida. Compatible con dispositivos Android e iOS de gama media. Uso offline parcial para rutinas guardadas.

6. Diseño por componentes (Design System):

Creamos un sistema de componentes reutilizables en Figma para asegurar consistencia y escalabilidad en futuras iteraciones. Esto también redujo tiempo y costos de desarrollo.

7. KPIs claros desde el inicio

Definimos métricas desde la etapa de investigación: Tiempo de reserva. Uso diario. Satisfacción post-entrenamiento. Tasa de desinstalación. Esto permitió evaluar el impacto del rediseño con claridad y justificar futuras decisiones de negocio.

1. Enfoque centrado en el usuario (User-Centered Design):

Realizamos entrevistas y encuestas para mapear las necesidades reales de los usuarios y priorizar funcionalidades. Cada decisión de diseño fue guiada por feedback real y validación continua.


2. Arquitectura de información optimizada:

Reestructuramos el flujo de navegación, destacando funciones clave como: Acceso directo a rutinas diarias. Reserva rápida de clases. Visualización del progreso personal. Esto redujo la fricción y mejoró la usabilidad para todos los perfiles de usuarios.


3. Gamificación:

para motivar el uso continuo Integramos un sistema de logros, medallas y progreso por metas semanales. Esto aumentó el engagement diario y dio a los usuarios una razón emocional para volver a la app.

4. Diseño visual coherente con la marca:

Creamos una nueva guía visual basada en: Paleta de colores enérgicos y modernos. Tipografía clara y jerarquía visual mejorada. Íconos simples pero reconocibles. El objetivo fue proyectar una experiencia digital alineada con el espíritu activo y saludable de Bodytech.

5. Adaptabilidad y rendimiento móvil:

La nueva app se diseñó con performance en mente: Carga rápida. Compatible con dispositivos Android e iOS de gama media. Uso offline parcial para rutinas guardadas.

6. Diseño por componentes (Design System):

Creamos un sistema de componentes reutilizables en Figma para asegurar consistencia y escalabilidad en futuras iteraciones. Esto también redujo tiempo y costos de desarrollo.

7. KPIs claros desde el inicio

Definimos métricas desde la etapa de investigación: Tiempo de reserva. Uso diario. Satisfacción post-entrenamiento. Tasa de desinstalación. Esto permitió evaluar el impacto del rediseño con claridad y justificar futuras decisiones de negocio.

1. Enfoque centrado en el usuario (User-Centered Design):

Realizamos entrevistas y encuestas para mapear las necesidades reales de los usuarios y priorizar funcionalidades. Cada decisión de diseño fue guiada por feedback real y validación continua.


2. Arquitectura de información optimizada:

Reestructuramos el flujo de navegación, destacando funciones clave como: Acceso directo a rutinas diarias. Reserva rápida de clases. Visualización del progreso personal. Esto redujo la fricción y mejoró la usabilidad para todos los perfiles de usuarios.


3. Gamificación:

para motivar el uso continuo Integramos un sistema de logros, medallas y progreso por metas semanales. Esto aumentó el engagement diario y dio a los usuarios una razón emocional para volver a la app.

4. Diseño visual coherente con la marca:

Creamos una nueva guía visual basada en: Paleta de colores enérgicos y modernos. Tipografía clara y jerarquía visual mejorada. Íconos simples pero reconocibles. El objetivo fue proyectar una experiencia digital alineada con el espíritu activo y saludable de Bodytech.

5. Adaptabilidad y rendimiento móvil:

La nueva app se diseñó con performance en mente: Carga rápida. Compatible con dispositivos Android e iOS de gama media. Uso offline parcial para rutinas guardadas.

6. Diseño por componentes (Design System):

Creamos un sistema de componentes reutilizables en Figma para asegurar consistencia y escalabilidad en futuras iteraciones. Esto también redujo tiempo y costos de desarrollo.

7. KPIs claros desde el inicio

Definimos métricas desde la etapa de investigación: Tiempo de reserva. Uso diario. Satisfacción post-entrenamiento. Tasa de desinstalación. Esto permitió evaluar el impacto del rediseño con claridad y justificar futuras decisiones de negocio.

🔍 Investigación de usuarios (User Research)

🎯 Objetivo Comprender cómo los usuarios actuales perciben la app de Bodytech y qué necesidades no están siendo satisfechas en su experiencia digital.

🗣 ¿Qué dicen los usuarios?

Principales frustraciones:

“La app tarda demasiado en cargar.” → Problemas de rendimiento y optimización móvil.

“Me pierdo tratando de reservar clases, hay demasiados pasos.” → Flujo de reserva poco intuitivo y arquitectura de información confusa.

“No sé si estoy progresando con mis entrenamientos.” → Falta de seguimiento visible de metas o resultados personales.

“Todo está muy apretado, cuesta leer o navegar.” → Interfaz poco accesible y saturada visualmente.

1. Enfoque centrado en el usuario (User-Centered Design):

Realizamos entrevistas y encuestas para mapear las necesidades reales de los usuarios y priorizar funcionalidades. Cada decisión de diseño fue guiada por feedback real y validación continua.


2. Arquitectura de información optimizada:

Reestructuramos el flujo de navegación, destacando funciones clave como: Acceso directo a rutinas diarias. Reserva rápida de clases. Visualización del progreso personal. Esto redujo la fricción y mejoró la usabilidad para todos los perfiles de usuarios.


3. Gamificación:

para motivar el uso continuo Integramos un sistema de logros, medallas y progreso por metas semanales. Esto aumentó el engagement diario y dio a los usuarios una razón emocional para volver a la app.

4. Diseño visual coherente con la marca:

Creamos una nueva guía visual basada en: Paleta de colores enérgicos y modernos. Tipografía clara y jerarquía visual mejorada. Íconos simples pero reconocibles. El objetivo fue proyectar una experiencia digital alineada con el espíritu activo y saludable de Bodytech.

5. Adaptabilidad y rendimiento móvil:

La nueva app se diseñó con performance en mente: Carga rápida. Compatible con dispositivos Android e iOS de gama media. Uso offline parcial para rutinas guardadas.

6. Diseño por componentes (Design System):

Creamos un sistema de componentes reutilizables en Figma para asegurar consistencia y escalabilidad en futuras iteraciones. Esto también redujo tiempo y costos de desarrollo.

7. KPIs claros desde el inicio

Definimos métricas desde la etapa de investigación: Tiempo de reserva. Uso diario. Satisfacción post-entrenamiento. Tasa de desinstalación. Esto permitió evaluar el impacto del rediseño con claridad y justificar futuras decisiones de negocio.

1. Enfoque centrado en el usuario (User-Centered Design):

Realizamos entrevistas y encuestas para mapear las necesidades reales de los usuarios y priorizar funcionalidades. Cada decisión de diseño fue guiada por feedback real y validación continua.


2. Arquitectura de información optimizada:

Reestructuramos el flujo de navegación, destacando funciones clave como: Acceso directo a rutinas diarias. Reserva rápida de clases. Visualización del progreso personal. Esto redujo la fricción y mejoró la usabilidad para todos los perfiles de usuarios.


3. Gamificación:

para motivar el uso continuo Integramos un sistema de logros, medallas y progreso por metas semanales. Esto aumentó el engagement diario y dio a los usuarios una razón emocional para volver a la app.

4. Diseño visual coherente con la marca:

Creamos una nueva guía visual basada en: Paleta de colores enérgicos y modernos. Tipografía clara y jerarquía visual mejorada. Íconos simples pero reconocibles. El objetivo fue proyectar una experiencia digital alineada con el espíritu activo y saludable de Bodytech.

5. Adaptabilidad y rendimiento móvil:

La nueva app se diseñó con performance en mente: Carga rápida. Compatible con dispositivos Android e iOS de gama media. Uso offline parcial para rutinas guardadas.

6. Diseño por componentes (Design System):

Creamos un sistema de componentes reutilizables en Figma para asegurar consistencia y escalabilidad en futuras iteraciones. Esto también redujo tiempo y costos de desarrollo.

7. KPIs claros desde el inicio

Definimos métricas desde la etapa de investigación: Tiempo de reserva. Uso diario. Satisfacción post-entrenamiento. Tasa de desinstalación. Esto permitió evaluar el impacto del rediseño con claridad y justificar futuras decisiones de negocio.

Roman H.

Roman H.

Roman H.

22 años - Usuario frecuente de la sede - Tuluá

22 años -

Usuario frecuente de la sede - Tuluá

Escenario hipotético

El usuario deberá iniciar sesión para así poder entrar a la sede de Bodytech, escaneando un código QR que le brinda la App. así mismo deberá entrenar usando la app y entender como se comporta entrenando con ella.

🎯 Objetivo del usuario

Completar un día de entrenamiento utilizando la app de principio a fin.

Pasos a seguir

Ingreso a la app

1. Ingreso a la app

1. Abrir la app

1. Abrir la app

2. Iniciar sesión.

2. Iniciar sesión.

Ingresar con QR

2. Ingresar con QR

3. Ingresar con el QR

3. Ingresar con el QR

4.Elegir rutina del día

4.Elegir rutina del día

Hora de comer

3. Hora de comer

7. Pedir algo en la sessión

7. Pedir algo en la sessión

8.Método de pago.

8.Método de pago.

Progreso de rutina

4. Progreso de rutina

5. pasos de ejercicios.

5. pasos de ejercicios.

6.Finalizar rutina.

6.Finalizar rutina.

Final del día

5. Final del día

9. Entrar en evento.

9. Entrar en evento.

10.Finalizar evento.

10.Finalizar evento.

Baja gravedad

Media gravedad

Frustracuón

Tiempo

1

1

1

1

1

1

1

1

1

2:56:05 horas

Baja gravedad

Media gravedad

Frustracuón

Tiempo

1

1

1

1

1

1

1

1

1

2:56:05 horas

Baja gravedad

Media gravedad

Frustracuón

Tiempo

1

1

1

1

1

1

1

1

1

2:56:05 horas

NOTAS

1

1

No me gusta que no pueda ver mis ejercicios sin estar loggeado.

2

2

El inicio de sessión fue facil.

3

3

Fue muy rápido el escanear el codigo para ingresar.

4

4

Estaba mi rutina favorita del día.

5

5

Mi rutina estaba muy rapida.

6

6

La rutina estaba completa.

7

7

Tenia el tiempo para decidir que comer

8

8

El método de pago fue un poco tedioso.

9

9

Podía ver que eventos podría ingresar y sus datos.

10

10

Creo que debe recordarme cada cuanto es este evento de spinnin.

Conclusión

Los usuarios no les gusta poder usar sus rutinas en casa por que tiene que loggearse, se cuentran en un lugar confuso en la arquitectura. procesos como "Pagos en cafetería" tiene demasiados pasos y hace que el proceso sea largo y poco deseable por lo cual se hace necesario replantear la distribución de contenido general de la arquitectura.

NOTAS

1

1

No me gusta que no pueda ver mis ejercicios sin estar loggeado.

2

2

El inicio de sessión fue facil.

3

3

Fue muy rápido el escanear el codigo para ingresar.

4

4

Estaba mi rutina favorita del día.

5

5

Mi rutina estaba muy rapida.

6

6

La rutina estaba completa.

7

7

Tenia el tiempo para decidir que comer

8

8

El método de pago fue un poco tedioso.

9

9

Podía ver que eventos podría ingresar y sus datos.

10

10

Creo que debe recordarme cada cuanto es este evento de spinnin.

Ver caso completo