A photograph of an Alexa retail display in Best Buy. The display has a range of echo devices on display and a large totem wall with a graphic that says 'Welcome to your Alexa home"
Amazon

Retail Experience and Design System

Background

Amazon partnered with Indigo Slate to refresh the in-store brand experience at Best Buy. In our first project, we worked with the Alexa team to redesign the Alexa Supertable display featuring Echo, Blink, and Smart devices across the experience. After the initial design stage for this project, the team onboarded me to refine the designs and create screens for 56 products, develop the design system, and assist with the rolling handoff of a UI design component library with an external development team. Given my experience with the system, I was kept on the project as we assisted Amazon with the Kindle and Fire Tablet display refresh.

Retail UI

With my art director, I pitched multiple visual approaches internally based on Amazon's updated branding, mapped out the possible user flows, and created wireframes and high-fidelity mockups based on internal and external feedback. My work also included making the updated table work within the design system while embracing the Fire Tablet and Kindle brands.

The 4ft long touchbar would be an endcap display with information about 3 Fire Tablets and 2 Kindle e-Readers.

A merch strip created for the Kindle Best Buy table. In this display, Kindle devices were oriented to the right of the 4 ft table and thus the core UI was moved to the righthand side of the table
A view of the product detail page for the Kindle Paperwhite
The product detail page for the Kindle Scribe

Design system

The design system began with the Alexa Supertable and grew to include Kindle and Fire during this project. I utilized color variables in Figma to make updating the system to other sub-brands more manageable and altered existing components to suit the audience's needs when shopping for a device.

The semantic color swatches section of the figma component library
The global color swatches section of the figma component library

Printed graphics

Each table featured a print backer graphic highlighting the latest product photography in context, as well as a printed merchandise strip that shows highlights about the products on display.

The Kindle retail display with a mockup of the printed merchandise strip and backer graphic promoting generation 1 of the kindle scribe
An isolated view of the kindle scribe backer graphic
An isolated view of the kindle table merch strip featuring the scribe, paperwhite, kids, and original kindle devices
The fire tablet retail display with a mockup of the printed merchandise strip and backer graphic promoting the fire max 11
An isolated view of the fire max 11 backer graphic
An isolated view of the kindle table merch strip featuring the fire max 11, fire hd 10, fire 7 kids, fire 8 kids, and fire 10 kids pro tablet devices