DubCare

TIMELINE

Jan 2025 - May 2025

SKILLS User Research, Wireframing, Interface Design

SOFTWARE Figma

TEAM Elle Yamamoto,

Selena Liu, Annie Lam, Annie Huang

DubCare is a mobile website designed to help UW students seeking urgent care and insurance information. Our goal was to make the entire process of seeking care as informative, efficient, and comfortable as possible.

This site is a class project created during the UW HCDE courses 302 and 303, Foundations in Human Centered Design.

User Research

Through researching UW students’ experiences in navigating urgent care and insurance plans, we found key three areas that needed to be addressed:

Challenges in finding the corresponding urgent care that takes their insurance.
Non-transparent bills and fees during urgent care appointments that students aren’t aware of beforehand.
Having difficulties in managing wait time because there is not an accurate system.

Screenshot 2025-08-01 at 12.23.51 PM.png

Affinity Diagram of Insights Gathered From 4 Interviews

Using our research insights, we created 2 user personas and a user journey map, which also helped us establish our design requirements and goals.

Personas

User Journey Map

Design Requirements

Inform the patient of the costs before seeking care.
Present relevant medical information to the patient in a format that is organized and quickly found in one place.
Filter the patient’s applicable urgent care locations based on their insurance.
Guide patients through what they should know and ask at the clinic.
Assist the patient to join a waitlist when needing to make an appointment.

Design Goals

Encourage preparedness by educating patients about where and how to seek help before they have a medical need.
Provide the user more autonomy when seeking urgent care to foster trust and psychological well-being.
Have healthcare information be accessible and useful throughout the process of receiving medical care.

Initial Wireframes

Each team member created sketches for possible designs of the homepage. We selected the sketch pictured on the left as the option to move forward with and then created low fidelity grayscale prototype of the mobile site on Figma.

The information architecture of this first prototype was based on having a map section with the ability to find a clinic, and a learning section with educational content on insurance and urgent care.

Map Search --> Clinic Information --> Join Waitlist

Learning Page --> Urgent Care Guide and Learning Modules

Prototyping

Our next step was to create our design system, including colors, type, and iconography. After applying this design system to each page, conducting user testing, receiving feedback from industry professionals, and discussing improvements with the team, each page underwent many revisions. I designed the map page and below you can see the changes made.

Low to mid changes:

Reformatted website menu bar
Changed the format from a list to horizontal swiping cards to improve readability and organization.
Added bus commute time
Included a "See more" button to indicate the presence of the clinic page

Mid-fidelity

Mid to high changes:

Reformatted the page tabs again
Added a best match sorting option
Added a pop up info button
Added color change to out-of-network clinics
Increased font sizes
Added clinic type to cards

High-fidelity

Final Prototype

Walkthrough the final prototype of our website, DUBCARE, below.

Lessons Learned

This 20-week project of addressing urgent care accessibility for University of Washington students was a memorable learning experience for me, with many key lessons.

Being able to understand the scope of what you want to and are capable of accomplishing is important to establish from the beginning. Throughout the process, we spent a lot of time and energy going back and forth on what should and should not be included in our design.
Delegating tasks is a key skill. Splitting up the work between team members allowed us to accomplish a lot in a short period of time, as we had to work with assignment deadlines.
Design can be subjective. Different people will have different opinions on how your design should function. It's important to be able to think through differing perspectives to reach a design that serves as many people as possible. Being able to draw a clear connection between researched pain points and final design decisions strengthens the design.

View IKIGAI