According to data provided by INEGI through the 2021 sports practice and physical exercise module, 39.6% of people over 18 years of age are physically active. Those who do not practice regular exercise argue for the following reasons: lack of time (44.3%), tiredness from work (21.7%) and health problems (17.5%).
User Flow
Wireframes
Prototyping
Web development
Roberto Patrón - Product Designer/UX/UI Designer/No-code developer
Brajhan López - Full Stack Developer
Youssef Sabbagh - Backend Developer
Ana Perez - Front End Developer
Figma
Figjam
Maze
Webflow
Google analytics
Hotjar
Google Forms
To learn a little more about our potential audience, we conducted a non-segmented survey that provided us with general data on uses, attitudes and behaviors. These data gave us a quantitative basis that provided statistical certainty about the problem to be solved. The results obtained coincided with those of studies carried out by other organizations.
We use the user persona method to clarify who we design and, at the same time, to have a communication tool that would transmit the needs of our users to stakeholders.
.webp)
“I would like to exercise, but I don't have the time or guidance”
Age: 30 years
Occupation: Public sector employee
Socioeconomic status: Medium-low
Level of technological facilitation: Medium
Do you need accessibility adaptations? : No
Context:
He spends most of his time sitting in front of his work computer and always has his personal cell phone handy. There are no sports centers near your home or place of work.
Objective:
Gain greater physical vitality to dedicate more quality time to your children.
Concerns:
“I feel anxious, depressed and have trouble sleeping”
Age: 35 years old
Occupation: Accountant
Socioeconomic status: Medium-low
Level of technological facilitation: Medium
Do you need accessibility adaptations? : No
Context:
He works full time in a public and private sector organization. He's been feeling that way for a while, but he hasn't taken action. His family and social environment gives him a sense of chaos.
Objective:
Achieving a state of mental well-being
Concerns:
To delve into the tasks that users carry out to achieve their objectives, we apply the “job to be done” framework. We created two canvases to first identify the “executor of the work” (user) and the “market”. With these clear elements, we defined our “main functional work” based on statements collected from potential users that matched the profile.
To obtain a complete view and identify opportunities for innovation, we carried out a “task mapping” that encompassed the stages: define, locate, prepare, organize, confirm, verify, execute, monitor, modify and conclude.
We share “core functional work” with collaborators to align efforts:
We need a system that provides the necessary tools to care for physical and mental well-being. Solving the problem with exercise, nutrition or psychology alone is not enough; it is essential to adopt a comprehensive approach that includes all three aspects.
Potential users need to optimize their time and find efficient ways to take care of their physical and mental health. Our product should be perceived as valuable with minimum effort.
Users have limited time to exercise and adopt healthy habits. It is essential to offer a tool that is accessible and adaptable to different contexts of use.
Here you can see the user flow in more detail
Here you can see the wireframes in more detail
During the development phase, we chose Webflow. However, the backend didn't fully reflect the planned user flow. We had to adapt the design and “mask” processes, such as manually sending invitations to online sessions instead of automating them.
Here you can watch the site live
After launching our first pilot solution, we quantitatively monitor the user experience. We found that, on average, users stayed 8 seconds on the page and most didn't take any action.
Usability testingIn the period from May 1 to 31, 2023, 5.5% of visitors began the process of scheduling an appointment, and only 0.3% completed it successfully.
%2017.59%201.png)
In the period from May 1 to 31, 2023, 5.5% of visitors began the process of scheduling an appointment, and only 0.3% completed it successfully.
%2012.51%201.png)
We selected 10 users from the Running Zone database and asked them to schedule an appointment on the site. We got first-hand impressions:
Based on moderated monitoring and testing, we identified the need to optimize the appointment request process and design new interfaces that would correctly comply with accessibility and usability rules.
Here you can watch the site live
The new redesign is under development to better meet the needs of users, in line with the findings. To facilitate implementation, we provide detailed CSS breakdown and use Figma's dev mode to accelerate the transfer of design to code.
%2022.52%201.png)
After our second iteration, we detected additional opportunities through service channels:
These needs led us to rethink the concept and optimize the user flow to schedule with professionals on the platform. This new concept is in the process of being designed; this is the preview of the hero section of the home page.
With regular optimizations based on usability tests, we have generated greater value for users. We build sections, processes and improvements as we identify opportunities in different parts of the site.
Our site increased trust in the digital product and strengthened the brand's position. This effect boosted our marketing campaigns, automating part of the sales funnel and accelerating the evaluation of the proposal by users.
As a result, we achieved a time savings of approximately 33% in the conversion process.
%2011.18.20%E2%80%AFp.m..png)
Growing at a 4% conversion rate in the first month of launch.
Increasing product development efficiency by 59% with a scalable design system
By redesigning the user experience of an event registration flow, we achieved 18.35% conversion and 25.97% of new accounts.
