Glucofit
Your everyday guide to balanced glucose health.
Role
I led a team of 4 designers and 4 developers. I participated in creating user flows and sitemap, conducting competitive analysis, developing UI components, and building low- to high-fidelity wireframes for the home and login screens. I also assisted in maintaining design consistency and overall app usability by participating in user testing, issue tracking, polishing the overall designs of the mobile screens and improving the flow of the onboarding screens. I also collaborated with developers on the front-end of the landing page, contributing to the HTML and CSS implementation.
Tools:
Figma, Jira, Slack, Lottie, After Effecs, Visual Studio Code
Completed:
12 weeks
The Problem
Many Type 2 diabetes and pre-diabetes patients struggle to manage blood sugar due to limited personalized insights, motivation, and simple tracking methods.
Existing solutions often lack engaging features, making it difficult for patients to build habits, track progress, and stay motivated to improve their health.
Understanding the users and analyzing the market
During this week the team worked on the research phase of the project, understanding the problem and analyzing the market. The designers also collaborated in writing interview scripts and interviewing pre-diabetic/diabetic patients and medical practitioners. These interviews helped the team understand the pain points of the users, finalize the app features and build persona.
KNOWING OUR COMPETITORS
Our team also analyzes our competitors such as mySugr, Glucose Buddy and OneTouch. These apps help users track diabetes related metrics. However, they don't provide in-dept insights or a holistic approach to better understand and manage diabetes. While they simplify data logging, they often lack robust tools to connect habits, such as lifestyle, food, and medication, to offer tailored educational support.
This leaves patients with limited guidance and fragmented view of their health, making long-term diabetes management more challenging.
OUR SOLUTIONS
Glucofit tracks glucose levels and offers personalized insights, empowering users to log food, medication, and notes for better health understanding.
Streamline the process of your blood glucose monitoring, ensuring accurate data transfer without manual entry and maintain up-to-date records of your glucose levels for better tracking and diabetes management.
Glucofit keeps you motivated and committed to a healthy lifestyle. By consistently loging your glucose levels, meals, and activities, you can earn unique badges as rewards.
By sourcing high-quality articles from trusted health websites, you will gain access to valuable information about diabetes management and lifestyle changes.
User Persona, Userflow & Low Fidelity Wireframes
To begin defining the app's interaction design and information architecture, we developed a user flow based on the two user personas. Following this, the design and development teams worked closely together, enabling the development team to start building the system architecture and data model.
USER PERSONA
USER FLOW
LOW-FIDELITY WIREFRAMES
Style Guide, UI Kit & Components
UI KIT & COMPONENTS
Prototype, User Testing , High-Fidelity Wireframes & Design Hand-off
In week 5 to 7, the design team developed a low-fidelity prototype for three flows of the app's main features. We also conducted user testing with two participants using the prototype. This allowed us to assess whether the app's flow, particularly its core functionalities, was intuitive and user-friendly. Based on their feedback, our team was able to enhance the app's flow. We also finished designing the high-fidelity wireframes and handed the finalized designs to the development team.
MID-FIDELITY MOCKUP BEFORE USER TESTING
USER TESTING
FINAL MOCKUPS BASED ON THE USER TESTING
On the final mockups, we changed some layouts based on the results of the user testing that we conducted.
- For first-time users, we kept the 'Add Log' button in its original position on the home screen, but added an image banner in the main section to guide users on where to add logs. Additionally, the 'Add Log' button will feature a pulsating animation to make it more noticeable to first-time users.
- We removed the screens to manually connect the device and decided to have it automatically connect once the glucose monitoring device is turned on.
