Care+ App
Care+ App
Type: Healthcare app / Bootcamp Project
Tools: Figma, FigJam, Google Forms, Zoom
Role: UX/UI Designer
Type: Healthcare app / Bootcamp Project
Tools: Figma, FigJam, Google Forms, Zoom
Role: UX/UI Designer
Role: UX/UI Designer
“Booking, waiting, and organizing, all in one place."
“Booking, waiting, and organizing, all in one place."
Project Overview
Project Overview
Care+ is a smart health app designed to improve the patient experience at clinics by reducing waiting times and simplifying appointment management. The app helps users book appointments, track their wait status, receive notifications and instructions, and access personalized health services. This aims to reduce frustration and improve satisfaction during visits to medical centers.
Care+ is a smart health app designed to improve the patient experience at clinics by reducing waiting times and simplifying appointment management. The app helps users book appointments, track their wait status, receive notifications and instructions, and access personalized health services. This aims to reduce frustration and improve satisfaction during visits to medical centers.
My Role
My Role
I worked as a UX/UI Designer and took part in the entire design process from understanding users’ needs to delivering high-fidelity screens and prototype interactions.
I worked as a UX/UI Designer and took part in the entire design process from understanding users’ needs to delivering high-fidelity screens and prototype interactions.
UX Responsibilities
UX Responsibilities
Conducted user research and interviews
Synthesized insights into personas and pain points
Defined key problems and user goals
Designed user flows and journey maps
Created wireframes and iterated based on feedback
Conducted user research and interviews
Synthesized insights into personas and pain points
Defined key problems and user goals
Designed user flows and journey maps
Created wireframes and iterated based on feedback
UI Responsibilities
UI Responsibilities
Designed the visual system including color, typography & icons
Built interactive high-fidelity mockups
Applied consistency and clarity across all screens
Ensured accessible and intuitive UI for diverse users
Designed the visual system including color, typography & icons
Built interactive high-fidelity mockups
Applied consistency and clarity across all screens
Ensured accessible and intuitive UI for diverse users
Design Process
Design Process
Research: Conducted surveys and user interviews to understand clinic wait frustrations. Identified core barriers such as lack of real-time status and uncertainty about queue timing.
Define: Synthesized insights into clear personas and Pain Points. Mapped user journeys to highlight decision points and friction.
Ideate: Brainstormed solutions including queue tracking, appointment booking, and push notifications. Prioritized features with MoSCoW (Must/Should/Could/Won’t) method.
Design: Created low-fidelity layouts focusing on simplicity and clarity. Iterated early screens with team feedback. Developed high-fidelity interactive prototype to simulate user flows. Tested core tasks such as booking, status tracking, and notifications.
Test: Tested prototype with users completing key tasks. Collected feedback on clarity and ease of use.
Research: Conducted surveys and user interviews to understand clinic wait frustrations. Identified core barriers such as lack of real-time status and uncertainty about queue timing.
Define: Synthesized insights into clear personas and Pain Points. Mapped user journeys to highlight decision points and friction.
Ideate: Brainstormed solutions including queue tracking, appointment booking, and push notifications. Prioritized features with MoSCoW (Must/Should/Could/Won’t) method.
Design: Created low-fidelity layouts focusing on simplicity and clarity. Iterated early screens with team feedback. Developed high-fidelity interactive prototype to simulate user flows. Tested core tasks such as booking, status tracking, and notifications.
Test: Tested prototype with users completing key tasks. Collected feedback on clarity and ease of use.
Design Solutions
Real Time Waiting Numbers Tracker 🎯
Real Time Waiting Numbers Tracker 🎯
Real Time Waiting Numbers Tracker 🎯
Introduced a clear appointment status tracker (Booked → Waiting → In Progress → Completed) to reduce uncertainty and anxiety during medical visits.
Introduced a clear appointment status tracker (Booked → Waiting → In Progress → Completed) to reduce uncertainty and anxiety during medical visits.
QR-based Queue Status Access 🔗
QR-based Queue Status Access 🔗
QR-based Queue Status Access 🔗
Users can check their appointment status and queue number by scanning a QR code, no app download required.
Users can check their appointment status and queue number by scanning a QR code, no app download required.
Smart Appointment Booking Flow ⚡️
Smart Appointment Booking Flow ⚡️
Smart Appointment Booking Flow ⚡️
Designed a step-by-step booking process that allows users to select the medical service, choose an available time slot, and confirm appointments.
Designed a step-by-step booking process that allows users to select the medical service, choose an available time slot, and confirm appointments.
Outcome
Outcome
Reduced user stress about clinic waiting time
Simplified appointment booking and checking queue status
Improved user satisfaction and perceived control over clinic experience
Reduced user anxiety about clinic waiting time
Simplified appointment booking and checking queue status
Improved user satisfaction and perceived control over clinic experience
✴︎ Final Result: Care+ demonstrates how UX/UI design can transform a healthcare experience by providing clear guidance, real-time updates, and intuitive interactions, ultimately making clinic visits less stressful and more user-friendly.
✴︎ Final Result: Care+ demonstrates how UX/UI design can transform a healthcare experience by providing clear guidance, real-time updates, and intuitive interactions, ultimately making clinic visits less stressful and more user-friendly.