Best Buy

Process, Process, Process . . .

The Idea

Best Buy wanted to allow for quicker access to customer data. We accomplished this by expanding the existing Global menu to include easy access links directly to pages within their account home.

I worked closely with the IA (Information Architect) to determine the user flow and where the most pertinent information would be displayed.

Sitemap

The Idea

Best Buy wanted to allow for quicker access to customer data. We accomplished this by expanding the existing Global menu to include easy access links directly to pages within their account home.

I worked closely with the IA (Information Architect) to determine the user flow and where the most pertinent information would be displayed.

Wireframes

This stage includes developing low to high mock ups with the IA that clearly layout where and what information to be displayed. We worked with a Copywriter to make sure language fit with Best Buy™s brand. We also determined proper functionality, but final decisions were to be made once I brought things to life in photoshop.

Wireframe

Wireframes

This stage includes developing low to high mock ups with the IA that clearly layout where and what information to be displayed. We worked with a Copywriter to make sure language fit with Best Buy™s brand. We also determined proper functionality, but final decisions were to be made once I brought things to life in photoshop.

High Fidelity Mobile

We designed the mobile platforms first because of the large amount of data that would need to be present, and the notable size restrictions on a phone. Users would first see a list of their account links and some info about their Best Buy Rewards Status. Then drill down into a second layer of account links and more account specific data.

Large View

High Fidelity Mobile

We designed the mobile platforms first because of the large amount of data that would need to be present, and the notable size restrictions on a phone. Users would first see a list of their account links and some info about their Best Buy Rewards Status. Then drill down into a second layer of account links and more account specific data.

High Fidelity Browser

At this point I was tasked with turning the wireframes into something real. I use Photoshop, Illustrator and Sketch to make the layout look as close to reality as possible. I would follow Best Buys pattern library, and make sure the experience was as seamless and as identical to existing navigation patterns on BestBuy.com as possible.

Eventually additional account information would be added to this menu, so I had to design something that was easily extensible for the long term necessity. We purposed to first keep the information exposed, then leverage a collapsible accordion that would expose or collapse different customer accounts. Throughout this process I would showcase the progress with prototypes I made with the greater UX team, my UX manager, product owners and business owners.

Large View Large View

High Fidelity Browser

At this point I was tasked with turning the wireframes into something real. I use Photoshop, Illustrator and Sketch to make the layout look as close to reality as possible. I would follow Best Buys pattern library, and make sure the experience was as seamless and as identical to existing navigation patterns on BestBuy.com as possible.

Eventually additional account information would be added to this menu, so I had to design something that was easily extensible for the long term necessity. We purposed to first keep the information exposed, then leverage a collapsible accordion that would expose or collapse different customer accounts. Throughout this process I would showcase the progress with prototypes I made with the greater UX team, my UX manager, product owners and business owners.

Live Production

After approval from the Project Manager and the UX Manager, I would present the designs to the developers for live production. I would explain the expected behaviors and answer any questions they might have. During this process I would check in with the developers to make sure what they produced behaved and looked as we desired.

Should you like to check out the live version, just head to BestBuy.com and click on the Profile Icon in the global header!

Large View Large View

Live Production

After approval from the Project Manager and the UX Manager, I would present the designs to the developers for live production. I would explain the expected behaviors and answer any questions they might have. During this process I would check in with the developers to make sure what they produced behaved and looked as we desired.

Should you like to check out the live version, just head to BestBuy.com and click on the Profile Icon in the global header!