Coco’s Design Archive
MenuClose

24H HOME CARE · FAMILY PORTAL

24H Family Portal

Make authorization, care hours, renewal, and coverage visible before uncertainty becomes a break in care.

A ten-week team project grounded in stakeholder Q&A, domain research, personas, end-to-end journey mapping, low- and mid-fidelity iteration, client feedback, high-fidelity flows, and a prepared usability study.

My contribution
Research synthesis · service model · flows · interaction and UI system
Team
Adalyn, Louise, Rebecca, Coco
Context
ArtCenter team project · Spring 2026
Scope
Family portal · mobile + desktop concept
Drag or use arrow keys to compare

The same family-facing state is explored in a calm daytime surface and a lower-light planning mode.

01THE BRIEF

CONTEXT + SYSTEM COMPLEXITY

The visible interface was only the last layer of the problem.

Families were navigating overlapping program rules, caregiver models, authorization limits, visit records, renewals, and agency handoffs. We first had to understand who owns each action and where uncertainty enters the service journey.

01

State was scattered

Status, dates, used hours, remaining hours, and renewal readiness lived across calls, email, and personal notes.

02

Roles overlapped

One family member could be the caregiver, point of contact, and person responsible for authorization deadlines.

03

Programs diverged

Community Supports and Disability Services shared needs, but their authorization horizons and renewal paths were materially different.

04

Silence felt risky

After a high-stakes submission, families needed confirmation and an honest external-review state—not another invisible queue.

The design challenge was not “how do we add a dashboard?” It was “how do we make care continuity legible across people, programs, and time?”
02WEEK 1–2

INITIAL RESEARCH

We mapped the service before naming the product opportunity.

The board contains care-mode comparisons, service-path differences, stakeholder questions, authorization and reauthorization research, adjacent-product references, and needs / pains / behaviors across points of contact, caregivers, and people receiving care.

24H initial research board comparing care modes, service journeys, authorization, and stakeholder needs.
Initial research board. Scroll inside the board, or open the full board to inspect service definitions, authorization logic, role-based needs, public sources, and adjacent tools.
WHAT TO LOOK FOR
  • Care-mode comparison: where BYOC and agency responsibilities diverge
  • Service-pathway maps: CS and DS authorization horizons side by side
  • Role-based needs, pains, and behaviors that feed the decision rows below
Stakeholder context

Terminology and service rules

We clarified CS, DS, POC, BYOC, agency care, authorization windows, renewal responsibility, and the limits of what a family-facing portal can promise.

Domain research

Care and authorization journeys

We studied how application, assessment, approval, daily care, timesheets, reporting, payment, and renewal connect over time.

Adjacent patterns

Portals, benefits, EVV, scheduling

We compared proxy access, status timelines, hour tracking, time entry, shared calendars, and notification models instead of copying one competitor.

Synthesis

Needs, pains, behaviors

We translated the research into role-specific tensions and then into a shared product model for status, ownership, timing, and next action.

Signal

Families repeatedly check because status and responsibility are not visible.

Decision

Make authorization state the product spine.

Product implication

Every primary surface keeps current status, dates, hour allowance, and next action visible.

Signal

Care plans, schedules, and logs feel disconnected from authorized hours.

Decision

Connect planning to utilization.

Product implication

The weekly plan shows what is used, planned, at risk, and still available before confirmation.

Signal

External review continues after the family has completed its own step.

Decision

Close the uncertainty loop without overpromising.

Product implication

Show submitted, received, under review, and no-action-needed states separately.

03WEEK 3

PERSONAS + ROLE RELATIONSHIPS

A single household could contain several product roles.

The personas were not decorative demographics. They helped us see where the same person could be a family member, caregiver, point of contact, and authorization manager—and where a staff or agency handoff must remain explicit.

May Chen persona documenting the combined family caregiver and point-of-contact role.
May Chen: family caregiver and point of contact, including daily life, goals, pain points, needs, and decision responsibilities.

WHY THIS PERSONA CHANGED THE MODEL

“Family” is not one permission set.

  • As family: May needs confidence that care will continue.
  • As caregiver: she needs fast logging and understandable hour boundaries.
  • As POC: she needs documents, dates, and ownership of next steps.
  • During agency coverage: she needs a safe handoff without repeating the whole care story.

Design response: preserve the person and authorization context across Home, Schedule, Care Plan, messages, and renewal—not in isolated feature silos.

ROLE RELATIONSHIP ATLAS

Select a role to inspect its needs and the portal’s response.

RELATIONSHIP MAPSelect a role to inspect its needs
Care delivered or documentedPlans, authorization, and updates
04WEEK 4

END-TO-END JOURNEY

The journey made the renewal boundary impossible to ignore.

We mapped realization, application, authorization, daily care, reporting, payment, and renewal—not just the moments that happen inside an app. The emotional trough appears when people cannot tell what is active, what is expiring, and who must act next.

