Denon E-Commerce Site

UX/UI Design

Challenge

Design an e-commerce experience using Denon’s existing brand standards for the new line of products. The site must be easy to navigate, download and compare product information and specifications, and work flawlessly on all devices.

Solution

Build the site using the Shopify platform with custom designed templates and simple CMS integration. Apply a selective but intentional color palette to direct the user’s focus to the products and not become distracted by surrounding elements.

wireframe responsive layout

The purchase option was the most prominent action and demanded the most amount of attention. Almost as important was the pricing and specification comparisons to help influence the purchase of the item.

tablet closeup desktop & tablet

The UI featured a tabbed chart for the specifications and comparisons that allow easy side-by-side viewing and color coordination to designate the product lines. The layout remained fluid then collapsed at mobile widths to maintain a grid structure within all device sizes. Product shots were kept clean with abundant white space to focus on the product details without extraneous elements. A quote box motif was used selectively to hint towards the audio and vocal quality of the product.