UI/UX Designer
G.Nagadharshini
THANK YOU FOR YOUR TIME
"Click through the real experience , onboarding to booking confirmation, exactly as a caregiver would use it."
Explore the interactive flow
Protoype
CareLoop
UI Case Study
Smarter Care at Your Fingertips
COLOR SYSTEM
ICONOGRAPHY
ILLUSTRATION
TYPOGRAPHY
INTER
Sans-Serif
Primary Color
Font
Family
Secondary Color
Aqua Teal
(#00A3A6)
(#A4F7F8)
(#A4F7F8)
(#FFFFFF)
Teals like #00A3A6 evoke feelings of calm, cleanliness, and modern reliability, making them widely used in healthcare, technology, and government design systems.
High brightness combined with soft cyan hues enhances visual acuity while reducing eye strain and mental fatigue in digital environments.
Creates a sense of openness, spatial clarity, and transparency, helping to eliminate feelings of confinement in medical environments.
In clinical terms, #0D9488 (Deep Teal Green) induces a state of physical stability and mental calm by modulating the autonomic nervous system and cognitive load.
Bright Aqua
Teal Green
Medical White
Clear, unconfusing typography provides an immediate sensation of transparency, order, and control, helping lower anxiety during health data review.
Thoughtfully designed medical illustrations are used in the onboarding screens to create a warm, approachable first impression while guiding users through the app’s core capabilities.
Menu Icons
Category Bar
Bottom Section
Other Icons
🧑⚕️
🩺
Design Learning
Semantic States: Build distinct colors for success, warning, and error states so teal isn't doing all the visual heavy lifting.
Inclusive Typography: Inter maintains high legibility for both caregivers and elderly parents without requiring bloated font sizes.
Accessibility Audit: Run WCAG contrast checks on teal-on-white text to ensure legibility for users with reduced vision.
Color Balance: Teal signals clinical trust without feeling cold, paired with Bright Aqua tints to soften the healthcare feel.
UI Key Takeaways
What I improve Next
