Project Overview
Services
Wireframes • Flowcharts • User Interface User Experience • Animation • Prototyping
Website
Date
03/07/2020
The objective of this project was to create an application where patients with diabetes and hypertension could continuously monitor their health by sharing this data with Klivo where an integrative medicine team composed of doctors, nurses, psychologists, nutritionists and physical educators would evaluate this data and support the patient so that he can re-educate himself and control his health conditions. The project was completed in two phases, during the first phase there was one of this research where we collected information about the business and about the users with the highlights. and insights generated by these interviews we defined what we would need in our MVP during the second phase, new features were added that we collected through insights generated by people who were already using the product and presenting their needs.
My contributions
For this project I led the researches I created wireframes I defined flows I designed the user interface and I thought about the ux and also some animations. The design is in line with the guidelines that came from the research carried out, so it deviates a little from the standard. You can read about the process below.
Starting from the core
Klivo was created in 2019 and I was part of the founding team had nothing ready My task was to build a product from scratch that had the easy to use interface around it as the users of that product would be people with diabetes or hypertension and the range age group would be people aged 45 and over, so we had two problems to solve first, diabetes causes blindness or poor vision, second in Brazil, people in this age group are not familiar with apps or technology, yes, many things like these were discovered after one of this research
well done so I decided to start wireframing the most important screens like the glucose value entry screen, exclusive to this app.
I continued defining other screens that the user goes through to control their conditions.
Navigation and the flow
Once we've defined the main flow of choosing how we would navigate this user within the app, it's time to step back and see how it all fits into the big picture. Navigation was designed so that all the main steps were easily accessed on a single screen.
Phase 2 feedback
After 1 year with the app working and many users testing and sending feedback, we decided to launch the second version of this app.
We identified that many users asked for a functionality of reminders to take their medicine, many did not know about the benefits of physical exercises and mainly many needed to know about their indexes only from then on would they have the real awareness that they needed to take care of their health.
Listening to the calls that the nurses made with the patients, many of them were guided by the colors and the icons, always reporting: “ah, I enter the orange color with the little ball” and we saw that this was a guide for us to facilitate the user’s guidance through their tasks, that's why we invested in colors and we bet on the use of our illustrations also as a support.
Add more functionality
In MVP the app had only 6 features, after 1 year of MVP running and with the launch of the 2nd version we went to 12 features, so I needed to take this to a wireframe and design a structure that could scale to these 6 new features and to future features that we could have.
Aligning the UI with the new brand
Since I did the branding design myself, it was easier to ensure the UI was in line with the brand. There were also the new screens but by then I was no longer the one man band I had UI/UX Hayanne Darc who was tasked with deploying the internals of these screens I designed.
Team
Ui/UX: Muhammad Umm / Hayanne Darc
Strategy: Muhammad Umm / Klivo