Cosmedix

Art Direction & Design    |    Agency: BORN

Cosmedix is a professional skincare brand that was coming across too clinical for having gentle skincare formulas with no artificial ingredients. The new site's personality needed to be green, while keeping the efficacy of their professional products at the forefront.

While Cosmedix didn't have an abundance of lifestyle photograhy, they were doing a beautiful job with their Instagram content. I made sure to integrate this content into the product grid to help showcase products.

Their unique way of photographing articles in phones to showcase press on Instagram worked beautifully on the site.

We also utelized Cosmedix’s own instagram feed to create a shoppable area that encourages product discovery.

Product texture helps users to navigate through multiple categories. Product hovers also show product texture, bringing the customer closer to the in-store experience.

The blog highlights special ingredients, speaks about skincare science and educates in the absence of a live aestetician. Imagery is natural and human; supporting Cosmedix’s image as a gentle and green skincare brand.

The product detail page informs the customer when and how they should apply the product and gives tips from Cosmedix professionals.

The 'Complete Your Routine' section helps customers navigate around the product they are currently browsing to find a complimentary regimen.

The shopping experience on mobile is clean & painless to navigate. 

[unex_ce_button id="content_i1f6mq28r" button_text_color="#ffffff" button_font="regular" button_font_size="20px" button_width="auto" button_alignment="center" button_text_spacing="1px" button_bg_color="#000000" button_padding="10px 30px 10px 30px" button_border_width="2px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#000000" button_text_spacing_hover="1px" button_bg_hover_color="#ffffff" button_border_hover_color="#000000" button_link="http://jamiesheriff.design/work/moroccanoil/" button_link_type="url" button_link_target="_self" has_container="1" in_column=""]Next Project[/ce_button]