L'Oréal

Product Range Page Design & HTML Emails

A French personal care company, established as the largest cosmetics and beauty company in the world. Brands I worked for include Vichy, Skin Ceuticals and La Roche-Posay over a 3 week period.

Product Range
Page Design

A responsive page design for the Vichy brand. This needed a fresh look and had to stand out from similar pages on the site. I therefore used a warm colour scheme to give a summer feel and used background colours to make product categories more divided, making them easier to distinguish. A background image was used to make new products stand out.

Software used: Adobe Photoshop CC.

Mobile Design:
Hero section doesn't fit the full height of device screen to make clear there is further content to scroll through. Products are placed in 2 columns to reduce the amount of scrolling, whilst new products are made full width and placed infront of a background image to make them stand out.

show hero, suncare for face (2 column layout for products), suncare for body (2 column layout for products) new products (1 column layout to show more of product) SHOW THIS ALL AS 4 PHONES
show hero, suncare for face (2 column layout for products), suncare for body (2 column layout for products) new products (1 column layout to show more of product) SHOW THIS ALL AS 4 PHONES
show hero, suncare for face (2 column layout for products), suncare for body (2 column layout for products) new products (1 column layout to show more of product) SHOW THIS ALL AS 4 PHONES

HTML Email
Design & Build

Designed to promote Skin Ceuticals travel offers. I used a simple one-column layout to allow full width group product images, which can be seen in great detail for desktop and mobile devices. This layout also allows the design to be made responsive as well as easier to build and display correctly accross devices and email clients.

Software used: Adobe Photoshop and Dreamweaver CC.

HTML Email
Builds Only

A series of mobile-first emails that I coded, which were based on designs made by another designer before I joined L'Oreal. These were built using HTML and inline CSS and tested accross multiple devices and email clients before being sent out.

Software used: Adobe Dreamweaver CC.

Available For Work

If you’re interested in working with me or want to know more about my work, please feel free to get in touch!

Contact Me Back to Portfolio