CROCS
THE CHALLENGE
THE CHALLENGE
Problem:
Crocs’ website felt more functional than engaging, making the shopping experience feel less connected to the brand’s fun and playful personality.
Solution:
A more fun, interactive, and visually engaging e-commerce experience that reflects Crocs’ playful identity while keeping the shopping journey simple and intuitive.
CROCS — REIMAGINING THE DIGITAL EXPERIENCE
CROCS — REIMAGINING THE DIGITAL EXPERIENCE
The visual direction of the Crocs experience focuses on a playful, bold, and contemporary aesthetic. The use of color, composition, imagery, and graphic details creates an energetic interface while keeping the overall experience clean and approachable.
The visual direction of the Crocs experience focuses on a playful, bold, and contemporary aesthetic. The use of color, composition, imagery, and graphic details creates an energetic interface while keeping the overall experience clean and approachable.
BRINGING THE EXPERIENCE TO LIFE
BRINGING THE EXPERIENCE TO LIFE
I transformed the visual direction into an interactive digital experience, exploring how motion, interaction, and interface elements could make the Crocs shopping journey feel more engaging and expressive.
I transformed the visual direction into an interactive digital experience, exploring how motion, interaction, and interface elements could make the Crocs shopping journey feel more engaging and expressive.
I transformed the visual direction into an interactive digital experience, exploring how motion, interaction, and interface elements could make the Crocs shopping journey feel more engaging and expressive.
CUSTOMIZE CROCS. YOUR WAY!
KEY TAKEAWAYS
Give your Crocs a personal touch with AI-powered customization. Mix, match, and experiment with unique designs, colors, and Jibbitz to create a look that’s unapologetically you. Powered by AI vibe coding in Figma Make, this feature turns your creativity into wearable self-expression.
Give your Crocs a personal touch with AI-powered customization. Mix, match, and experiment with unique designs, colors, and Jibbitz to create a look that’s unapologetically you. Powered by AI vibe coding in Figma Make, this feature turns your creativity into wearable self-expression.
VISUAL LANGUAGE
VISUAL LANGUAGE
I created a visual system that brings together color, typography, icons, and graphic elements to establish a consistent visual identity across the digital experience.
I created a visual system that brings together color, typography, icons, and graphic elements to establish a consistent visual identity across the digital experience.
I created a visual system that brings together color, typography, icons, and graphic elements to establish a consistent visual identity across the digital experience.
UI SYSTEM
UI SYSTEM
A responsive interface system was designed across desktop and mobile, including navigation, buttons, grids, footers, and reusable components to create consistency throughout the experience.
A responsive interface system was designed across desktop and mobile, including navigation, buttons, grids, footers, and reusable components to create consistency throughout the experience.
A responsive interface system was designed across desktop and mobile, including navigation, buttons, grids, footers, and reusable components to create consistency throughout the experience.
DESIGN PROCESS
DESIGN PROCESS
The project began with audience and brand research, followed by competitive analysis and wireframing. These insights helped shape the structure, hierarchy, and overall direction of the final experience.
The project began with audience and brand research, followed by competitive analysis and wireframing. These insights helped shape the structure, hierarchy, and overall direction of the final experience.
REFLECTIONS
REFLECTIONS
Give your Crocs a personal touch with AI-powered customization. Mix, match, and experiment with unique designs, colors, and Jibbitz to create a look that’s unapologetically you. Powered by AI vibe coding in Figma Make, this feature turns your creativity into wearable self-expression.
Give your Crocs a personal touch with AI-powered customization. Mix, match, and experiment with unique designs, colors, and Jibbitz to create a look that’s unapologetically you. Powered by AI vibe coding in Figma Make, this feature turns your creativity into wearable self-expression.