Attivo Mobile Gym App

Personal training wherever and whenever you want.
Tasks
User Research
UX/UI Design
Illustration

Overview:

Developing a mobile application for a gym that is transitioning to online training due to the COVID 19 pandemic. This project is created for a UI/UX education program that uses design sprint methodology to teach.

View Final Design

Problem:

Due to the instructor's inability to intervene directly, there is a high risk of injury to the student during the lesson. Students' motivation is rapidly declining.

Research Results

Through user research and stakeholder feedback, we identified several critical issues with the current logistics website:

What the Users Say

Understanding user perspectives

Majority of personal trainers are worried about injury in online training.

Determining the student's sports level is important to prevent injuries.

The most important issue for students in online education is to trust the personal trainer.

It's a common complaint among students that they don't know what true nutrition is.

In order to achieve the same efficiency in the gym, the time can be doubled in sports done at home. Since this situation reduces motivation, motivation has importance.

Seeing previous activities and being able to plan future programs motivates students.

"For me, the most important source of motivation in sports is that my program is specific. Knowing what I did last week and what I'm going to do next week motivates me."

Brain Storming | Empathy Map

To address the issues identified during user testing, we created wireframes that allowed us to experiment with different design solutions. This step was crucial in refining the app’s navigation, iconography, and visual hierarchy before moving on to the final design phase.

Wireframe | User Flow

Key wireframe elements include repositioning visual elements for simplified navigation, redesigning icons for better clarity, and restructuring content to enhance visual hierarchy, guiding users intuitively through the app's features.

WireframeUser Flow
Style | Illustrations | Figma Library

Redesign Solution

The essential user journey involves the task of posting an item. I have multiple screen iterations and I’m soliciting user feedback to improve them.

Preventing Injuries with Educational Videos
Problem: Personal trainers are concerned about the risk of injury during online training.

Solution: Educational videos are mandatory before each class if the program includes a new movement that the student has never performed before. The student must watch a video created by a physiotherapist that explains the necessary safety measures to prevent injury. Once the student has watched the video for a particular movement, they won't need to watch it again for that specific move in future sessions.

Benefit: Reduces the risk of injury and ensures that students can participate in classes safely and confidently.
Building Trust with the "Explore Trainers" Feature
Problem: The most important concern for students in online training is trusting their personal trainer.

Solution: The "Explore Trainers" feature provides an area where students can read reviews from previous participants and learn more about the trainers. This aims to build trust and give potential students the confidence to choose the right trainer.

Benefit: Increases trust in trainers, helping students feel more comfortable and secure during online training.
Providing Personal Information During Registration
Problem: Determining the student's fitness level and any previous injuries is crucial for preventing injuries during training.

Solution: The registration process includes a "leave a note to the instructor" section. This allows students to inform the trainer about any past injuries or share their sports history. This way, the trainer can adjust the program accordingly to ensure safety.

Benefit
: Trainers can create a personalized and safe training program based on the student's past injuries or experience.
Log in | Sign up
Onboarding
Explore
Enroll
Payment
Let's Socialize