HTML, PHP, CSS, JS, Google ExactMetrics
California Right Meds Collaborative (CRMC)
CONTEXT
The "CalRightMeds" Collaborative aims to revolutionize chronic patient healthcare in California, and eventually in the nation.
​
The website targets potential collaborators (pharmacists), health insurance providers, and patients looking for health resources.
​
GOAL
The website's goal is to get more pharmacies to partner with the program and get insurers to buy into the idea.
​
THE OLD WEBSITE, AT A GLANCE
We'll discuss these in more depth in the next section.​
​
​
​
​
PROBLEMS IDENTIFIED
Data-Driven Insights
I was told that the Services page would be visited most often.
But when I installed Google's ExactMetrics and monitored website traffic to each page, I found that Services was in fact the least visited page!
​
The website also suffered from a bounce rate of 80% (avg. is 40-50%). So I honed in on making the home page look more enticing.
Functional Issues
Here are the features that needed the most improvement.
​
There were many ways to improve the aesthetics, but I would consider these "critical" issues, which either a) make CRMC look bad, b) misrepresent CRMC, or c) confuse the user.
Home Page
It doesn't make sense to have these. There are tabs that neatly organize content for Patients and Providers.
What does "For Health Plans" mean? I clicked on it, and it seemed to take me to a random page.
This paragraphs isn't very scannable, which is important for a first-time visitor.
The answer to "What is CRMC?" (the #1 question a new visitor will have) appeared as an item on this carousel. It should be static text.
Carousel auto-scrolls. Putting lengthy, critical information here causes user frustration (they have to read fast, lest they scroll back). Other interactive problems such as only the text being clickable (vs the whole image)
Unintentional horizontal scrolling on mobile view (not shown) makes the site look "broken".
IN SUMMARY
This page is cluttered, yet fails to tell us what CalRightMeds Collaborative does, or why it's important.
This explains the 80% bounce rate.
It's good that we are able to search the entire site, but the search bar shouldn't appear on the same page as the calendar.
The calendar used to be where the search results appear in the image (on "enter" the calendar is totally replaced), which confuses the user.
It seems like a "hidden" functionality, near impossible to locate unless you know to look under the Events tab.
Events
Services
Paragraph-style text over image looks "broken".
CRMC helps pharmacies implement the CRMC solution by providing services to pharmacies that want to collaborate.
This bolded sentence doesn't really explain that (neither does the home page), so the layman user is still confused as to what CRMC does, or why this "Services" page exists on the website.
Resources
This page lacks a title or description, making it hard for the user to tell what they're looking at.
Looks "broken".
The title of the page is shown here, in front of a beach.
The beach is irrelevant.
Sidenote
This beach background was on almost on all pages, and it felt "off" when it did not appear on seemingly random pages.
SOLUTION (work in progress)
You can view live changes
...or see some highlights here:
Home
Page
Short, compelling answer to "Why is CRMC Good?
Shows a pharmacist, a major player in the solution.
Very short answer to "What is CRMC?"
Uses images to engage.
The "Read More" link takes the user to the Services page.
(the rest of the home page is complete, but not shown)
Just-long-enough, sufficient answer to "What is CRMC?
A single, easy-to-understand statement.
Summarizes the rest of the page.
Answers "What is CRMC's specific role in these partnerships?"
Lengthier text, but looks like a side-note, so people who want to skim or people who already understand what it is can skip it without feeling like they've missed something critical.
Dictionary-like explanation of the service, Comprehensive Medication Management.
This list is the most important thing on the page, so we make it noticeable.
Icons make it easier to keep all of the items (CRMC will add more) in mind while reading through a list.