Case Study

Designing for three generations - families, caregivers, and elders in one platform

LifeLoop is a family care coordination platform built for Singapore's elderly population. Four user roles, one coherent product - designed from rough sketches to a complete Figma system in 8 weeks.

ClientLifeLoop (Singapore)
PlatformWeb App + Mobile
RoleSolo Designer - End-to-End
Duration8 weeks
Screens25–30 screens
ToolFigma
LifeLoop homepage - Care Connected platform landing page showing hero section with family photo and CTAs
01 - Context

What is LifeLoop?

Singapore has one of the fastest-ageing populations in Asia. LifeLoop was built to address a real gap - families with elderly parents struggle to coordinate care across multiple people without a central system. The platform brings families, professional caregivers, and the elders themselves into a single connected experience.

Family members can track their elder's daily activities, manage caregivers, and set up emergency contacts. Caregivers log care activities, receive reminders, and communicate with families. Elders get a simplified view of their own schedule and can trigger SOS alerts if needed. The client came with rough sketches and a clear vision - my job was to make it real.

02 - The Challenge

Four roles, one product - with elders as primary users

The most demanding design constraint was accessibility. Elders needed to use this product independently - which meant typography, touch targets, contrast, and navigation all had to meet a higher bar than a typical web app. At the same time, the family dashboard needed data density and power-user features.

The root tension: a 35-year-old family member managing care from a web dashboard and a 75-year-old using the same platform to check their daily schedule are not just different users - they have opposite requirements for what good UI looks like. Data density that helps a family member scan quickly is precisely the visual complexity that makes an elder's screen unnavigable. The design had to be genuinely different for each role, not just cosmetically different.

👨‍👩‍👧

Family members

Track elder activity, manage assigned caregivers, view health metrics, receive alerts, and manage the entire care circle from a central dashboard.

🧑‍⚕️

Caregivers

Log care activities, receive task reminders, communicate with families, and maintain detailed care records for each elder assigned to them.

👴

Elders

Simplified, accessible view of their daily routine. Large text, clear navigation, and one-tap SOS call setup for emergency situations.

🆘

SOS system

An emergency alert flow that families pre-configure so elders can trigger help without needing to navigate complex menus under stress.

03 - Approach

From rough sketches to a complete design system

The client had concept sketches but no visual direction. My process started with understanding each role's core job - not their full feature list - and designing the most critical flows for each before building out the secondary screens.

1

Role mapping & user flow architecture

Mapped all four user journeys end-to-end, identified where roles intersect (e.g. caregiver logs → family sees), and defined the navigation structure before touching any UI.

2

Accessibility-first design decisions

Set minimum 16px body text, high contrast ratios for elder-facing screens, large tap targets (minimum 48px), and simplified navigation with clear iconography for the elder interface.

3

Dashboard for family members

Designed a care circle dashboard showing real-time elder status, health metrics (heart rate, BP, steps), today's tasks, and recent alerts - all scannable at a glance.

4

SOS flow design

Built a pre-configured SOS system that families set up once - elders can trigger an alert with a single tap without navigating menus, critical for high-stress emergency moments.

5

Iterative design over 8 weeks

Weekly review cycles with the client resulted in significant back-and-forth refinement - the 8-week timeline reflects a thorough, collaborative process rather than slow delivery.

Designing for elders is more demanding than designing for any other user type because the margin for confusion is close to zero. If a 75-year-old cannot immediately understand what a screen is asking them to do, they will not try a second time. Every interaction was tested against one question: could someone unfamiliar with smartphones complete this without help?

The 8-week timeline reflected something the client understood from the start: this kind of product cannot be rushed. Getting family members, caregivers, and elders to trust a digital platform for something as important as daily care requires every detail - the size of a button, the clarity of an alert, the tone of an error message - to work correctly the first time.

04 - Key Design Decisions

Why it was built this way

The deliverables tell you what was built. These are the decisions that shaped why it was built that way.

Decision 1: Accessibility constraints came first, not as a final pass. In most projects, accessibility is applied after the core UI is built. For LifeLoop, it was set as a baseline before any screens were designed. Minimum 16px body text, 48px tap targets, and high contrast ratios were defined at the start - every elder-facing element was checked against those baselines throughout the process, not reviewed at the end.

Decision 2: The SOS flow had to work with zero cognitive load. Designing an emergency alert for elders means designing for worst-case conditions: stress, physical difficulty, potential disorientation. A two-step SOS is not acceptable if either step requires reading a label under pressure. The pre-configured SOS system - set up once by the family member - means the elder never makes a decision when triggering an alert. One tap, pre-set contacts, immediate notification.

Decision 3: Eight weeks was the right timeline, not a slow one. Simplified interfaces often take more iterations than complex ones. Removing friction without removing functionality is harder than adding features. The weekly review cycles with the client over 8 weeks reflect what this kind of product genuinely requires - and the Before/After section shows how much changed between the starting sketches and final delivery.

05 - Screens

Selected screens

LifeLoop homepage shown on laptop device mockup - clean minimal landing page design

Marketing homepage - device mockup

LifeLoop caregiver dashboard - care circle overview showing elder health metrics, today's tasks, and recent alerts

Family / caregiver dashboard

06 - Before → After

What changed from sketches to final design

Starting point
Rough concept sketches with no visual direction
No role separation defined in the interface
No accessibility consideration for elder users
SOS flow undefined - concept only
No design system - each screen standalone
Final delivery
Complete visual design system - typography, colour, components
Four distinct role flows with shared design language
Accessible elder UI - large text, high contrast, simple nav
Pre-configured single-tap SOS alert flow
25–30 screens, all consistent and dev-ready
07 - Outcomes

What was delivered

25–30
Screens designed end-to-end
4
User roles designed for
8 wks
Collaborative design process
08 - Deliverables

What was handed off

User Flow Maps (4 roles) 25–30 High-Fidelity Screens Design System Component Library Accessible Elder UI SOS Flow Design Marketing Homepage Dev-Ready Figma File

Frequently Asked Questions

How do you design UI for elderly users?

Designing for elders requires accessibility as a foundation: minimum 16px body text, high contrast ratios, large tap targets of at least 48px, simplified navigation with clear iconography, and no reliance on unfamiliar gestures. Every screen must be comprehensible without explanation. For LifeLoop the elder interface used large text, high-contrast colour, and a single-tap SOS flow that works correctly even under stress.

What is a multi-role product design?

A multi-role product design is a single application that serves different users with different needs, workflows, and permissions - each presented with an interface built around their specific job. For LifeLoop, family members needed a data-rich care dashboard, caregivers needed task management and communication tools, and elders needed a simplified accessible view. One platform, four distinct interfaces built on a shared design system.

How do you handle accessibility in mobile app design?

Accessibility in mobile design means setting minimum text sizes and contrast ratios, ensuring all interactive elements meet minimum tap target sizes, providing clear visual feedback for every interaction, and simplifying navigation. For elder-facing interfaces it also means designing emergency flows - like an SOS alert - that work correctly under stress, with minimal steps and no small targets to miss.

Building a multi-role platform?

I specialise in complex products where different users need fundamentally different experiences from the same app.

View all work Hire me on Upwork ↗