MySugr, OneTouch, and Glucose Buddy help users track diabetes-related metrics but do not provide in-depth insights or an approach to understand better and manage their condition. They often lack robust tools to connect lifestyle, food, and medication or offer tailored educational support. Patients experience limited guidance and a fragmented view of their health, making long-term diabetes management more challenging.

We further defined our solutions based on our two users, who listed their pain points, needs, and expectations. Noticeable pain points are the manual logging of their glucose levels, feeling unmotivated to track their health and medication taking.

We mapped out a functional and usable flow for our users to address their needs and expectations, especially for automated blood glucose logging and tracking.

We started to execute our ideas with our low fidelity wireframes. We emphasized on developing our main features and onboarding.

We tested multiple participants using our mid-fidelity wireframes, and the evident result was that they wanted a more visible button in the bottom navigation to log their data.

We addressed the button issue from our user test and made it more visible with a glowing animation. First time users will also see an additional prompt to start logging their data.

Users will be directed to these screens when choosing to log blood glucose. A Bluetooth connection is required to pass the data from the blood glucose device (in this case, we used an iHealth glucometer) to the Glucofit app. The glucometer stores the readings when not connected to the app, and the user can manually choose and upload data when connected to the app again.

The app's goal is also to improve overall health so users can log and track their activities, food, and medicine. They can also add notes which the competitors do not have.

Users will receive personalized insights to keep them informed regardless of their blood glucose level results. They can browse and save multiple lifestyle, food, and medication articles.

Users can save their medication under the profile setting.

Users are awarded badges for consistently logging and tracking their blood glucose, activity and food, as well as reading their insights.

Our logo is inspired by a sugar cube, which also signals our users of their state. The cube changes colour according to the logged data (red for alarm, indigo for upbeat, and yellow for neutral). We wanted the brand to be high-contrast for better accessibility.

We also built and set-up our component library and variables for proper hand-off to our developers after finalizing our branding and UI Kit

We left annotations to give our developers a clear context of behavioural states and for additional instructions.

We used Jira for project management and Slack for communication.

We also conducted an internal bug bash to fix backend errors and front-end styling.

As the project progressed, we encountered issues, especially in developing the app's branding. We wanted the brand to feel young yet usable to the older market. We made iterations and asked for feedback from our instructor.

Initially, the developers also had a hiccup, as it took weeks to connect a third-party glucometer device that we needed to get blood glucose data.

This project also strengthened my understanding of user research, maximizing figma variables, and fully immersing myself in UI/UX. It was also easier for designers or developers to develop the app as we had open communication, and we left notes for the intended behaviour of the features.