Essie

essie.com

essie has long been a go-to source for nail trends– inspiring devotees of all stripes, but the site experience was not living up to their trusted name.

In 2012, essie came to us with an ambitious task: make essie.com the ultimate color & trend authority for nail enthusiasts online. We did just that.

We created a socially-led site experience that inspires, educates and redefines the category. From a searchable color wall to on-hand nail art featuring models and user-provided looks, we used real user browsing behaviors to inform every design decision.

Created to capture essie’s salon heritage and to celebrate nail color and nail art as an essential form of self-expression, the new essie.com featured three core experiences: the Color Wall, the Looks Gallery and the Scoop.

70a30430c88c93c54e60367318488529ec34d7c4

01

The Color Wall

A recreation of the salon wall experience in digital. Click any shade in essie’s 250-color collection and you’re transported to an inspirational and informative product page, including nail tips, tricks, recommended products and high-impact, socially-shareable photos of each look.



A674e834dead86d3352bda9aaa3b8ff7211a8469

02

The Scoop

A searchable archive of every essie nail look that has appeared in the press, the red carpet or runway. The data visualization enables visitors to browse each color, view details on which celebrity wore it when, and click on press clips featuring that particular shade.

E99dc39892d3216c5aed2900a95581e2cfb42e34

03

Looks Gallery

A blog-like destination showcasing real polish on real hands. Code and Theory and essie collaborated on unearthing and generating original content, including a selection of animated GIFs of nail art how-to’s, step-by-step color application tutorials and fan looks, as well as nail care tips.

The Results –

While the 56% of visitors experienced the site through desktop browsers, 44% of visitors used mobile or tablet, speaking to the sites ability to present rich content in a responsive format.

  • Visitors that enter through essie looks spend 71.5% more time on site and share 19.4x more often than the average visitor.
  • Each piece of content on essie.com has been shared and average of: 66.9x on Pinterest, 7.24x on facebook, 1.06x on twitter
  • Average of 40k pins/repins from essie.com a month
  • Some hero shades have generated over 30x pins/repins from essie.com without any recent promotion by the brand

In the end, the new essie.com was more than just a site redesign. It was a category changing experience for nails. And there’s only more to come with the launch of the essie pro experience.

Meta Image 1200x627
Amazon

Ads that work as hard as you do

Code and Theory developed the integrated, global campaign connecting Amazon Ads with small businesses everywhere.

Read More
  • Proved Amazon Ads are made to match the right person, with the right business, right away.
  • Doubled traffic to Amazon Ads' dot com destination.
  • Produced a global, integrated campaign in less than six months.

Driving B2B Growth

Partnering with some of the world's largest companies to fuel their business-to-business expansion.

Evolving E-commerce to Fit Modern Audiences

We are shaping the digital transformation of the industry by creating strong connections between audiences and brands.

Leading With Empathy and Inclusivity

Having deeper conversations, widening the funnel, and driving innovation with an inclusive-first lens.

Screen Shot 2023 03 01 at 11 14 04 AM
Marriott Bonvoy

Reimagining Marriott Bonvoy as a Hub for Travel and Commerce

Evolving Bonvoy’s design system to be more modern and immersive while staying true to the core strong brand identity.

Read More
  • Mobile-First
  • Contextualized Conversion
  • Flexible Design and Content Systems
Black BoxBlack BoxBlack Box

Recognition

  • YETI x Code and Theory

    Innovation by Design

    Best in Marketing
  • Code and Theory

    Innovation by Design

    Design Company of the Year
  • Code and Theory

    Ad Age

    Agency A-List
Untitled design
Allspring

Speed to Market for a Portfolio Optimization Tool

Crafting a UI for a complex product through user input and clear data visualization.

Read More
  • Improving workflow processes through enhanced user interface design
  • Clear and simple data visualizations for complex data sets
  • Designing a roadmap to continue to iterate and optimize the product on a rolling basis post-launch

All Work

 2023

Says a Lot —

Latest

News — 

CampaignLive | Behavior as a prompt: Why AI’s ability to anticipate will change business forever

News — 

Code and Theory Wins Three Drum Awards For AI, Creativity, and UX with YETI and Tipico

News — 

Under Armour Launches UA Rewards with Masterclass-style Video Series, in Partnership with Code and Theory

News — 

Figma Names Code and Theory as Launch Partner in New Service Partner Program

News — 

Scout by Sutter Health™ Launches an App Focused on Resilience Building for Youth and their ‘Champions’, Built by Code and Theory

News — 

Code and Theory Network Wins Six W3 Awards

News — 

Facing the Future: A Guide to AI and Design Transformation

News — 

Amazon Ads Debuts First Small Business-Targeted Campaign