Enhancing Global Content Management and Conversion

Enhancing Global Content Management and Conversion

Web Platform

Company

MSD / Merck Animal Health

Platform

Mobile and Desktop

My Role

UX Lead / UX/UI Designer

Overview

MyPet.com is a global web portal (live in more than 100 countries) owned by MSD (Merck Sharp & Dohme). It aims to connect its pet products with Pet Owners by offering a variety of content to empower them.

My Role

As a UX Lead and UX/UI Designer, I had two main roles in the project. The first one was leading a small team composed of 2 UX Researchers, mapping the business goals and requirements, managing the tasks, and contacting the Product Manager and stakeholders. As a UX/UI I was responsible for analyzing the requirements, conducting a heuristic evaluation of the current platform, designing the new platform, and validating with stakeholders in the US and Europe.

Key Problems

The large number of live websites was a challenge for the Global Marketing Team to manage, causing a significant impact.

Problem #1

Brand Inconsistency

The websites weren’t following the MSD design system so each website had different UI elements and structure.

Impact

Lack of authority because the users weren’t connecting the contents and products with the MSD.

Problem #2

Lack of Engagement

The current website had a lot of key components without any interaction and it could look like something was going wrong with the platform.

Impact

Low rate of engagement and increased bounce rate.

Problem #3

User Retention

The page structures were not designed to keep the user interested. After reading the article, there were no other actions that could direct the users to keep interacting with the website, access the products, or subscribe to the newsletter.

Impact

Low user retention.

Problem #4

User Conversion

The architecture information wasn’t designed to lead the user to the form or to the product list.

Impact

Low user conversion due to the lack of a clear flow.

Problem #5

Low Legibility

The content was visually inconsistent. The space between the paragraphs was too small, and the layout did not offer a good reading experience.

Impact

Low legibility of the primary content that should lead the user to the MSD products or form.

Heuristic Evaluation

Conducted a heuristic evaluation aiming to find out usability issues that could be improved, and extra suggestions based on design best practice. The Product Manager reviewed the documentation and prioritized the improvements.

Business Goals

Centralize All The Portals

Have a single global portal that would centralize all the back-end and front-end structures, making editable only the contents that can be different according to the markets.

Engage with Pet Owners

Become a key tool to engage with Pet Owners around the world to generate leads for the marketing team to work with.

Users Goals

Keep Pet’s Health On Track

Follow proper advice from specialists about how to take care of their pets.

Find Solutions

Find products and services that fit their pet’s needs.

Insights

Educate First, Sale Later

The first step is to educate the users by offering information about the subject. By doing that, we would help them make the best choice for their pet, and then we could offer a solution that fits their pet's needs.

Invite To Stay

We offer options so that users feel invited to keep searching and learning on the platform. By doing that, we are creating brand awareness and developing MSD's authority in the Pet market.

New Version

General Impact and Results

  • Generated a saving estimate of 660k US Dollars for the MSD and allowed them to shut down 33 websites so far;

  • Enhanced the readability for more than 45k monthly users throughout the US and Europe;

  • Generated a saving estimate of 660k US Dollars for the MSD and allowed them to shut down 33 websites so far;

  • Enhanced the readability for more than 45k monthly users throughout the US and Europe.

New Version

Impacts by Feature

Some impacts generated by the new design:

Some impacts generated by the new design:

Optimized the content search mechanism

Adding filters by species and categories made it easier to search for specific content on the platform.

Optimized the content search mechanism

Improved the UI

Adding filters by species and categories made it easier to search for specific content on the platform.

After analyzing the structure of the current website I designed new components based on the MSD design system and came up with a fresh look and feel.

Before

After

Enhanced the readability

Based on design best practices I updated the articles page focusing on creating a better experience for reading.

Redefined empty states

Included empty state feedback to help the user keep navigating on the platform.

Optimized the form for lead generation

Changed the form format and made it simple by removing the selector that opened other needed information for the users to finish.

Improved the UI

After analyzing the structure of the current website I designed new components based on the MSD design system and came up with a fresh look and feel.

Before

After

Enhanced the readability

Based on design best practices I updated the articles page focusing on creating a better experience for reading.

Before

After

Redefined empty states

Included empty state feedback to help the user keep navigating on the platform.

Optimized the form for lead generation

Changed the form format and made it simple by removing the selector that opened other needed information for the users to finish.

Extra Details

Desktop Version

Wireframes

Andrei Levandoski © Built with Framer

Andrei Levandoski © Built with Framer

Andrei Levandoski © Built with Framer