Content
ElderlyCare360
ElderlyCare360 is a digital ecosystem designed to support the health, independence, and well-being of elderly users by connecting them with caregivers, doctors, and emergency services — all in one place.
Design Focus Areas :
Accessibility, Health Monitoring, Medication Reminders, Telehealth, Emergency Response, Social Engagement
Client :
Humber College
Deliverables :
Personas, Journey Map, Wireframes, Interactive Prototype, Design System, Final UI Design
Problem :
Aging individuals face growing challenges in maintaining physical and mental health, staying connected, managing medications, and accessing healthcare. Caregivers often struggle with managing care from afar while ensuring the safety and well-being of their loved ones.
Solution :
ElderlyCare360 is a comprehensive digital ecosystem built for elderly individuals and their caregivers. It includes health monitoring, medication reminders, virtual healthcare, emergency alerts, and social engagement—all within a user-friendly mobile app interface tailored for accessibility.
Process :
I applied a full-cycle UX design process to create an intuitive and inclusive solution:
I designed with real empathy—testing early, iterating quickly, and building with accessibility in mind to serve one of the most underrepresented user groups.
Research: Interviews and surveys with 30+ seniors and caregivers
Define: Pain points, personas, and user journey mapping
Ideate: Feature brainstorming, IA planning, sketching flows
Prototype: Wireframes to hi-fi interactive prototypes in Figma
Test & Iterate: Usability testing + feedback-driven refinements
Summary :
To ensure a smooth design-to-development handoff, I prepared a comprehensive developer guideline package. It outlines component usage, accessibility standards, spacing rules, and interaction patterns to maintain consistency and scalability across the ElderlyCare360 ecosystem.
Deliverables:
Design System: Includes typography, color palette (WCAG AA compliant), buttons, input fields, icons, and states (hover, active, disabled)
Component Library: Figma components with variants for reuse and responsiveness
Spacing & Layout Grid: 8pt spacing system and mobile/tablet breakpoint rules
Interaction Specs: Micro-interactions for buttons, loading states, modals, and alerts
Accessibility Guidelines: Minimum 16pt body text, colour contrast ratio ≥ 4.5:1, large touch targets (44x44px), voice support indicators
Assets: Export-ready SVGs and icons, named and grouped in dev-friendly layers
Annotated Screens: Clear notes on functionality, API triggers (for health data), and navigation flow
Handoff Tools
Figma Developer Mode with organized file structure
PDF design style guide
Slack for clarification
More Projects
Content
ElderlyCare360
ElderlyCare360 is a digital ecosystem designed to support the health, independence, and well-being of elderly users by connecting them with caregivers, doctors, and emergency services — all in one place.
Design Focus Areas :
Accessibility, Health Monitoring, Medication Reminders, Telehealth, Emergency Response, Social Engagement
Client :
Humber College
Deliverables :
Personas, Journey Map, Wireframes, Interactive Prototype, Design System, Final UI Design
Problem :
Aging individuals face growing challenges in maintaining physical and mental health, staying connected, managing medications, and accessing healthcare. Caregivers often struggle with managing care from afar while ensuring the safety and well-being of their loved ones.
Solution :
ElderlyCare360 is a comprehensive digital ecosystem built for elderly individuals and their caregivers. It includes health monitoring, medication reminders, virtual healthcare, emergency alerts, and social engagement—all within a user-friendly mobile app interface tailored for accessibility.
Process :
I applied a full-cycle UX design process to create an intuitive and inclusive solution:
I designed with real empathy—testing early, iterating quickly, and building with accessibility in mind to serve one of the most underrepresented user groups.
Research: Interviews and surveys with 30+ seniors and caregivers
Define: Pain points, personas, and user journey mapping
Ideate: Feature brainstorming, IA planning, sketching flows
Prototype: Wireframes to hi-fi interactive prototypes in Figma
Test & Iterate: Usability testing + feedback-driven refinements
Summary :
To ensure a smooth design-to-development handoff, I prepared a comprehensive developer guideline package. It outlines component usage, accessibility standards, spacing rules, and interaction patterns to maintain consistency and scalability across the ElderlyCare360 ecosystem.
Deliverables:
Design System: Includes typography, color palette (WCAG AA compliant), buttons, input fields, icons, and states (hover, active, disabled)
Component Library: Figma components with variants for reuse and responsiveness
Spacing & Layout Grid: 8pt spacing system and mobile/tablet breakpoint rules
Interaction Specs: Micro-interactions for buttons, loading states, modals, and alerts
Accessibility Guidelines: Minimum 16pt body text, colour contrast ratio ≥ 4.5:1, large touch targets (44x44px), voice support indicators
Assets: Export-ready SVGs and icons, named and grouped in dev-friendly layers
Annotated Screens: Clear notes on functionality, API triggers (for health data), and navigation flow
Handoff Tools
Figma Developer Mode with organized file structure
PDF design style guide
Slack for clarification
More Projects
Content
ElderlyCare360
ElderlyCare360 is a digital ecosystem designed to support the health, independence, and well-being of elderly users by connecting them with caregivers, doctors, and emergency services — all in one place.
Design Focus Areas :
Accessibility, Health Monitoring, Medication Reminders, Telehealth, Emergency Response, Social Engagement
Client :
Humber College
Deliverables :
Personas, Journey Map, Wireframes, Interactive Prototype, Design System, Final UI Design
Problem :
Aging individuals face growing challenges in maintaining physical and mental health, staying connected, managing medications, and accessing healthcare. Caregivers often struggle with managing care from afar while ensuring the safety and well-being of their loved ones.
Solution :
ElderlyCare360 is a comprehensive digital ecosystem built for elderly individuals and their caregivers. It includes health monitoring, medication reminders, virtual healthcare, emergency alerts, and social engagement—all within a user-friendly mobile app interface tailored for accessibility.
Process :
I applied a full-cycle UX design process to create an intuitive and inclusive solution:
I designed with real empathy—testing early, iterating quickly, and building with accessibility in mind to serve one of the most underrepresented user groups.
Research: Interviews and surveys with 30+ seniors and caregivers
Define: Pain points, personas, and user journey mapping
Ideate: Feature brainstorming, IA planning, sketching flows
Prototype: Wireframes to hi-fi interactive prototypes in Figma
Test & Iterate: Usability testing + feedback-driven refinements
Summary :
To ensure a smooth design-to-development handoff, I prepared a comprehensive developer guideline package. It outlines component usage, accessibility standards, spacing rules, and interaction patterns to maintain consistency and scalability across the ElderlyCare360 ecosystem.
Deliverables:
Design System: Includes typography, color palette (WCAG AA compliant), buttons, input fields, icons, and states (hover, active, disabled)
Component Library: Figma components with variants for reuse and responsiveness
Spacing & Layout Grid: 8pt spacing system and mobile/tablet breakpoint rules
Interaction Specs: Micro-interactions for buttons, loading states, modals, and alerts
Accessibility Guidelines: Minimum 16pt body text, colour contrast ratio ≥ 4.5:1, large touch targets (44x44px), voice support indicators
Assets: Export-ready SVGs and icons, named and grouped in dev-friendly layers
Annotated Screens: Clear notes on functionality, API triggers (for health data), and navigation flow
Handoff Tools
Figma Developer Mode with organized file structure
PDF design style guide
Slack for clarification