OVERVIEW
The Shepherd Center is a healthcare facility that specializes in helping people who have suffered traumatic brain injury, spinal cord injury, multiple sclerosis, spine and chronic pain, and other neuromuscular disorders.
PROBLEM
The Shepherd Center's previous site has a lot of information, but that information was difficult to follow. There was not enough consistency with the website and brand. This lead Healthcare professionals to frustration using the Shepherd Center's website. Topics were difficult to find and navigation was more complicated than it should be.
SOLUTION
The team's goal was to help create a more intuitive website that would be engaging to the user but also easy to navigate. This would be evaluated by success rate, time-on-task, # of errors, and satisfaction. My role was to develop the Wires and a Prototype to bring into testing.
COLOR PALETTE
RESEARCH
I took some time to do some research and speak with some of the Healthcare professionals and patients to gather the proper information to make effective design choices.
Based on the information collected during the user interview with the Healthcare professionals and patients, my team learned that they're big on making donations, patient programs, and inspirational stories of patients whose lives changed for the better after being at the Shepherd Center. Also, they like to keep with any current news or events that is going on within the industry.
Based on the information collected during the user interview with the Healthcare professionals and patients, my team learned that they're big on making donations, patient programs, and inspirational stories of patients whose lives changed for the better after being at the Shepherd Center. Also, they like to keep with any current news or events that is going on within the industry.
WEB COMPARATIVE ANALYSIS
What these sites have in common?
They all showcase who they are seamlessly. Content is amazing, pictures and videos are everywhere highlighting the patient programs and and visitor information.
Pages with more pictures and than words are usually broken down to be more digestible to users.
All the sites have at least one unique feature making it stand out and different from most.
They all showcase who they are seamlessly. Content is amazing, pictures and videos are everywhere highlighting the patient programs and and visitor information.
Pages with more pictures and than words are usually broken down to be more digestible to users.
All the sites have at least one unique feature making it stand out and different from most.
PAPER PROTYPE
A paper prototype for both mobile and desktop was created to form the skeleton the layout. This helped give the team a rough idea of the look and feel we were trying to create.
WIREFRAMES: MID-FIDELITY
THE MOBILE AND DESKTOP EXPERIENCE
The primary purpose of the Shepherd website was for browsing patient programs, referring a patient, and making donations. So, creating a clean, user-friendly mobile was key. More than just stacking elements into one column for mobile, we considered the best way to navigate and filter content on mobile devices. We optimized the spacing and size of typography for phones and desktop so that the user is given the easiest experience no matter what device they choose.
REFLECTION
The solution had a very positive impact for the Shepherd Center. The donations section being the biggest one. Because the Shepherd Center is a non profit healthcare facility they relies a lot on donations. Having the "Make a Gift" section on the landing page made it easy not only for Healthcare professionals and patients to find and make donations, but also easy for outside vendors to make donations as well which caused an increase in profit sales for the Shepherd Center. Carefully planning your healthcare website around the needs of your primary users will ensure that you will end up with a website that satisfy both your visitors needs and achieve your business objectives.
View website
You can view the Shepherd Center Website at this link: www.shepherd.org/