STRIVE - A Smart Tracker
UX/UI CASE STUDY
The Project
Wellness 360 Magazine mainly caters to health and fitness content for young professionals. With the advent of digital transformation and surge of health and fitness apps, the client realized there is a huge opportunity they are missing out on. In order to increase the level of engagement with young users, they asked my team to create a diet-tracking mobile application - Strive.
Strive is a personalized health tracking platform that monitors users nutrition intake and eating habits.
The purpose of the app was to help young professionals to:
Easily manage health using nutrition and activity tracking metrics.
Enhance engagement through personalised user experience and motivation.
Improve eating habits and lifestyle by making user accountable for their eating choices.
The Team
Team Members: 2 designers, 1 researcher, 1 product manager, 1 business analyst, and 4 developers.
My Role
Focus on enhancing the user experience of meal/activity logging.
Facilitate discussions in design sprint planning sessions, brainstorming workshops and cross functional collaboration with key stakeholders, developers to ensure Strive project meets given timeline.
Proficient use of tools such as Sketch, InVision, Marvel to create design solutions (Strive- user personas, journey maps, user stories, wireframes and prototypes, usability testing) for the apps in responsive and agile environment.
The Challenge
Based on user research and competition analysis, I focused on the key pain points that users found frustrating and challenging.
Lack of personalized user experience for diverse users with different preferences.
Complex and time-consuming diary logging.
Information Overload with too many features, limits learnability and usability.
The Solution
Allows for Personalization- Strive allows users to set their goals as per age, height, weight, dietary restrictions and activity level. This helps the user to track dietary habits against the personalised health goals. Suggestions based on profile, demographics, diet history, browsing history and searching history allow users to access personalized health plans.
Engages user throughout- The platform enables quick and easy diary logging with intuitive navigation and enhanced search experience. Reminders and push notifications keeps users motivated to achieve their target.
Actionable Insights- Through analytics and performance chart, the app gives real time feedback and suggests health plans. It also gives users more visibility into their eating habits and encourages them to adopt healthy choices.
Discovery
Kick-Off
To begin the project, I partnered with a researcher to gather knowledge about the market and target audience. For this we undertook:
User Interviews
User stories and personas
User Journeys
Competitor Analysis
Research provided us with the unique features that could add as a USP for our application.
Strive allows a user to choose the diet and fitness plans according to their preferences and dietary restrictions.
Real-time feedback to the user after completing a set of activity or logging a meal. If a user falls short of target, the app suggests fitness plans and diet recommendations.
Based on the performance chart, the app sends food recommendations/ fitness plans and reminders by sending push notifications.
Information Architecture
Then, we built out the site map and led several brainstorming sessions to cover categories and sub-categories to decide which category users will group the information.
Wireframes
User Flow
Prototyping & Testing
Prototypes
The functional prototypes were built for the mobile app. These prototypes were tested every week, to pinpoint usability and other UX bottlenecks.
The Problem
The main issue was the hamburger menu of the app, that listed out the overall content of the site and a bottom navigation that highlighted app’s functionality.
The Solution
The issue was resolved by keeping the bottom navigation as the users found this easy, familiar and matched with the user mental model.
The hamburger menu was replaced by the bottom navigation that highlighted the app’s functionality and matched with the user mental model.
Look and Feel
Since the app was targeting young professionals, the client wanted the look and feel to be fresh, appealing and vibrant. At the onset, I defined the visual design principles for the app.
Be Simple: The main purpose of Strive is to allow users to easily track food/activity. The app should look simple and easy-to-understand.
Be Inspiring: The app should encourage users to achieve their targets by logging food/activity data.
Be Reliable: The app should build trust and reliability with the users to ensure they have a delightful experience, while using the product.
Based on the design principles, I created a mood board to get some design inspirations.
The app aims to motivate users and develop healthy habits, hence, visual elements such as progress circle, imagery and emoticons are used to keep the users engaged.
Mockups
Results
Significant structural changes in application improved usability, learnability and navigation.
Personalized user experiences increased user engagement.
Task success rate to log food/activity improved to 95%.
Time taken to complete tracking task reduced significantly, improving user satisfaction by 25%.
Number of sign ups increased by 55%.