Yilin Wang UX Portfoilio

Project

About

Resume

Project

About

Resume

Evercare

Timeline

Q3, 2018(First Vision)

Q1, 2025(Revised Vision)

Team

1 Product designer(Me)

1 User Researcher

My Role

End-to-end product design, User research, Interaction design, Prototyping, Visual design

Bridging Care and Community: A Supportive Platform for Cardiovascular Hospice Patients and Families.

OVERVIEW

Evercare is a service design system that bridges hospitals, patients, families, and community support in cardiovascular hospice care. It integrates a digital platform and community services to provide health monitoring, education, and emotional support, fostering a more connected and compassionate care network.

BACKGROUND

In August 2018, a family member suffered a sudden cerebral hemorrhage and passed away after six months of home care, during which both they and my family endured immense physical and emotional pain.

Similarly, in January 2023, another family member passed away after seven years of living with the debilitating effects of a cerebral infarction. Unable to move or speak, they faced profound frustration, while our family devoted ourselves tirelessly to their care, navigating countless emotional and logistical challenges.

In August 2018, a family member suffered a sudden cerebral hemorrhage and passed away after six months of home care, during which both they and my family endured immense physical and emotional pain.

DEFINE Problem Area

CHALLENGES

How can we address the cultural reluctance to discuss end-of-life care, support families through prolonged and overwhelming caregiving periods, and bridge the gap between emotional support and medical care?

Understanding the Problem

interview

structure

Semi-structured Interviews:

Participants: 4 patients (aged 49-93) and 4 family members.

Focus: Cultural attitudes toward end-of-life care, caregiving challenges, and support needs.

Semi-structured Interviews:

Participants: 4 patients (aged 49-93) and 4 family members.

Focus: Cultural attitudes toward end-of-life care, caregiving challenges, and support needs.

Hand-code the interviews to turn qualitative data into quantitative data. Each interview was transcribed and codes were derived from those interviews. The codes were later combined to generate four main themes.

DEFINE the Problem

OPPORTUNITY

The interviews revealed the complex challenges participants faced with end-of-life issues, exposing critical gaps between China’s hospice healthcare system and home care for chronic illnesses, highlighting systemic service shortcomings.

CASE STUDY

Hospice hospitals

Limited facilities, especially in rural areas

High costs, not fully covered by insurance

Lack of trained palliative care staff

Limited facilities, especially in rural areas

High costs, not fully covered by insurance

Lack of trained palliative care staff

Limited facilities, especially in rural areas

High costs, not fully covered by insurance

Lack of trained palliative care staff

Community cares

Few home-care services, families struggle with caregiving

Lack of education, families feel unprepared

Minimal grief counseling for families after loss

Few home-care services, families struggle with caregiving

Lack of education, families feel unprepared

Minimal grief counseling for families after loss

Few home-care services, families struggle with caregiving

Lack of education, families feel unprepared

Minimal grief counseling for families after loss

Emotional care applications

and robots

Emotional care applications

and robots

Emotional care applications

and robots

Lack of emotional depth, can't replace human comfort

Older patients struggle with trust and acceptance

Cultural insensitivity, not aligned with Chinese traditions

Lack of emotional depth, can't replace human comfort

Older patients struggle with trust and acceptance

Cultural insensitivity, not aligned with Chinese traditions

Lack of emotional depth, can't replace human comfort

Older patients struggle with trust and acceptance

Cultural insensitivity, not aligned with Chinese traditions

DESIGN IDEATION

DESIGN PRINCIPLES

Integrating Hospitals,

Community Healthcare & Home Care

Integrating Hospitals,

Community Healthcare & Home Care

The platform should act as a coordinated service network, integrating medical institutions, caregivers, and social organizations.

Proactive Health Monitoring &

Blood Pressure Management

Proactive Health Monitoring &

Blood Pressure Management

The platform should provide ongoing cardiovascular health education and structured monitoring tools.

Culturally Sensitive End-of-Life &

Emotional Support

Culturally Sensitive End-of-Life &

Emotional Support

The platform should facilitate gentle, culturally sensitive conversations about hospice care and end-of-life planning.

Stakeholder Analysis

The stakeholder map identifies the key participants and their roles in cardiovascular and end-of-life care, including medical institutions, community healthcare providers, caregivers, and social organizations.

Design Decision

System Map

THE SUMMARY

To understand the interactions between stakeholders and define a structured care model, a system map was created to visualize how services, organizations, and individuals connect within the solution. This mapping clarifies the flow of resources, responsibilities, and communication between medical institutions, community healthcare, caregivers, and support organizations.

Storyboard

To visualize and better understand the systems map, I created several storyboards that illustrate the interactions between the patient, family, and community healthcare.

Service blueprint

This service blueprint provides a step-by-step guide for supporting patients with heart and brain-related diseases, as well as their families. It uses the Care App to help patients monitor their health, learn about their condition, and access psychological support. The plan also involves hospitals, community healthcare, and NGOs to offer medical care, health education, and emotional support. From diagnosis to recovery—and even after a loss—this blueprint ensures patients and families receive the care and resources they need at every stage.

SKETCH&WIREFRAME

