Olive is designed to simplify scheduling medical appointments, tracking medications, viewing test results, and handling emergencies by alerting the nearest hospital and offering guidance.
Overview
Your Health. Streamlined.
Designed for seamless healthcare management, Olive empowers users to take control of appointments, medications, and test results all in one place. Imagine navigating medical tasks effortlessly, with features that respond to your needs, even in emergencies.
Tools
Figma, Procreate, OptimalSort, Usability hub
Problem Statement
Simplifying Healthcare, One Tap at a Time
What to do in an emergency? I Scheduling appointments I Human error I Lack of organization systems.
Healthcare can be chaotic. Missed appointments, scattered test results, forgotten prescriptions.
Olive steps in as the all-in-one solution, turning complex medical management into something users can handle in seconds.
Presenting last test result I Medicament list I Easy scheduling I Step-by-step guidance in emergencies
Enter Olive, your new health management sidekick! ​
​
It keeps all your test results in one neat spot, so you can easily find and review them anytime.
Need to keep track of your meds? Olive’s got you covered with detailed lists and reminders, ensuring you never miss a dose again.
​
Scheduling appointments is a breeze—just pick a day and time that works for you, and let Olive handle the rest.
​
And in an emergency, Olive steps up with clear instructions to guide you until help arrives. With Olive, managing your health has never been simpler or more stress-free.
1. Market Research
The Market Research Journey
​​​Competitive analysis *SWOT analysis*, was essential to first understand the competitive landscape and identify existing solutions. Popular medical apps like “PatientPORTAL by InteliChart” and “Wellstar” focus on user engagement through features such as health monitoring, online doctor appointments, and hospital locators. These apps emphasize accessibility and convenience, setting a high standard for user-centric healthcare solutions.
​
Understanding their strengths and weaknesses provided valuable insights to inform Olive’s design strategy and ensure it addressed unmet needs in the market.
​
Lack of a clear and functional design, antiquated, and small feature set. Complimentary to some other service.
2. Interviews and surveys
Understanding the Pulse of User Needs
Let's hear from some actual folks.
It was time to get some accurate information from prospective consumers now that it was known what was available on the market. Zoom app was used to conduct 14 interviews, asking roughly 11 open-ended questions and leaning into the silence to encourage candid conversation from my users.
Significant findings from user research
Having an app with no distractions and unnecessary notifications.
The capacity to control the other family members profile is crucial.
Simple and intuitive to use.
They desire a clear picture of their data as well as comprehensive health information.
A/B Preference testing
Goal
The goal of this study was to figure out which style could fit visually better for the application interacting with the HandiHome website. A preference test was conducted by asking which introduction design do they like better and why.
Test objectives
- To know which of the styles could be a better fit for the users.
- Realising if having real pictures or illustrations please the user.
Methodology
Tests conducted via Usability Hub. The test was about choosing between 2 options, one was an illustration and the other one a real person and a slight difference of colours and structure of text.
Participants
The results were from 10 different testers recruited from my personal network.
Conclusion
It looks like most of the users like the illustration better due its modern design and colours pattern. Few users commented that the picture with the doctor, looks old fashioned but others commented that it inspires trust and experience.
3. Personas and User Flow
Walking in their shoes. From Ideas to Journeys
Let's meet them
Two user personas were developed to reflect each of my two target groups, gathering and condensing all of my data into actionable ideas. The app's strategy and design were informed by the objectives and challenges that each character brought up.
Persona #1
“If any member of my family needs a doctor, I’d like to provide it as fast and easily as possible”
User flow #1 I Arrange an appointment with the doctor
Anna wants to arrange an appointment with her doctor. She was not feeling good during the last 2 days and she wants to do some tests.
Anna wants to arrange an appointment as soon as possible, so she can treat her illness and go back to work and be with her family.
It is easy for her to get to the appointments screen because she remembers it from the last time.
She will know that the appointment is ready right after she clicks on Confirmation button.
Persona #2
“I’d like to always have the best and fastest way to take care of my family”
User flow #2 I Emergencies
Jacob's kid had an accident while playing football with his friends and broke his wrist. Jacob needs to take care of the situation.
Jacob needs to bring his kid to the closest and less crowded hospital.
It's the first time that Jacob uses this feature in the app. There will be a selectable menu with the most common emergency cases.
The task will show completed and in the personal history after his son is treated by a professional.
4. Information Architecture
Establishing a foundation
Laying the Groundwork
OptimalSort was the tool to go for sorting the information after the users finished the test.
Iterative Improvement of IA
5. Sketches and Wireframes
Crafting the Backbone of Design
From Ideas to Structure
First, the low-fidelity sketches after getting ideas from the user personas, site map, user flows, and the competitors.
​
In order to achieve the design objectives, the goal was that the app had a straightforward, simple vibe. Additionally, the user research revealed that individuals didn't desire a feature and option overload.
As the project progressed, these interfaces were optimized based on user feedback and usability testing.
While they don’t represent the final version, they reflect the initial structure, content hierarchy, and essential functionalities that were refined and enhanced in later iterations.
6. Usability Testing
Real Users, Real Results
It's time to test with real people
To test my designs remotely via Zoom, I enlisted the help of 4 people. I was prepared to begin with my usability test plan, script, and humility.
​
After watching my Zoom recordings, I organized my usability test insights using an affinity map and identified six major issues that needed to be fixed. I also found another ten more little issues that needed fixing.
Following the usability testing, four key issues were identified that needed to be addressed to improve the overall user experience.
Issue #1
- Missing confirmation button for ambulance cancellation.
+ Confirmation button added.
Issue #3
- Navigation functionality missing.
+ Back arrow button added.
Update: After iteration, Chevron was added as part of each result.
Issue #2
- Unable to select multiple patients.
+ Verification over selected patient added.
Issue #4
- Lack of "What to do" tips.
+ Searching bar to find specific help added.​
7. User Interface
The Face of the Experience
Final version
It was time to bring the design to life and give it a unique personality. Using insights gathered from usability tests, I evaluated which features resonated with users and identified areas that needed refinement. These findings guided a thoughtful redesign of the app, ensuring it not only met user needs but also provided a polished, engaging experience.
A/B preference testing played a critical role in shaping the app’s visual identity. By presenting users with different design options, I gathered valuable data to pinpoint the color schemes and stylistic elements that aligned best with their preferences. This process ensured the final design was both visually appealing and user-centered.
I studied color theory and Gestalt principles, drew inspiration from some of my favorite apps, and delved deeper into Figma. To ensure consistency across my work, I incorporated a grid structure and developed a design system. The designs for the Olive mobile app are now complete, but the journey provided invaluable insights into user behavior, design iteration, and the power of a cohesive user experience.