SOURCE · COMMUNITY SUPPORTS JOURNEYOpen full board, opens in a new tab
Community Supports journey map from realizing a need through authorization, daily care, reporting, and renewal.
Journey map with stages, actions, touchpoints, pain points, emotion, and opportunity areas across the complete service cycle.
WHAT TO LOOK FOR
  • The emotion line dips hardest at authorization boundaries
  • Touchpoints stay offline—calls, email, PDF forms—through every stage
  • Opportunity notes on the right seed the HMW statement below
Friction peak

Authorization boundaries

Uncertainty rises before start, expiration, renewal, or a change in caregiver coverage.

Behavior

Manual reassurance work

Families call, email, save notes, and check repeatedly when the system cannot explain its own state.

Opportunity

One legible state model

Connect current state, timing, responsibility, and confirmation across the full journey.

SERVICE MODEL · CS VS DS

One portal, two materially different authorization journeys.

Community Supports · short-term bridge care

In the project context, Community Supports was framed as shorter-term bridge care funded through an insurer or managed-care organization. Expiration, document preparation, external review, and temporary coverage are central moments.

Internal notes described authorizations as often around 60 days; rules require stakeholder validation.

Disability Services · longer-running support

Disability Services was framed as longer-running support funded through DDS or regional centers. Families may manage recurring weekly routines and more than one authorization or service line.

Internal notes described authorizations as often around one year and renewable; rules require stakeholder validation.

HOW MIGHT WE

Help families see authorization status, remaining hours, renewal timing, and the next action early enough to protect continuity—without making them learn the organization’s internal structure?

05WEEK 5

LOW-FIDELITY EXPLORATION

We used low-fi to expose missing states, not to decorate a flow.

The low-fidelity boards explore waiting, active, expiring, no-action-needed, clock-out, care-log, history, notification, utilization, and care-progress states. That breadth is essential because a healthcare portal fails when only its happy path is designed.

Open the full low-fi board ↗

Six of the explored states, cropped from the original working board. The board’s sticky notes record open questions—not conclusions.

Detailed low-fidelity flow for renewal, document status, authorization buckets, scheduling, and messaging.
Detailed flow spanning authorization buckets, renewal and document status, weekly planning, coverage, messaging, and exception handling.
WHAT TO LOOK FOR
  • Authorization buckets connected to renewal and document status
  • Weekly planning linked to coverage requests and messaging
  • Exception handling designed before any visual styling
What stayed

Persistent authorization context, remaining hours, clear dates, and explicit next actions.

What changed

Dense operational detail was reduced; high-stakes states were separated from routine daily care.

What expanded

We added confirmation, no-action-needed, delayed review, agency handoff, and exception states.

06WEEK 6

WIREFRAME BREAKDOWN

The dashboard became a decision surface, not a summary screen.

We broke the experience into Home, renewal states, caregiver requests, upcoming visits, visit history, and care-progress views. The goal was to keep one next action visible while preserving the larger authorization context.

SOURCE · WIREFRAME BREAKDOWNOpen full board, opens in a new tab
24H wireframe breakdown for dashboard, renewal, coverage requests, upcoming visits, and visit history.
Dashboard, renewal, book-caregiver, ASAP coverage, upcoming-visit, and visit-history structures before visual styling.
01

Current state first

Show what is active and what needs attention before secondary navigation.

02

One next action

Renew, review, confirm, schedule, or wait—do not make users infer the next step.

03

Care context persists

Person, program, dates, and hour limits remain visible across handoffs.

07WEEK 7–8

MID-FIDELITY + CLIENT FEEDBACK

Mid-fi connected the system; stakeholder feedback challenged its assumptions.

We explored Home variants, widgets, notifications, weekly planning, caregiver requests, renewal, feedback, and Profile. Midterm feedback then pushed the team to clarify program differences, caregiver changes, timesheets, accessibility, client engagement, and the risk of oversimplifying BYOC registration or renewal.

24H mid-fidelity Home, widgets, notification, and needs-attention explorations.
Home variants, iOS widgets, needs-attention hierarchy, today’s care, quick actions, and notification structure.
WHAT TO LOOK FOR
  • Home variants testing the needs-attention hierarchy
  • iOS widgets for glanceable remaining hours
  • Notification structure separating Needs action from routine Updates
SOURCE · WEEK 7–8 + MIDTERM FEEDBACKOpen full board, opens in a new tab
24H Week 7–8 board showing refined flows and stakeholder feedback.
Refined scenario flows beside the original midterm feedback board. The feedback is shown as design input, not rewritten as validation findings.
WHAT TO LOOK FOR
  • Left: scenario flows refined after the midterm
  • Right: the original feedback board, preserved verbatim
  • Red and pink notes flag risks the team had to answer
