Crocs

Overview

Refreshing the Crocs’ website to reflect the brand’s playful and colorful energy. This responsive design removes unnecessary and repetitive clutter and implements a customizable feature to the site.

My Role

UI Design

Tools

Figma
Adobe Illustrator
Adobe Photoshop

Duration

12 Weeks

Problem

Crocs’ fun and playful energy is not translated into their website
‍
Overcrowding and repetitive information display, making it difficult to navigate the site

Lack of attention on Crocs’ customizability and large inventory

Solution

Incorporate visual language that is more aligned with Crocs’ archetype through color, icons, and motifs

Incorporate visual language that is more aligned with Crocs’ archetype through color, icons, and motifs

UI Design

Homepage

Large, full-bleed shapes used as containers uphold the boldness of the Crocs brand
Products displayed largely to highlight details
Call to actions made clear with no clutter to direct user quickly

Customize Your Crocs!

We wanted to leverage the popularity of Crocs' classic shoe by implementing a customizable feature for the Clog.

Customize the base, Jibbitz charms, strap, and lining of your own shoe.

Outcomes + Next Steps

Outcomes

Accentuated brand look and feel so users associate brightness and boldness with the fun brand that Crocs is.
Reduced amount of clutter to make website more navigable, uncomplicated, and easy to understand.

Next Steps

Continuing this project, I would like to implement more animation and micro-interactions. Crocs is such a playful brand and making the site mimic that playfulness would push it to the next level.