Pilates App
The project is an application design for training Pilates teachers on equipment
Yuval Shahak, a certified physical therapist, came to me with a desire to develop an app for training Pilates teachers on equipment. Yuval wanted to develop a course that combined studio work and practicing on equipment with an app to streamline the process.
The project makes the exercises accessible and aims to replace the old books with static images with short videos that illustrate the exercises in the best possible way. In the application there is the possibility to prepare and be ready for the next lesson, as well as the option to review previous lessons and exercises.
My part of the project consisted of user research, persona creation, characterization, market research, user process creation, site map, wireframe and screen design.
In this project I did the research, user experience, and user interface design.
The application was designed in XD software.
The Proposal
02 Preliminary website version
The client has a landing site with general information about the studio, but without an explanation of the course and there was no app, so the app is at the lowest level of the pyramid.
03 The next step
The app is designed to help students work with reliable and trustworthy learning materials. Thanks to the videos, students can learn the exercises more accurately. The app will be available for life and is designed to be easy to use, fun for users, and award prizes for progress in the course and repeat viewing of
the videos.
04 Research phases and work process
In the first step, I conducted an interview with the client, prepared for guiding questions and learned from him what his requirements are and what his needs are.
After that, I researched the topic to check if the presented customer requirements actually exist in the market and among potential customers.
At the end of the research, I identified a differentiator that would set the course apart from other courses on the market and highlighted it to emphasize the uniqueness of the product.
In the working process I created a personification for the brand, I understood who are the personas that would buy the course, I found the main usage scenarios of the majority of users and the extreme scenarios, then I created a site map for the application, a wireframe and the design of the application with the appropriate colors.
01 Challenge
The challenge was to develop an application that did notexist before, to create an application that makes it easy for the user
to navigate between the lessons of the course and the different devices, and to find 115 exercises easily and efficiently. Another challenge was the content, the structure of the course, creating a curriculum, filming the videos, creating
the content and providing information about
each exercise.
Solution
The solution is a simple and useful application that simplifies the study material in the course. It was important to create simple navigation where the central pages could be reached from different places. The application is designed to present the user with the progress in the course and all the exercises in a convenient way.
Our goal is for students to successfully complete the course. When you enter the application on the home screen, you can see the progress in the course, how many percent passed. You can get trophies that encourage you to successfully complete the course. There is an achievements page that shows your progress and accomplishments. To encourage learning, there are two action buttons on the home screen, one to prepare for the next lesson and one to review the previous lessons. In the application, you can see all the lessons in the course on the "My Course" page.
Final Design
Video illustrating
A video illustrating the user experience in the application.
Home Page
You can see the progress of the course on the homepage to encourage students to successfully complete the course. Completion of the course is another dimension of course success.
Below you can see the two buttons for our actions, the most important button being the left button "Prepare for next lesson". One of the main goals in developing the app was to allow students to prepare for the lesson before they come. It is also possible to review the last lesson and all lessons.
Then we have a three-part division of exercises for the devices. There are identical exercises with identical names, but they are done with different devices. So, to solve the task, first, we have to choose the device and then find the corresponding exercise.
Our goal is to have users watch the videos over and over again so that they can best teach the exercises when they become instructors themselves.
Also, the infinite scrolling keeps the user in the application longer.
Motivation to Act
If the user watches several learning videos, he will receive a trophy. On the trophy page you can see all the achievements. The app motivates the user to watch as many videos as possible and stay in the app as long as possible.
Screens App
Research
Personas
I created four different personas of four different people who come from different places and have different pasts. Each persona corresponds to a potential target audience.
Our Competitor
A similar studio to ours, but teaching on only one machine (Reformer bed machine).
Wingate Institute is a mass and impersonal course.
And most of the big schools in the country that teach only the old method with the books, without the possibility of seeing the movement of the exercises
User Scenarios
A user who wants to prepare for the next lesson
A user who wants to prepare for the next lesson enters the application with the user he specified. On the home page, he sees his progress in the course, the date and number of the next lesson, and a button to quickly prepare for the next lesson. With one click, the user gets to the place he was looking for. The button takes him directly to the desired lesson. On this page all the exercises of the next lesson are displayed.
Another way is the bottom navigation bar at the bottom of the page where you can click on my course. Another way to get to my course is to click on the hamburger and go to my course from there. Another way is to click on the percentage, in our case 58%, and go to my course from there.
On the My Course page, you will see all the lessons and important information about each lesson. If you click on the corresponding lesson, all the exercises of the lesson will be displayed.
A user who has completed the course and wants to search for a specific exercise
A user who has signed up for the course has opened the application and can use it for life. The user who has registered as a Pilates instructor can go back at any time and refresh the material learned, retrieve the exercises and watch them again and again.
On the home page, the user has the option to select the equipment that is relevant to the exercise they are looking for. Another option in the bottom search bar is a device button, and another option with the help of the hamburger you can select the desired device.
After that, the user will get to the page where all the exercises for the device can be found. There are three devices on which the course is taught (reformer bed, Cadillac, chair). On the page there is an option to search and quickly find the exercise. The page contains a long list of all the lessons.
A user who wants to see the last video he watched and repeat the last exercise.
On the home page, you can see all the last videos you watched and watch them again.
User Flows
UX Design
Sitemap
User Interface
font
IBM Plex Sans Hebrew
I chose the Sansrifi font because I wanted to convey innovation.
After all, this is a breakthrough
application for Pilates learning.
colorfulness
Icons
I created my own set of icons for the application.
Reminder messages
The application has lesson reminder messages that can be activated as needed.
Forms
I have created several forms for accessing the application with a username and password, as well as a form for contacting the institute with customer questions.
Easy navigation in the app
Throughout the application, there is a bottom bar that accompanies the user and helps them navigate. There is also a hidden vertical navigation bar that can be accessed with the hamburger.
