Fitly needs an update on its messaging feature.

The Problem

The company realized that the users stopped using the app 3 weeks after they signed up. 

The problem is they are not motivated enough to workout by themselves. They want to work out with friends.

How Boosting Users by Adding A Message Feature Increases App Revenue

The Goal

Therefore, the company had the idea to add a messaging feature, so the users can connect with their friends while working out.

The Solution

The users can keep using Fitly to connect with their friends and work out together. This idea, hopefully, can increase business revenue.

The User Flows

The User flow lets me understand the structure of the messaging feature. From there, I continued with some sketches to get an idea of what the Fitly messaging feature will look like.

Check on the full research PDF below.

Color Palette

I chose red and orange colors because it shows more powerful, energetic, and fun colors on Fitly. After the color was chosen, I continued with the high-fidelity version.

In order to spot bugs, unresponsive gestures, or general flow issues before the app launched, I did User Testing with 5 people and here are their results

The Landing Page

- The notification on the top should have appeared more interactive rather than appearing to be one of the feeds.

- The black color on each feed didn't blend in well.

- Users kept clicking on the home button. They didn't see the message button on the top.

After I got the feedback, I started redesigning the process again.

You can see the whole design process below.

  • - The chat button and the notification was at the hamburger icon

    - The message view was clear

    - Before the feed, there is a recommended class for the user to check out

  • On the first iteration, I noticed that 3 from the user testing want to find the chat button as quickly as possible. It frustrated them and often time, they gave up on the app. The best way is to show any signifier on the landing page so they noticed the new feature.

  • The user can now message their friends and can join the workout together. With Fitly, they can do the workout remotely without having to go to the gym.

    See the design full design process below.