OXFitness Lab product journey

Making it easier and fun to stay healthy.

While working as a Product Designer in Qatar, I got the opportunity to work with a OX Fitness Lab to design their web and app which compliments their high tech gym aimed at serving people with quality training.

Client Requirements

The client provided a vision for the gym to be a high tech gym where users hardly need to interact with the trainer in person. They can learn about their health through the app. They did not just want to create a high-tech gym but a social circle for people who love to workout and want to live a healthy life. A way to motivate each other to do better and stay healthier.

My role

I was the only designer in the team. I worked with the client and a manager who scheduled all the meetings.

Time frame

I was given 3 weeks time to finish designing the whole product.

Product Research

I looked into other products in the market who have a similar goal of encouraging people to train and get healthy. This product seemed more like a personal trainer by itself. It was a mix of health tracker + gym trainer + scheduling + social network for OX fitness lab customers.

I noted down the different kinds of data that the gym is collecting on each customer and looked into how those data could be transformed into information not only beneficial for the trainer but for the trainee as well. For example based on the weight loss or weight gain the trainer can suggest the kind of meal plan the trainee should follow. Based on her progress the app can suggest the next workout class that she should be taking and so on. There was a lot of back and forth communication with the client as it was a joint effort in creating a vision for the product. Multiple prototypes of the product were proposed before selecting one to move to the development stage. Below are some of the examples of my work to show the process.

Product Proposal

Information Architecture

I started with information architecture of the app to understand the flow of the app before starting prototyping. It helps to understand the different kinds of the screens I would need to sketch out and prototype.

Wireframes

It is important to show wireframes along with information architecture to the client while trying to get approval. It is hard for them to visualize ideas without seeing it and wire-framing is the best way of working on low fidelity prototypes.

Brand Guideline

Prototypes

After the approval of the information architecture and wireframes, it was time to work on prototyping. Rapid Prototyping is the usual method to follow while working on a client project for short period of time. This particular project went through 4 different versions before getting finalized.

High Fidelity Prototype

Below are few screen from the app that carry the core features.

Iterations

Few screens that were created in the iterative process but did not make it to the final product. The first screen with the photos did not get approved because it was meant for Qatari customers and they are not comfortable having their photo for social media. The second screen did not get approved for the initial app because they wanted to have it as extra paid feature. The fourth screen did not get approved because their technology was not advanced enough to give live data reports. The last one was also because of lack of technology and needs to be a paid feature. It is very important to understand client’s vision but at the same time communicate our own ideas. My client was very pleased because I had given him ideas and visions that he could not think since he was too involved with the initial vision already. Fresh eyes always help to look for new opportunities.

Launched Product

Website link, Android App and iOS App links.

Lessons Learnt

  • Not to make assumptions of the complexity of a product before working on it or doing enough research on all the interactions possible.
  • It is very important to keep in mind about the timeframe while working on a client based project. Better to be efficient rather than trying to perfect the product.
  • It is extremely important to have direct contact with the client.
  • Cultural difference is extremely important to take into consideration.
  • Not ideal to get attached to the product if it is client based.
  • I enjoy working on complex products.

Follow me on Twitter or shoot me an email (nisanoshin@gmail.com).
Always looking for feedback and cool projects to work on.