Healthcare-Site-Design

Overview

01 Problem

The lack of an accessible, user-friendly website limited engagement and resource access. A new site was needed to improve information delivery, navigation, and user engagement, fostering a more informed community.

02

Goal

The goal of this website was to provide a user-friendly, accessible platform that better serves the community by enhance engagement, streamline access to services, providing information, and addressing the needs of diverse community.

03

Process

Process began with user research to identify pain points, followed by low-fidelity wireframes to improve site structure. High-fidelity designs, incorporating brand identity were then finalized for development.

04

Role

Partnering with the UX team, I designed an intuitive, accessible UI and supported user research through surveys, interviews, and competitive analysis. The project was honored with the 2023 WebAwards Health Care Standard of Excellence.

UX Research

Project Goals

• Aligned with stakeholders on goals
• Define user goals and target audience
• Gather functional requirements
• Identify success metrics (KPIs)

Content Audit

• Inventory existing content
• Analyze site performance
• Identify content to update/delete

Competitive Analysis

• Competitive analysis of platforms
• Define user personas
• Conduct interviews/surveys
• Summarize user feedback

Wireframing and Prototyping

• Design high-fidelity wireframes
• Design content modules
• Create interactive prototypes
• Test interactive prototypes

Visual Design

• Apply visual design
• Follow branding guidelines
• Test prototypes
• Refine and iterate based on feedback

Hand-off

• Revise any last minute visuals
• Provide design assets and specifications to developers
• Ensure design implementation

User Stories

Maria G. 48 Marketing Director

Education: College Graduate
Martial Status: Married
Occupation: Marketing Director
Tech Proficiency: High

Marketing director and long-time LA resident, lives with her husband and two teenage sons. Recently diagnosed with diabetes, she’s dedicated to managing her health. Maria participates in local community center classes but struggles to find information on class availability. She’s tech-savvy and would love an easy way to check and reserve spots for her favorite exercise classes online.

Frustrations:

• In-person classes often full with no way to check availability
• Inconsistent schedules
• Limited diabetes management classes
• Poor communication from staff

Needs/Goals

• In-person classes often full with no way to check availability
• Inconsistent schedules
• Limited diabetes management classes
• Poor communication from staff
• In-person support and wellness classes
• Stay active for her kids and healthy for herself and her husband
• Simple, intuitive, and optional digital scheduling
• Receive class updates and reminders via phone or text

Yolanda M. 57 - Wellness Advocate

Education: College Degree
Marital Status: Separated
Occupation: Sales
Tech Proficiency: Medium

Lisa is a friendly, health-conscious woman who regularly visits the Community Resource Center to stay active and connected. She attends Zumba three times a week and never misses health screenings or cooking demos, all of which support her heart health, weight management, and healthy eating. She loves recreating budget-friendly recipes for her grandchildren.

Frustrations:

• No way to check class availability before arriving
• Inconsistent class schedules
• Classes fill up or get canceled unexpectedly
• Printed schedules are often outdated

Needs/Goals

• Stay healthy and socially connected
• Easily check class availability and updates online
• Reserve class spots and receive timely notifications
• Simple, mobile-friendly experience to plan ahead

Anita M. 68 - The Lifelong Learner Who Embraces Simplicity

Education: College Graduate
Marital Status: Widowed
Occupation: Retired
Tech Proficiency: Not too tech savvy

Anita, a longtime L.A. Care member and CRC visitor, needs a simple, intuitive website to easily find classes, services, and book appointments. With limited tech comfort, she prefers clear navigation, large text, and minimal clutter. Accessibility is key—mobile-friendly design and support for visual or mobility challenges help her stay engaged in her health independently.

Frustrations:

• Confusing appointment systems
• Limited support for visual or mobility impairments
• Difficulty finding relevant classes or resources

Needs/Goals

• Schedule appointments without frustration
• Use a simple, intuitive interface
• Read easily with large fonts and clean layout
• Support accessibility for visual and mobility needs.

Colors & Typography

The updated website introduces a fresh color palette and branding that aligns with L.A. Care’s core values of trust, inclusivity, and care. The new colors are both vibrant and calming, creating a welcoming atmosphere for users.

The updated design strengthens community connection, enhances brand recognition, and provides a more intuitive, user-friendly experience. New branding elements reflect the organization’s commitment to supporting its community.

#005AB2
R0, G90, B178
C100, M49, Y0, K30

#FCB715
R252, G183, B21
C0, M27, Y92, K1

#FB6004
R251, G96, B4
C0, M62, Y98, K2

#7A9A01
R121, G154, B1
C21, M0, Y99, K40

#586B7E
R88, 107, 126
C30, M15, Y0, K51

#D9D9D6
R217, G217, B214
C0 M0 Y1 K15