Laura Mercier
Sophisticated and authentic, strategic brand storytelling & virtual try-on builds customer trust and cart-size.
![Laura Mercier](https://cdn.sanity.io/images/a78u5s9r/production/c36434d6e607cd9c411ae013fc1136140e909e19-3000x1236.jpg?w=1920)
revolutionizing how to shop for makeup
Client
Laura Mercier
Year
2022
Role
Strategy, UX, Design
Platform
Shopify
Innovations
Multi-brand Module design system, virtual try-on integration, upgraded cart
Opportunity
While migrating from Salesforce to Shopify, Laura Mercier had a unique opportunity to infuse education and brand storytelling into their customer’s path to purchase. The look and feel of the new site needed the edginess of New York fused with the sophistication of Paris while touting the quality and authentic beauty of Laura Mercier.
Solution
The new site Guides the customer IN to product try-on and purchase using intuitive design, Trustworthy EDUCATIONAL content, and product storytelling that blends brand history and product benefits. Leveraging brand color and rich product Hues, the site effectively conveys Laura Mercier’s Complexion-first authority and creates a premium yet approachable path to purchase.
Effortless design inspires product discovery
deliberate product and brand STORYTELLING welcomes a younger audience and inspires customers to discover the perfect assortment of products for their unique beauty routine.
![Woman holding Laura Mercier setting powder](https://cdn.sanity.io/images/a78u5s9r/production/48238c419b6057564d779834f0c7abd94e2c7ced-375x771.jpg?w=600)
![Array of Laura Mercier lipsticks above a woman wearing lipstick](https://cdn.sanity.io/images/a78u5s9r/production/3ebe618de6a28fd1c815db6a8b1eca9528b717e8-375x771.jpg?w=600)
![A woman applying Laura Mercier tinted moisturizer blush](https://cdn.sanity.io/images/a78u5s9r/production/71409e17a937d73440402c45a59d44ec5391a4d0-375x771.jpg?w=600)
![Laura Mercier foundation landing page](https://cdn.sanity.io/images/a78u5s9r/production/4b79c45404c3195a7ad9d77e53e4fd8168e18f76-375x771.jpg?w=600)
![Laura Mercier cheek product landing page](https://cdn.sanity.io/images/a78u5s9r/production/b1c1d725f063ae02d15d443c5c5b9e8772031f05-375x771.jpg?w=600)
![Laura Mercier category array on mobile](https://cdn.sanity.io/images/a78u5s9r/production/6716fd0830ef6d9fdf8a3f31c51c669a6626779a-375x771.jpg?w=600)
![Mobile PDP of Laura Mercier's High Vibe Lip Color](https://cdn.sanity.io/images/a78u5s9r/production/ea4f5800c68804c7edcf2325ccb56e8144606fc4-375x771.jpg?w=600)
![PDP of Laura Mercier's Tinted Moisturizer](https://cdn.sanity.io/images/a78u5s9r/production/f10636d3ad5fa07cf7c7f2675d14b6725139333a-375x771.jpg?w=600)
![Shoppable module for Laura's Mercier's Caviar Stick Eye Color](https://cdn.sanity.io/images/a78u5s9r/production/52be98c0ed4e2a03d96d7f7b5b1219742e5a37b7-375x771.jpg?w=600)
![Laura Mercier blush product tiles](https://cdn.sanity.io/images/a78u5s9r/production/f0daeeef3871fecb17b5af0cc7f1f2179aaad716-375x771.jpg?w=600)
Virtual beauty to try before you buy
Laura Mercer's upgraded interactive beauty experience takes the guess work out of product selection and flawlessly guides customers to expand their laura product assortment from the comfort of their home.
![Desktop screenshot of Laura Mercier setting powder page](https://cdn.sanity.io/images/a78u5s9r/production/be6f65f867e5623361c143b69a7f968562d29b5e-1440x4231.jpg?w=1024)
![Desktop screenshot of a Laura Mercier PDP](https://cdn.sanity.io/images/a78u5s9r/production/b8e0c812a9b89bc681a11948184d3280e856defd-1440x4228.jpg?w=1024)
Elegance Meets Edge
Effortlessly blending the edginess of New York with the sophistication of Paris
![A woman wearing Laura Mercier makeup](https://cdn.sanity.io/images/a78u5s9r/production/44cbf05d5e52c45f219662948b51885ea6be7370-1200x1201.jpg?w=440)
![Laura Mercier setting powder](https://cdn.sanity.io/images/a78u5s9r/production/7d575f0f38c9408c0f0419e0126733086e0b0454-2400x1337.jpg)
![A woman wearing Laura Mercier makeup](https://cdn.sanity.io/images/a78u5s9r/production/44cbf05d5e52c45f219662948b51885ea6be7370-1200x1201.jpg)
The site’s visual aesthetic aimed to reach a broader consumer base by blending the sophistication of paris & the edginess of new york. Nodding to their flagship locations, we included arches and line work elements, bridging digital with brick-and-mortar.
We maintained focus on the “Flawless face” products to continue to engage Laura Mercier loyalists. To add additional moments of color, we elevated lipstick and blush products along with Product swatches and rich product imagery that creates a youthful look and feel that guides customers to add new products to their routine.
![Image of a Laura Mercier makeup product](https://cdn.sanity.io/images/a78u5s9r/production/118fbb076ef0a397ed318d8bdcfdb86d3fcd225c-1200x1201.jpg?w=440)
![Black and white image of a building in Paris](https://cdn.sanity.io/images/a78u5s9r/production/8c46b9b3da5099a4e3606e0ce8e2fce3c55a01a5-1200x1201.jpg?w=440)
![Bold Laura Mercier lipsticks with the caps off](https://cdn.sanity.io/images/a78u5s9r/production/b567faec67b16659dea735fa557c82c336e2f388-2400x3289.jpg?w=800)
“”