Work Collection

Work Collection

Work Collection

Gymfit

Gymfit

Gymfit

Rol

UXUI Designer

Tools

Gitbook | Miro | Figma | Adobe Photoshop |After Effects | Premiere | Google Trent | Infogram

Habilidades

Design Thinking | UX Research | User persona | Arquitectura |
UI Design

Challenge

A mediados de marzo todos los gimnasios y centros deportivos cerraron sus puertas. Siendo una actividad presencial era la solución lógica ante la situación del estado de alarma.Pero… ¿y si los gimnasios hubieran estado preparados con una alternativa para seguir funcionando?. Mejor dicho, que ya tuvieran la opción del “teletrabajo”, pero no por el Covid-19, sino que la posibilidad de trabajar desde casa o en cualquiera sitio, guiados por sus monitores del gimnasio fuera una opción más.

Research

Durante la parte de research realicé desk research para ver como se encontraban los gimnasios a nivel digital, un cuestionario, una entrevista con Ivan Castaño, Lead UX/UI de producto para el estudio e implementación de las nuevas línea de productos digitales y
evoluciones de la empresa Trainingym. Para profundizar en el tema realicé un focus group que contaba con personas realizadas con el mundo de los gimnasios, bien como empleados o como usuarios.

Solución

Y ya llegamos a la solución. Una app para un gimnasio, The GymFit. Esta app permitiría al usuario reservar sus clases, la posibilidad del entrenamiento personalizado desde casa y un componente social que sería clave para que tanto ese entrenamiento online como el presencial fuera motivante para el usuario.

Tras el flowchart que me permitía ver cómo iba a organizar la app, realicé los wireframes con las pantallas que quería destacar.

Sistema de diseño

Para que el prototipado fuera más eficiente cree un sistema de diseño, donde puse todos los elementos que posteriormente iba a usar, dándome más fluidez a la hora de trabajar. En los iconos se siguió el mismo estilo outline para que fuera una aplicación limpia y sencilla, en contra de muchas apps de fitness que son oscuras, de tema dark.

Prototipado de la app en alta fidelidad

Prototipado de la app en alta fidelidad

Después de desarrollar los wireframes y tener el sistema de diseño pasé a diseñar pantallas en alta fidelidad.

En el siguiente vídeo podemos ver las funcionalidades que más importancia tienen:

  • Agenda y posibilidad de reservar salas.

  • Ejercicios para realizar en casa. Se dividen en categorías según lo que te interese, y ya aparece un dato importante, que es que se indica cuáles de tus amigos lo han realizado.

  • Posibilidad de personalizar nuestro entrenamiento.

  • Apartado de comunidad, en el que podemos encontrar a nuestros amigos del gimnasio,ver las próximas clases que tenemos juntos y la opción de retarle a algún vídeo que ese amigo no haya hecho.

Create a free website with Framer, the website builder loved by startups, designers and agencies.