Merck & MSD
Merck & Co Inc. is one of the world's leading pharmaceutical health care companies and have been at the forefront with medicines and vaccines for many of the world’s most challenging diseases in pursuit of saving and improving lives.
Lead UX Designer
The business goal: To create a positive company reputation by unifying the corporate narrative using three (3) reputation drivers:
I worked alongside another UX designer and took on the project as the lead UX designer. We collaborated closely with our Strategists to define content strategy and how that is translated onto the new website redesign. We had bi-monthly meetings with the client to define deliverable timeline, as well as present the new information architecture, wireframes, mockups, and prototype.
I was responsible for the following:
The design team worked alongside our Strategists to learn more about the website's users. We utilized the following research methods to gain insight on the existing website and strategize what the trajectory is for the redesign:
I sat in stakeholder interviews with Merck's Patients, Careers, Investor, Research & Innovation teams to understand what the user context and needs are. This was a crucial part of the research because it helped inform how information should be laid out for the different user journeys.
Decision journey maps were created for 4 general types of users:
The usability testing on the existing site provided content insights that should be considered for the new website:
With the new content strategy, it is important that we redefine how information is presented to the different personas. I was responsible for mapping out the information architecture for the entire Merck.com and MSD.com websites. Several information architecture workshops were held with the client and our internal team- this produced tremendous insights on how content should be grouped.
As an output of those workshops, I developed a sitemap and updated navigation that would address the needs of the users and meet the goals of the business.
In addition, content hierarchy on individual pages was extremely important to consider as it must align to different user journeys defined during the research phase of the design.
The existing sitemaps for both Merck and MSD website was poorly organized. The old menu displayed a long list of pages, which made it extremely difficult for any user visiting the website to find the information they were looking for. Navigation issues identified during customer interviews:
I underwent multiple iterations of the sitemap and presented to the different stakeholders (Patients, Investors, Research & Innovation, Media teams) to align on the grouping and hierarchy of information. This later heavily informed the navigation menu design. The key considerations I needed to address:
The Merck and MSD sitemaps are fairly similar, with the main difference being MSD website cannot show the following:
I designed 4 iterations of the navigation. Most of the iterations was due to naming of website sections and page names. However, the signicant change was the decision between having an exposed menu or a hamburger menu. This was later A/B tested in user testing.
The Patient & Caregiver persona describes people with an information need that relates to a condition they have, suspect they have, or is trying to protect themselves from. This includes consumers that are not necessarily diagnosed with a disease, but are (potential) users of Merck and MSD products.
Their key tasks include:
I presented 3 iterations of wireframes to the stakeholders to align on design before working with the Visual Designers to carry out the new brand guidelines and look and feel for the new redesign.
Both redesigned Merck and MSD websites went live Summer 2020.