Introduction
Merck KGaA
Merck KGaA is a global pharmaceutical and chemicals company. They serve healthcare providers, patients, and consumers by providing a web platform showcasing their products and resources.
The challenge was around systemizing brand integrity. How might we create brand consistency so that all Merck websites (across 70+ countries) feel integrated under one brand umbrella?
Role: UI/UX Design, Interaction Design, Design System, Web Development Quality Assurance, and Rapid Prototyping.
Task
Building Merck's Design System, Bloom
I joined the team to understand and implement the client request for new components and templates for their content management system. Pages were built with editable components according to user preference. Each component would be adaptable across multiple device viewports. To streamline the creative process and unify all designs, I led the creation of a design system. Other challenges were to understand how mobile apps like WeChat can be integrated into the user login and registration process.
Using the Atomic Design approach by Brad Frost.
I joined the team to understand and implement the client request for new components and templates for their content management system. Pages were built with editable components according to user preference. Each component would be adaptable across multiple device viewports. To streamline the creative process and unify all designs, I led the creation of a design system. Other challenges were to understand how mobile apps like WeChat can be integrated into the user login and registration process.
Using the Atomic Design approach by Brad Frost.
Fundamentals
Each still focuses on a specific style and shows it ties to the Merck design system.
Each still focuses on a specific style and shows it ties to the Merck design system.
Atoms
Each still focuses on a specific style and shows it ties to the Merck design system.
Each still focuses on a specific style and shows it ties to the Merck design system.
Task
Visualizing the WeChat Registration & Login User Flow
WeChat Registration User Flow
This shows through a desktop experience the touch points of a user registering for a new account using WeChat.
This shows through a desktop experience the touch points of a user registering for a new account using WeChat.
Login User Flow
This shows the touch points of a user logging in with an existing WeChat+Merck account attempting to login.
This shows the touch points of a user logging in with an existing WeChat+Merck account attempting to login.
