Site audit and cross-functional team communication
Actively communicated with cross-functional teams such as marketing, brand, print, customer service, content, mobile, technical, sprint team to understand the issue and possible long term design solution. As a starting point, we looked into a couple of analytic tools to find out top visited pages on the site. I printed out those pages and presented to the work group so we can red line all the current design issues.
In order to build the user-centric user experience, we needed to build solid design foundation. There was some limitation using the bootstrap responsive framework. As a large organization, we needed well designed and open source design system that can unite brand, style, interaction, UX best practices and design principle in one. Google material design was the answer.
Re-brand effort is something that's new to Premera and it was a huge challenge. Some brand guidelines came from Blue Cross Blue Shield Association (BCBSA) at first and since Premera is an independent licensee they allowed flexibility to have its own identity. An agency helped to create some rebranding and following that guideline was the starting point for us.
We wanted to make sure that we look for open source fonts, easy to load, variable font weights, available language support. There was a mandatory requirement to increase the body font size at least 16 px from Center for Medicare (CMS). This is highly regulatory by Government so we wanted to make sure we follow this very closely.
An agency helped to create new brand color palate. Based on the design system we show the need for an accent color that we can use for call to actions (CTAs) on the web and mobile apps. For the accessibility purpose, we also ran color contrast check so we can be compliance-ready.
Icon consistency in the design is an important part of any design system. I helped to identify team two main icon types/categories system icon and another one is custom icons so we can avoid overuse of icons.
Web component is a library of custom built design units that can help build pages faster and easier. Already defined design rules for each component comes in handy while working in the agile environment. Buttons, cards, alerts, dropdowns, menu, list, data tables, slider, progress and more are the examples of the web components.
Information architect helps users with site navigation. Search is not a part of the current site so we wanted to make sure that users find what they are looking for easily and faster. We looked at our data set, industry standards, financial websites, and competitor's websites to start with. We designed some card sort activities, chalkboard study, 5 seconds test and more.
Page templates were specifically designed to support different page types such as homepage, landing page, detail page, and supporting pages. We also wanted to create different snap points (responsive design) within the templates to support desktop, tablet, and mobile views.