Skip to the content

Marc Jacobs Beauty

Brief

I had the pleasure of working with a talented team of designers, UX and project managers at PFSweb agency and LiveArea. We were tasked with refreshing the Marc Jacobs Beauty's digital retail experience on SalesForce Commerce Cloud. Our focus was to reorganize some pages for SEO, increase functionality, responsiveness and elevate the brand and story using best practices. 

 

Our starting point

The first thing you do when taking on a website refresh is analyze the existing website. We take notice of design, how it functions, flows and branding. We looked for areas where we can improve. 

Marc Jacobs Beauty Jan 2018 Before

Mobile analysis

I wanted to check out the footer, mobile nav and search functionality. We saw some great ways to improve design and functionality. 

Concepts

The LiveArea team presented a number of concepts in which we refined over a few rounds. We wanted to elevate the brand using an editorial feel and mix up the use of color and black and white photography. We also presented a navigation search icon functionality combination. We wanted to make sure there were interesting content blocks for promotions or product launches.

UX is a dream

It is so nice to work with experience UX designers who really understand SEO and functionality. We worked together to design navigation drop downs, search results, PDPs, quick view, category landing pages and sorting/filtering functionality options. 

Drop 1

We delivered our designs in phases to MJB's developer team. For drop 1 we focused on refining the homepage, category landing page, collection page, navigation and search drop downs for desktop, tablet and mobile. 

Homepage, navigation and category landing page

Drop 2

For this phase we focused on social for the homepage, video landing page, search results, sub category landing page and its filter and sort designs and functionality.   

Drop 3

For this phase we focused on About, Editorial landing, Blog, quick view and PDP variations. 

Final Solution

We are really excited and proud of the work we did together. We also hope to see that some of the challenges and limitations come to fruition in launches to come. View site >