Carbon38 Product Details Page 

Laptop_Phone_Ipad.png

Project Brief

Carbon38 has been on the forefront of the athleisure trend, locking in 15 million dollars in funding from Footlocker in January. Despite its luxury branding, the website design was not consistent with Carbon38’s look and feel of its products. My job, as the sole UI/UX designer, was to elevate the Product Details Page, while making our customers feel catered to and special.

Human Goals

  • Make the customers feel catered to 
  • Mitigate sizing issues and concerns of shopping online
  • Provide styling services online (customer feels special) 

KPI Goals

  • Increase the add-to-cart click-through rate
  • Increase UPT
  • Increase the number of product discovery purchases

 


Desktop Design 

Current Design

 
Group 1.png

Re-Design

Desktop PDP.jpg
 
 
 

Mobile 

Current Design

Image 1.jpg

Re-Design

 

Complete the Look

Current Complete the Look Design

 

Currently, the "Complete the Look" features only one or two items on the left bottom corner of the PDP. It is 1) Very easy to miss and 2) Only allows room for up to two products to complete the look. There is no "Complete the Look" feature on mobile. 

 

Redesign of "Complete the Look"

Group 1501.jpg

Interaction Concept

 
Group 1503.jpg
 
Group 1504.jpg

Re-Design "Complete the Look" 

1) Allows Carbon38 to utilize the editorial photos that are already being shot for Social and Email campaigns. (More impactful ROI of editorial photos that cost significant amount of money( 

2) Helps customers envision different outfits in one item. 

3) Provides ease of use. If the customer likes on outfit, they may click on the plus sign to shop it right away.

4) Translates to mobile beautifully with the same functionality. 


Mitigating Sizing Issues

Recommended Sizing

Recommended Size.jpg
Recommended Size – 1.jpg
Mobile 1.jpg
Mobile 2.jpg
 

Showing Different Bodies

1.jpg