top of page
Conqur - Redesign for a Fitness App

My Role : UI/UX Designer

Duration : 8 weeks

Keywords : UI/UX Design, Interaction Design, Healthcare App, Sports & Wearables Technology

Netrin’s Repose is a wearable fitness product that quantifies your body's stress, sleep, etc. for better health and performance. The Repose app gives varied metrics about your stress, recovery, activity and sleep levels using a chest wearable that analyses the heartbeat. Current user base mostly includes sports persons like players, coaches, managers, etc. who require this app to enhance their performance and consistency. 

 

My role as the UI/UX designer was to redesign the app under a new product name "Conqur", with improved interactions and new features, using inputs from the first round of field testing that the app had just finished. 

 

My goals for the redesign:
  • To deliver a personalized experience and intuitive user interface for the mobile app

  • Propose a more simplified and seamless session experience so that users are comfortable taking a session and understanding its results

  • Improve data visualisation and reports for easier understanding of complex health metrics.

 

App Analysis:

 

For me to get an understanding of the product and its overall usage experience, I used the existing app and the wearable for a couple of days. This helped me generate a very basic user journey for the product, from wearing the device to generating a report.

Step 1:

Wear the chest wearable and connect it to the mobile app using bluetooth.

Step 2:

Start the session on the app. When the session is running, sync data from the device very 3-4 hours to the app and log all the activities that you are doing during the session.

Step 3:

After a while ( ranging from 3 - 24 hours depending on your requirement ), stop the session and generate the health report to view your results.

Web 1920 – 7.png

Some of the pain points that I observed in my app experience

Understanding User Feedback from the Field:

 

While using the app gave me a basic understanding of the app experience, I realised that the intended end users, comprising of people in the sports field, may have had a different usage experience. To get an understanding of their perspective, I got in touch with Netrin's team who had received real time feedback from the field, from when the app had been used in sports events and training programs by athletes and coaches.

 

This helped me generate user personas for my reference and consolidate their feedback into pain points and solutions that I would need to incorporate into the new app.

User Persona

Positive feedback from users:
  • Live ECG on display in the Home Screen attracted a lot of awe and attention

  • Users liked that they were receiving not just relative inputs but exact, quantified and personalised numbers abut their health. This seemed to encourage more trust in the science and service. 

 

User Pain Points:
  • The app, having been done in a dark mode with a Neomorphic design, was not always suitable especially when used outdoors ( during training, etc)

  • Lack of clarity and ease of use in the interaction experience of the session journey 

  • For actions to be done during the session ( like logging in activities, syncing data, etc. ) the ‘what’ and ‘how’ behind these tasks turned out to be confusing

  • Logging in your activities, which is an important requirement to generate accurate results, turned to out to be a dauntingly long and complex task.

  • While the reports generated provided a lot of numerical data and pie charts, users were confused about how to make sense of so much data and proces them into actionable advice.

 

Competitive Analysis:

I also did some secondary research by checking out other wearable based fitness applications like Firstbeat, Suunto, Humon, etc. to get an idea of existing conventions and trends in the user experience for such healthcare and fitness apps. 

Web 1920 – 6.png

Other wearable based fitness apps in the market

Design Solution:

After consolidating all my research, observations and user feedback, I sketched out an information architecture chart and moved on to creating low fidelity wireframes. I explored a variety of possible layouts and finally settled with the one that worked best. This allowed me to prototype solutions for the main screens before committing to high fidelity designs.

Web 1920 – 4.png

Information Architecture

Web 1920 – 8.png

Some of the Low Fidelity Wireframes created

Web 1920 – 2.png

UI Style Guide

Final Prototype:

Web 1920 – 17.png
Web 1920 – 21.png
Web 1920 – 22.png
Web 1920 – 23.png
Web 1920 – 24.png
Web 1920 – 20.png
Web 1920 – 19.png

The app is available in both dark and light mode for ease of use.

bottom of page