L’Oreal: Redefining the world’s largest beauty brand in digital form

With a history spanning over 100 years dating back to its inception in 1909, the name L'Oreal is as recognizable as the brand products that stock the Macy's store shelves. And, with beauty as its foundation, it's only right that their web presence looks stunning from head-to-toe.

The Client

Barrel New York, L'Oreal Paris USA

Design Role

Art Direction, User Interface Design, UX Design

Project Focus

Retail Services, Marketing, B2C
Visit LorealVisit Website

A collaborative effort between a select group of designers and one of the worlds most historic clients.

I joined this project as part of a robust team of designers at Barrel NY, one of the foremost design agencies in the country. The collaborative effort was part of a eight month journey which encompassed re-designing the L'Oreal Paris USA website.

The challenge — taking the brands newly revamped design system aptly titled Website Factory, which was comprised of a myriad of components, modules and typography, and utilizing each part of the system to create landing pages. I was also tasked with designing new modules and components for both desktop, tablet and mobile.

L'Oreal Beauty Magazine:
Landing Page for L'Oreal Paris USA Beauty Magazine
The Tabbed Menu:
A component designed to showcase content and products.
The Article List:
A component designed to showcase the latest articles for L'Oreal Beauty Magazine.
The Testimonial Module:
A component designed to showcase testimonials, products and articles.

L'Oreal's tried & true editorial property, Beauty Magazine, get's an all new updated navigation.

With it's editorial sector always looking for new and innovative ways to highlight the latest beauty trends, L'Oreal's Beauty Magazine needed a redesign of it's navigation. Specifically a mega menu to bring a more open and luxurious feel when user's interacted with its content.

The approach was straight forward — implement a minimal design that stayed on brand and didn't compromise user experience. The new navigational layout is empathetic, takes into account reducing cognitive load, incorporates relevant imagery for each category and leverages smart spacing rules for balance.

L'Oreal Beauty Magazine Mega Menu:
A component designed for a better user experience.

Scalability

Refining the mobile experience.

Built on a fully responsive design system, and building off the minimalist approach to desktop, we ensured a smooth and seamless transition to mobile which included re-invisioning the navigation.