TEAM // 3 Members PLATFORM // Website YEAR // 2017
Website Design Award – 2017
Website Design Award – 2017
PrescribeWellness is a SaaS company providing a platform for independent community pharmacies to compete in a digital age. The website’s homepage is B2C focused to show the benefits of using a local store versus a big box store. It also allows patients to search for their local pharmacy and see what services are offered at each location. The company had recently revamped the branding and website through a design agency, but noticed a significant drop in retention from the previous site. Our team was tasked to redesign the homepage to give users a smoother, cleaner and clearer experience to help reduce bounce rates.
Based off of Google Analytics and in-house testing we noticed:
- Scrolling through the site and navigation was slowed down by animations linked to sections.
- The messaging was lost from the amount of movement and colors in the background.
- Bounce rates increased significantly and users were not using the search function like before.
While staying within the newly created brand guidelines, we wanted to:
- Redesign the homepage to be a more functional and informative site.
- Deliver the benefits of shopping at local community pharmacy.
- Create a site with smoother navigation from beginning to end.
Although the site was beautiful, the lack of usability caused frustration with users. My role was to conduct testing based off of personas and pinpoint the exact problems. I was to then redesign the homepage using the information gained from these tests.
Personas were created from information given to us by the pharmacies in our network. Organized by our Client Support team, these demographics were used to build primary, secondary and negative personas.
A 20-minute test was performed on 4 participants using www.usertesting.com. These participants fell within the demographics of the primary and secondary personas. They were asked to perform a series of tasks based on the questions below for qualitative testing.
GOALS & OBJECTIVES
- Can a user easily describe who PrescribeWellness is/does?
- Does a user understand the purpose of this website from the homepage?
- Do they understand all of the benefits of using a local pharmacy vs a big box store?
- Can a user easily search for a local pharmacy near them?
- Using the filter option, can they find only stores that offer Flu vaccines?
- Can they book an appointment and find reviews?
- Mix of male and female; Ages 26-60;
- Mixed experience of internet usage; Novice to advanced
- Must visit a pharmacy regularly; At least once every 3-6 months
Scrolling works very strangely. There should be something more traditional. It is jumpy and gets “stuck”.
The animations in the background is too busy for me… There is so much happening, I can’t concentrate on reading what this site is even about!
Top navigation bar can be distracting. Especially when you get down into the page. The logo gets lost.
I understand that you can search for a pharmacy, but what is the difference between this and doing a Google search? This site is okay.
After taking all of the feedback received from the usability testing, I was able to sit down and translate it into new designs. I made sure to incorporate the feedback into the sketches, wireframes and final comps. The main objectives of the homepage were to quickly explain who PrescribeWellness is/what we offer, explain what the benefits of a local pharmacy has and of course search for a pharmacy using our platform. During this process, we had weekly standups with an outsourced development team to work on the staging site before pushing it out to the public.
SKETCHES & WIREFRAMES
I first created paper sketches of the homepage. I focused on creating a modular design. This allowed my team to swap and move layers to different parts of the page to do future A/B testing.
Multiple high fidelity comps were created based on the sketches and wireframes. Working with the stake holders, we were to decide on what content we wanted to be highlighted and in what order to make the best experience for the users.
The most important feature of the website is to search for a pharmacy, so we kept the search bar big on above the fold. But we also added it to the navigation bar to remain visible at all times and at the bottom of the site to remind users of the call-to-action. Other key features have been noted on the screenshots.