Feedback

CS and DS cannot share one renewal story

We separated short-term Community Supports from longer-running Disability Services while keeping shared state language.

Feedback

Caregiver changes need a handoff

We connected schedule gaps to an agency request with date, time, care preferences, and confirmation.

Feedback

Notifications must earn attention

Needs-action states became distinct from routine updates, with clear reason, owner, and timing.

Feedback

Accessibility cannot be a color afterthought

Status is carried by label, position, and language—not color alone—and testing across comfort levels remains a required next step.

08WEEK 9–10

HIGH-FIDELITY PRODUCT SYSTEM

The final concept keeps authorization visible while daily care remains actionable.

The high-fidelity system connects mobile and desktop, light and dark contexts, weekly planning, Care Plan renewal, notifications, agency coverage, and a restrained guidance layer.

High-resolution 24H Family Portal desktop system showing dark and light dashboard concepts side by side.

RESPONSIVE PRODUCT LANGUAGE

One state model, two viewing contexts.

The visual system supports a calm light surface and a lower-light planning surface without changing the meaning of authorization, utilization, or renewal states.

DESKTOP SYSTEM · LIGHT + DARK

Authorization, weekly planning, renewal, and care-plan guidance in one high-resolution system view.

HIGH-FIDELITY CONCEPT
High-resolution 24H Family Portal desktop system showing dark and light dashboard concepts side by side.
01 · FAMILY DASHBOARD02 · CARE PLAN + AURA
09LIVE DEMO

INTERACTIVE PROTOTYPE

Three scenarios demonstrate how the shared state model behaves.

Use the scenario tabs and step controls. Each flow is rebuilt as real interface content so the state, next action, and confirmation behavior can be inspected—not watched as a flattened video.

STEP 1 / 5

Plan Daniel's week without losing sight of authorized hours.

A recommendation creates a starting point; the family reviews and owns the final schedule.

LIVE FIGMA PROTOTYPEOpen in Figma ↗

SELECTED STEP

Prompt to plan

Home or the widget prompts Maria to plan Daniel's hours.

Decision: Automation proposes a plan; the family reviews and owns the final schedule.

DS weekly planning

Generate a starting plan, adjust it, protect unused time, and confirm without surrendering family control.

CS renewal

Prepare required documents, submit, receive confirmation, and preserve an honest external-review state.

Agency handoff

Turn a care gap into a structured request with date, time, essential preferences, and a return to the shared plan.

10WEEK 9 · PREP

USABILITY STUDY PREPARATION

The team prepared the test in detail; the supplied board does not contain synthesized results.

Week 9 documents who the team planned to meet, four approximately 15-minute think-aloud sessions, CS and DS scenarios, rotating facilitation and observation roles, open-ended prompts, and a closing confidence question. This is evidence of test preparation—not completed validation.

Participants

CS + DS points of contact

Recruiting was planned across both program contexts so the team would not generalize one authorization model to every family.

Structure

Four short moderated sessions

Opening context, approximately eight minutes of task flows, think-aloud prompts, and approximately four minutes of closing feedback.

Team roles

Facilitator + two note-takers + observer

Verbatim comments, behavior, hesitation, workarounds, patterns, and timing were assigned separately to reduce interpretation during the session.

Measures

Behavior + confidence

Expected next action, confusion, surprise, missing information, and a 1–5 confidence response were prepared for capture.

CS · HOURS

Find Bailey’s remaining hours and notice that six of 18 hours may go unused.

CS · RENEWAL

Respond to an authorization expiring in 14 days and prepare the extension requirements.

DS · PLANNING

Understand Daniel’s weekly care and remaining hours, including Wednesday and Friday gaps.

DS · STATUS

Review an approaching authorization boundary and determine whether action is required.

Open interview-planning board, opens in a new tab
11AFTER WEEK 10

CONCEPT OUTCOME + REFLECTION

A coherent family-facing state model—ready for validation, not presented as released impact.

The work produced a connected concept across authorization visibility, weekly planning, renewal, multi-client care, agency coverage, responsive surfaces, and a prepared research plan.

Family

Confidence at a glance

Current state, timing, hour limits, and the next action remain visible before a gap becomes urgent.

Service

Clearer handoffs

Schedule changes, renewal submissions, and external review retain ownership and confirmation.

Product

A reusable state language

Home, Schedule, Care Plan, messages, and notifications share the same status logic.

Polish cannot compensate for ambiguous operational state.

What I would do next

  1. Run and synthesize the four planned sessions.
  2. Validate CS and DS rules with program stakeholders.
  3. Test older adults, mixed technical comfort, assistive technology, zoom, contrast, and English / Spanish content.
  4. Design denial, missing-document, external-delay, expired-authorization, caregiver-match-failure, and offline states.

ORIGINAL PROJECT SOURCES