cover.png

Headphones Shop Page | UI

A product display page for designer headphones that is fully responsive. This page highlights the form and color of the headphones. Using a brand style guide, my role was to design a shop page that heroes the unique style of these headphones. I collaborated with a UX designer, product manager, and a front-end developer to help make this page go live.

headphones_desktopfeature.png
iam+_0000_Layer-Comp-1.gif
Product View no. 1

Product View no. 1

First image shows the entire form along with color varieties.

Product View no. 2

Product View no. 2

This view crops in on the details of the product.

Product View Color

Product View Color

The user can select a color swatch to view the product in a different color.

Product on Model

Product on Model

User can view the product on a model.

Features Carousel

Features Carousel

This section of the page highlights a unique feature of the product as a carousel.

Tech + Specs

Tech + Specs

This section of the page allows the user to read the details of the product in all of its specs.

Social Share

Social Share

The user is able to share this page through these social share buttons.

Footer

Footer

In the footer, there is an option to expand each tab to learn more about products, support, or the brand.