PÜR

Art Direction & Design    |    Agency: BORN

PurMinerals dropped the “minerals” to become PÜR, choosing to take the brand in a bolder direction to distance themselves from their more "natural" roots. Our strategy team understood that makeup is no longer about finding your signature look, it's about embracing who you want to be today. That sentiment helped to shape the areas of the site that would inspire the customer.

The homepage shows the breadth of product, inspires and encourages product discovery with featured looks, products and user generated content.

Cosmedix were pros at creating beautiful content for instagram. We used this content to provide some nice visuals in areas like press that often go undesigned.

Every interaction of the product tiles were designed great browsing experience. Hovering gives you a view of the product's texture.

Clicking "more +" in the upper-right expands the swatch palette so you can easily see all of the shades available. Clicking the swatch changes the shade of the product you are looking at, making it easy and painless to browse.

Integrating catergory blocks into the product grid gets the customer browsing product without much noise to scroll through, orients them through multiple sub-categories and adds a unique visual touch to the page.

A very visual product filter helps customers find the right shade.

The product detail page is hard-working, providing professional education around product application.

We modified the "suggested products" section of the product page to make sure the site suggests complimentary products the way someone at PÜR would, by suggesting what should go over and under the product you are interested in.

The blog is a great opportunity to showcase PÜR's makup professionals with shoppable, inspirational content. 

Usually press pages are a throwaway, a graveyard for magazine clippings. We decided to make the press page a shoppable showcase of featured products.

Providing the same level of inspiration and interaction on the mobile site was paramount. 

[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://www.jamiesheriff.design/work/feed-projects/" button_link_type="url" button_link_target="_self" has_container="1" in_column=""]Next Project[/ce_button]