Calvin Klein — Product Detail Pages

Hey Dribble ??

We’re back, with more intel on our recent work with Calvin Klein.?

As part of a larger initiative to elevate and optimize the Calvin Klein ecommerce experience, we performed an overhaul on each of the product detail pages. Our goal was to introduce more editorial opportunities while amplifying the details and tools that increase conversion.

By creating a flexible design system, we enabled the CK team to enhance storytelling around new collaborations and hero products while elevating the brand aesthetic for the rest of the catalog.

The team built a flexible modular system that supports the elevation of each product type. Hero products, like the CK collaboration with Heron Preston, feature a collection of product and lifestyle photography, romance copy, video, and editorial content for a rich browsing experience. Accessories and other PDPs are more straightforward with a simple variation of the design. Our design system allowed for flexibility based on the given product or campaign but delivered a clear and elegant experience in any situation.

Shoutout to the team:

Nayeob Kim?

Chaitanya Alluru

Adrien Joulie

Sara Vienna

Check out the product pages on calvinklein.com

More by MetaLab

View profile