Customer: Yoga Line App
The Complete UX Process:
  • Interview with steakholders, analysis of the business goal.
  • Competitor analysis (Benchmark).
  • Problem definition.
  • User Research.
  • User Personas.
  • Customer Journey Map / User Flow.
  • Business Requirements Document.
  • Information Architecture.
  • Wireframing / Prototypes / User Interfaces / Mockups.
  • Final test.
Yoga line prima foto
UX / UI Designer, Interaction Designer e UX Researcher: Elif Salman
Brief: The customer wanted to create a free yoga mobile app for both IOS and Android, simple and without any access.
What have I done?: I designed an app through Human-Centered Design. First of all I wanted to understand what the Client expected from this project and I did all the research related to the UX process and informed the Client of each step. Only after passing the final test did we launch the product.


1-Interview with steakholders, analysis of the business goal:

Design Thinking
We discussed the business objectives with the customer. What do you expect from the product? Who is our traget? What does it want for users? We discussed the achievement of goals and fears of failure. In this step, I have tried to be as transparent as possible about the actual achievement of the proposed goal. Finally we specified the budget for the project. Let’s start the project with the design thinking approach.

2-Competitor analysis (Benchmark):

We have to see what the competitors have done. I checked two similar YOGA apps, looking at both the positives and negatives sides. I created a report and a competitive audit form. At this stage, I tried to think about how I can design an original and simple YOGA app. I have used the templates that I found in the Google UX Design Professional Certficate course.

3-Problem definition:

Once the target has been identified, the time has come to find solutions for the real problems.

Problem 1: The user is looking for an app that allows them to practice yoga anywhere because the user does not have time to attend the lesson.

Goal 1: The app must be simple for all users, without any user login, with a few steps so that the user achieves his goals.

Problem 2: The user is looking for an app that allows him to practice yoga at home because he doesn’t like the group lesson or the lesson with the teacher.

Goal 2: The app must allow the user to choose the right exercise for self with just a few steps.

4-User Research:

We carried out a survey to better understand the opinion of users and the pain point to reach the goal. In the end we understood that the identified target was different from the previously hypothesized. Here we try to understand  whether the hypothesized solutions are valid. The survey was created with Google Forms.

5-User Personas:

In the UX Design, the user always comes first. But to put user needs first, we need to know who we’re talking about. We have to build an identikit of ideal users. The elements I used for User Personas are:

    • First name
    • Photo
    • Short bio
    • Age and occupation
    • Goals
    • Frustrations

At this part, we focus again on problem definitions. I will present two examples of Jasmin and Kevin.

6-Customer Journey Map / User Flow:

I have studied all the possible actions that users will be able to do with the product. We are talking about the user’s actions, thoughts, feelings, and opportunities for improvement along their journey with the product. Here again I present the example of Jasmin. User flow was created with gloomaps.

7-Business Requirements Document:

This phase is essential. We have to communicate to the client a report of competitors, user stories, flows, some visual inspirations. If desired, we can also present the client with a wireflow or prototype or as in this project, we can present this part for the next presentation. We must communicate the outputs clearly to the customer. Here I present the first 4 pages of my presentation. The template was taken from the Google UX Design Professional Certficate course.

8-Information Architecture:

I drew all the tree structure of the product. This way the project titles are clearer.

9-Wireframing / Prototype / User Interface / Mockup.

First of all I designed the screens without the graphics and then I created Prototype and conducted a test with 5 target users. After the test, some changes were made to the project. Once the client was agreed on the project, I also designed the graphic layout.

10-Final Test :

I designed one last final prototype to test the final version with users. Once the project has passed all the tests, finally we can launch our product!!! The project was a great success.