As a Senior Designer at W2O Group, I redesigned the Livalo HCP website.
The emphasis was on the data and core information since healthcare professionals are not interested in the marketing portion of the statin. Please note the data is from 2019. I collaborated closely with our User Experience Lead, who had collected user research and data from the website to implement into the redesign.
We needed to figure out a good solution on how to distribute information compared to other statins so it was not misunderstood by the healthcare professionals. Typography hierarchy and legibility were top priority so it was not mistaken which statin you were reading about. We also needed to work with legal restrictions like the important safety information, which could not be moved, and needed to be prevalent on every page the user visited.
Creating a simple, yet effective design system within the brand's language allowed the team to be flexible with how we laid out the content. Pharmaceutical data can be overwhelming to look at so we wanted to have a clear hierarchy of information for healthcare professionals to view it comfortably.
Megan VanBlarcom / Art Director
Loren Ruderman / Group Creative Director
Brian Rebels / UX Lead
Below is a mobile prototype for the website. Having the design be fluid for all different screen types was a priority and it was important to test how it would look in this format
By using Livalo's brand red and yellow as accents, it allowed me to think about how the other colors could be used in more subtle ways since those two drew the users' attention. For example, we could have our important interactive buttons be in the bright yellow to encourage healthcare professionals to click. I created a full system with character styles, button styles, colors, dropdowns, navigation and an icon style so that future designers can pull from this foundation.
While exploring how we would approach tables, I provided examples on how different tables could be read. The team landed on the left layout for legibility reasons. Overall, we liked how the tabs as a feature performed to showcase the different tables.
By using Livalo's brand red and yellow as accents, it allowed me to think about how the other colors could be used in more subtle ways since those two drew the users' attention. For example, we could have our important interactive buttons be in the bright yellow to encourage healthcare professionals to click. I created a full system with character styles, button styles, colors, dropdowns, navigation and an icon style so that future designers can pull from this foundation.
While exploring how we would approach tables, I provided examples on how different tables could be read. The team landed on the left layout for legibility reasons. Overall, we liked how the tabs as a feature performed to showcase the different tables.
Below is a mobile prototype for the website. Having the design be fluid for all different screen types was a priority and it was important to test how it would look in this format
I'd love to hear from you! Drop me an email at jackiechenhere@gmail.com or find me on twitter @squimshed, on Dribbble, and on LinkedIn.