To bring the idea to life, I started with a low-fidelity prototype—simple, hand-drawn screens to explore how users might navigate the platform. I focused on key moments: checking blood pressure, finding palliative care knowledge, and joining community events.

INITIAL LOW FIDELITY

Alignment & Refinement

First iterations were presented to the interview participants. Gaining their valuable feedback led to further alignment and refinement of the solution I detailed.

Stakeholder Feedback

Participant #1

SUMMARY

Improving Homepage Clarity and Service Integration

The homepage lacks clear categorization. Currently, it only displays the patient's blood pressure and heartbeat records, but it should also include a structured history of previous blood pressure readings. Additionally, some information in the HEALTH SUPPORT section should be graded for better clarity. It should also allow the inclusion of relevant details about hospice care.

Improving Homepage Clarity and Service Integration

Before

Home page 1-Before

The naming of sections is a bit unclear

Lack of “Add Blood Pressure Record” function.

Lack of “blood pressure history” function.

Home page 2-Before

Unclear categorization of Support Functions

Life Support functions are not specific enough

After

Home page 1-After

Change the Health File into Blood Pressure

Add daily blood pressure measurement function

Add blood pressure history

Home page 2-After

Change the Health Support into Health Hub

Categorized Support Functions

Provide in-depth functionality for life support sections

Stakeholder Feedback

Participant #2

SUMMARY

Clear Differentiation and Search Functionality

I really like the Learn Page feature. However, I would prefer the activities to be clearly distinguished from the related knowledge content. Additionally, a search function would be helpful, as I sometimes need to quickly find specific content.

Clear Differentiation and Search Functionality

Before

Learn page 1-Before

Separate knowledge and activities

Lack of search function

Lack of category tab bar

Learn page 2-Before

Lack of search function

Lack of category tab bar

Lack of location function

After

Learn page 1-After

Replace the categorization with Relevant Knowledge and Activities

Add search function

Add category tab bar

Learn page 2-After

Add search function

Add category tab bar

Add location function

Design solution

Style Guideline

Design System

SUMMARY

The style guideline defines a warm, accessible visual system designed for patients and family members navigating home-based end-of-life care. It includes gentle typography, a calm and reassuring color palette, clear icons, and modular UI components.

Font

Regular

Semibold

Black

Lato

Large title

Lato Black

Subtitle

Lato Semibold

Heading 1

Lato Black

Content 1

Lato Black

Heading 2

Lato Black

Content 2

Lato Black

Button

Lato Black

Small Content

Lato Black

COLOR PATTERN

This color palette meets WCAG AAA/AA standards, ensuring readability for patients and families. Calming tones like Moonstone and Teal create trust, while neutral colors support clear visual hierarchy.

AAA
#0CC0D4
Moonstone
Primary Color
AAA
#028391
Teal
Accent Color
AAA
#000000
Black
Neutral Color
AAA
#FFFFFF
White
Neutral Color
AAA
#425062
Charcoal
Neutral Color
AAA
#CEF2F6
Light cyan
Secondary Color
AA
#E8E8E8
Platinum
Secondary Color
AAA
#9ABABD
Ash gray
Secondary Color

Iconography

UI Component

Final design

ONBOARDING

HIGH - FIDELITY

The ocean background symbolizes calmness and gentle movement, reflecting the journey of both patients and families in palliative care. Its serene waves convey a sense of peace, while the dynamic flow mirrors the monitoring of vital signs and the support provided during this crucial time, offering comfort and reassurance.

Final design

HOME PAGE

HIGH - FIDELITY

The "Home" page is a calm anchor point, where users can track blood pressure history and find support through the Health Hub. From health monitoring to end-of-life rights, each feature offers quiet guidance—helping patients and families feel informed, supported, and at peace.

Final design

LEARN PAGE

KNOWLEDGE SECTION

The "Relevant knowledge" section offers gentle access to articles and videos on heart health and end-of-life care, guiding users with calm and clarity through knowledge that supports their journey.

Final design

LEARN PAGE

ACTIVITY SECTION

The "Activities" section offers a calm space to explore end-of-life care workshops. Users can freely choose sessions based on their needs, time, and location—finding support that fits their journey.

Final design

discussion&

profile page

HIGH - FIDELITY

The "Discussion" page lets users share their stories and connect with others on similar paths. It's a gentle space for reflection, support, and meaningful connection—where no one navigates alone

usability testing

feedback

SUMMARY

I conducted usability testing with 8 participants—4 patients and 4 family members. Tasks included finding blood pressure records, exploring palliative care knowledge, joining community events, and more.

Validation

LEARNING

Key Takeaways

Palliative Care hashtags need to be larger for readability.

Users struggled with finding community health events; consider renaming the “Activities” tab for better clarity.

End-of-life rights section requires more in-depth legal content.

After Thoughts

This project allowed me to deeply reflect on the emotional and practical needs of patients and families during home-based end-of-life care. From initial research to final hi-fi design, I learned the importance of empathy, clear communication, and accessible support systems. While the journey had challenges—like balancing sensitivity with functionality—it also reinforced the value of design in creating meaningful change.

Next project

Keyihui Website Design