Caring Buddy
Overview
Caring buddy was my third and last project for the Google UX Design professional certification program. In this project I had to design a mobile app and a responsive website for the mobile app. Caring Buddy’s app makes sure that everyone has access to medication, real-time stock updates and reminders. Caring Buddy’s website makes sure everyone is informed on about the prescription medication they or their relatives use.
Problem
Real-time stock update for prescribed medication can lead to a compromised health.
Goal
Real-time notification of stock updates in the nearest pharmacies, reminders and auto-order for medication.
Role
UX/UI designer, UX researcher
Platform
Mobile app,
Responsive website
Industry
Healthcare
Year
2023
User rerseach
Summary
I conducted user interviews, to better understand the target user and their needs. I found out that there are people who their life might be in danger due to busy lifestyles, but also people who want to help others in need, and use technology to ensure equitable access to medicine for everyone.
Digital wireframes
As the process continued I transferred the user research findings from paper wireframes to digital wireframes.
Low-fidelity prototype
View the “Sign Up“ and “Add medication” user flow for the Caring Buddy app in action:
Low-fidelityRefining the design
Component library
I created a component library that allowed me to craft the interfaces faster.
Mockups
The earlier digital wireframes that I created, provided a blueprint for the layout and structure, serving as the foundation for app's mockups.
Digital wireframe
High fidelity mockup
Digital wireframe
High fidelity mockup
High-fidelity mockups
High-fidelity mobile app prototype
View the “Sign Up“ and “Add medication” user flow for the Caring Buddy app:
Accessibility considerations
- Screen and image reader technologies access is added.
- High standard color contrast according to the WCAG standards.
- Icons for easier navigation.
Responsive web design
Sitemap
My goal was to ensure and organize the website’s content in a logical manner. This ensures easy navigation for the users but also search engines.
Responsive designs
The designs for screen size variation included mobile, tablet, and desktop. I optimized the designs to fit specific user needs of each device and screen size.
Mobile website high-fidelity prototypeTakeaways
- ImpactThe Caring Buddy app has a significant impact, revolutionising medication management, for improved health outcomes. With seamless medication ordering, convenient delivery, and intuitive reminders, it empowers users to stay on track, reducing missed doses and enhancing overall well-being,
- What I learnedI learned that even though the problem I was trying to solve was a big one, diligently going through each step of the design process and aligning with specific user needs helped me come up with solutions that were both feasible and useful.
- ComplexityComplex registration processes make users not even try the apps out.
- AccessibilityIf the user manages to bypass the complex registration, is then faced with inconsistent and hard to use designs.