top of page
Frame 3.png

FitBuddy

A Social Fitness App for People Living a Sedentary Lifestyle

Fitbuddy

Mobile App Project

Fitbuddy brings people together where they need a workout partner to get rid of a sedentary lifestyle and to build a healthy future.

Role

As a UX/UI Designer, I carried out all aspects of user research, interface design and usability testing during iterations of the product’s development. I adopted the Design Thinking method, applying a user-centered approach throughout the design process.
 
Tools: Sketch, Miro, InVision, Marvel, Google Workspace

Overview

As I saw people who were complaining about their inactive lifestyles, my brain started questioning possible solutions. Are there fun ways to get rid of the sedentary lifestyle? Is it possible to motivate people in order to overcome the sedentary lifestyle? These questions shaped the road and gave life to the FitBuddy App.

Problem

I have seen people who were complaining about their eating habits, being physically inactive and lack of discipline keeps them from turning the tide. In spite of the fact that they were using various apps to be physically active, track their workouts and to be motivated by the app itself, there was still a missing part where users can’t break the circle in order to sustain a healthy lifestyle. Users were looking for a driving force to achieve these goals. I decided to focus on a solution where users can engage with a workout partner for more effective, enjoyable and lasting exercises.

After I demonstrated the main problems, it was time to define who will use the app. I decided to use user personas as a research technique. Therefore I created two imaginary users who represent the target audience for my app. Neo Will, the first persona, has a huge ambition to have excellent well-being. He wants to overcome his laziness issues as well. Jody Chill, the second persona, wants to cope with fatigue and meet up with new people to exercise collaboratively.

Jody Chill.png
Neo Will.png

User personas helped me find the answer to one of their most important questions, “Who am I designing for?”

The Solution, My Role and Responsibility

I ran the whole project from scratch. I used some research techniques iteratively such as creating personas, user interviews and usability testing. 

Final v2 Part1.JPG
Final v2 Part2.JPG

I gathered qualitative information about the users and group it by category by using affinity mapping.

Human-centred design approach was the key factor throughout the entire process. Therefore I took my part by being a divergent designer wherever possible in order to maximise the project’s usefulness and comprehensiveness. 

Screenshot 2022-01-27 at 21.35.07.png

I drew user flows which lay out the user's movement through the app, mapping out each and every step the user takes.

Research Insights

After the first user interviews, I realised that the main problem for them was the absence of a driving force. It was the social support which they may find in collaboration. This result was consistent with the survey results which I conducted before the interviews. 

Capstone 1 Sketch 1.JPG

First Sketches

Wireframe

With these insights, I started to design the wireframes and my main goal was to produce well-thought-out screens. As I designed the wireframes, ideas regarding the high fidelity mockups started to become clearer.

Screenshot 2022-01-28 at 21.19.19.png

Building the style guide and designing the logo were the next steps. While creating the style guide, personas and the brand platform which I worked on earlier were the biggest anchor points that I built the structure onto. To set an example, a common point for personas was that both of them were searching for ways to have a healthy lifestyle. I designed the logo by taking inspiration from the daisy flower, in order to highlight well-being and healthy lifestyle suggestions that can be found in the app. Colour palette, iconography and font styles were created to comply with these anchor points.

Screenshot 2022-01-26 at 21.06.58.png

FitBuddy Logo

The first colour palette that I created couldn’t pass the WCAG and it was quite a shock to me. This part was the most challenging problem since I had to reconsider all of the colour choices, as they were in touch with each other. The whole purpose was to create harmonious screens. It was a big lesson for me and I have chosen the new colours more carefully in order to meet the standards for accessibility criterias

Screenshot 2022-01-28 at 21.55.00.png

Usability Test and Prototype

After I designed high fidelity mockups, I was ready to show my product to real people and get feedback about it. 

Screenshot 2022-01-28 at 22.07.15.png

High Fidelity Mockups before first usability tests

In the usability testing, interview participants said the option for finding a workout partner should be given in each workout section on the Explore screen. At first, I thought it would be unessential but it turned out that by giving this option under each workout, it was vital to increase conversion rate and to complete red routes successfully

Screenshot 2022-01-28 at 22.11.48.png

'Better Together for the Healthier'

I got another important feedback during the second interview session. A user mentioned that the colour of the logo and the primary colour of the app doesn’t feel cohesive and suggested building stronger bonds between these two. She was right, it gave me a perfect inspiration to rethink my choices. I redesigned the primary colour and the result was far better than the previous attempts.

iPhone 12 Pro Mockups.png

FitBuddy has a crucial purpose that goes beyond workout routines and aims to create a collaborative platform for a healthier society both physically and mentally.

Outcomes and Lessons Learned

Since this was my first project, I learned outstanding lessons in all of the steps. I believe that I created a satisfactory platform which will be a meeting point for people who are looking for support to have a brighter mind and healthy body. I will benefit from all these experiences wisely in my future projects and this one will always be remembered as the first spark which will be the pioneer for future successes.

bottom of page