UX Design

Shepherd Center
Website Redesign

A user-centered redesign for one of the nation's leading rehabilitation hospitals

UX Design Wireframing Prototyping User Research Responsive Web Design
Client
Shepherd Center
Year
2017
Discipline
UX Design
Role
UX Designer
Shepherd Center website redesign shown on laptop
Overview

Shepherd Center is a nationally recognized nonprofit rehabilitation hospital specializing in the treatment of spinal cord injuries, traumatic brain injuries, multiple sclerosis, chronic pain, and other complex neurological conditions.

As part of a multidisciplinary design team, I contributed to the redesign of the Shepherd Center website to improve navigation, strengthen the organization's digital presence, and create a more intuitive experience for patients, caregivers, healthcare professionals, and donors.

My primary responsibilities included creating wireframes and interactive prototypes that translated research insights into a user-centered web experience.

The Challenge

The existing website contained a wealth of valuable information, but its structure made it difficult for users to locate the content they needed quickly.

Common issues included:

Because the website served multiple audiences, including patients, families, physicians, and donors, the challenge was creating a unified experience that supported each group's goals without overwhelming them.

My Role
UX Designer

I collaborated closely with designers and stakeholders throughout the design process to ensure the final experience reflected both user needs and organizational objectives.

User research Wireframing Low-fidelity prototypes Interactive prototypes Information architecture Mobile-first layout planning Usability testing support Design iteration
Color Palette

The interface was designed using Shepherd Center's brand colors to create a clean, trustworthy healthcare experience. The visual language emphasized accessibility, readability, and confidence while supporting the organization's nonprofit mission.

Primary Blue #00649D
Secondary Blue #2E85BF
Gold Accent #EFC111
Black #000000
White #FFFFFF
Research

Before designing solutions, we conducted research with healthcare professionals and patients to better understand how they interacted with the website. Our interviews revealed several recurring priorities.

Users wanted quick access to:

The research also highlighted a desire for simpler navigation and more visually engaging content that reduced the effort required to find important information.

QWhat would you say is the problem with Shepherd's website?
ADefinitely the navigation. Some of the menus and links are either hard to find or don't work on my phone. Also, the donation section is hard to find. It's not on the main page, and the page that it is on, the donation section is located at the very bottom of the page.
QDo you think the Donation section should be on the main page?
AAbsolutely! As a not-for-profit hospital, Shepherd Center relies on generous philanthropic support from individuals, families, corporations, and foundations. So having the Donation section on the main page is definitely a must.
QAny other things you would like to see on the main page?
AThe patient programs and inspirational stories. Shepherd has a lot of patient programs. It would be great to showcase all of the things we specialize in. Inspirational stories would serve other patients well. Being able to see someone who went through, or is currently going through, gives the patient hope that there is a light at the end of the tunnel and their life doesn't end because of their condition.
QAs a patient, do you find anything confusing about Shepherd's website?
AYes, the information is very confusing. The information is difficult to understand because words like abdominal, cranial, digital, and femoral are terms I don't really understand. I didn't go to medical school, so I don't understand these terms. It would be great if the words being used were words I can understand.
Competitive Analysis

To better understand expectations for modern healthcare websites, we evaluated several comparable organizations. Across these sites, we observed consistent design patterns:

These findings helped inform our approach while ensuring the redesigned experience reflected Shepherd Center's unique mission.

Design Strategy

Rather than focusing solely on aesthetics, we centered the redesign around the tasks users visited the site to complete most often.

Priority experiences included:

This task-oriented approach influenced both the site's navigation and overall information architecture.

Prototyping & Wireframing

My primary contribution was translating research findings into interactive wireframes and prototypes. I first created low-fidelity paper prototypes for both desktop and mobile experiences to quickly explore layout concepts and validate navigation before investing in higher-fidelity designs.

Once the overall structure was established, I developed interactive prototypes that were used during usability testing to gather feedback and refine the experience prior to development.

Responsive Experience

The redesign was planned with responsive behavior in mind from the beginning rather than treating mobile as an afterthought.

Design considerations included:

The goal was to ensure users could complete key tasks regardless of the device they used.

Final Result

The redesign produced a modern, user-centered website experience that made key information easier to discover and important actions easier to complete. The new experience emphasized:

Simplified navigation
Clearer information architecture
Stronger brand consistency
Improved mobile usability
Greater visibility for patient programs and donation opportunities
More engaging storytelling through patient success stories and organizational content
View Website ↗

Note: Shepherd Center has since launched a newer version of its website. This case study showcases my design contributions to the 2017 redesign.

Reflection

This project taught me that effective healthcare UX extends beyond visual design. It requires balancing the needs of multiple user groups while ensuring critical information remains easy to find.

One of the biggest lessons was the importance of prioritizing user goals over organizational structure. By organizing content around the tasks people came to accomplish, rather than how the organization was internally structured, we created a more intuitive experience that better supported patients, caregivers, healthcare professionals, and donors.

It also reinforced the value of early prototyping and usability testing. Identifying navigation issues during the design phase allowed the team to refine the experience before development, reducing costly revisions later in the project.

🔒

Protecting Client Confidentiality

Throughout my career, I’ve partnered with organizations across healthcare, financial services, technology, and telecommunications to design learning experiences, digital products, and communication campaigns.

Because much of this work contains proprietary information, internal processes, or confidential business content, the portfolio examples presented here have been selectively edited. Rather than displaying complete courses or full project deliverables, I’ve included representative sections that demonstrate my design thinking, creative approach, and technical execution while honoring the confidentiality and trust of the organizations I’ve worked with.

Protecting client information is just as important as showcasing my work.

Back to Work
me + you — peace Now Playing
0:00