DISH for Microsoft

A Seller-Enablement Portal

*I worked on the restructure of information architecture, production of new designs, and backflow.

An internal Microsoft site that improved consumption of materials to help sellers sell.

Personal RFID technology enabling 360º degree interactive content of Gatorade's partner facilites and expert interviews.

Personal RFID technology enabling 360º degree interactive content of Gatorade's partner facilites and expert interviews.

anglesurface

the problem

To put it simply, there was too much information that was too hard to find. My coworker (another UX designer) and I put our noggin's together, did our best to figure out pain points, and came up with a list that was agreed upon by our stakeholders:

  1. See the information that's pertinant to your specific role faster - digging for info takes precious selling time
  2. Pair down the content - it's overwhelming and some information isn't relavant anymore
  3. Flatten out the nav - the less clicks, the better
  4. Microinteractions - bring the design into the 21st century

Over 50 12k, 360˚ photos of Gatorade partner facilities including 96 interactive video interviews with athletic staff placed within the custom Unity developed experience.

* In retrospect, if the opportunity to do research was there, here is my "just enough" plan (because sometimes you have to work with what you've got):

  • Get access to the online user feedback data - what are peoples' unsolicited complaints?
  • User interviews with at least 2 people per role (~8 roles) - day in the life, how do you use this tool?
  • Audit of the current site - from a techincal UX perspective, what can be better?
dish_before

A page from the original site we were working with. Content, boxes, wheels, oh my!

 

the process

Taking what we knew, and dealing with a pretty excellerated timeline, we got down to business. Starting with general research focusing on information heavy websites, then moving into a simultaneous process of information architecture edit + restructure and sketches, and ending with wires, functionality, and visuals. We collaborated on all decisions: functionality, ux, layout, and final visuals.

RFID enabled G Bands activate faceplates lined with LEDs that change color when activated. These activate personal attendee accounts which are tagged with recommended content for them, based off how they answered questions within the registration process.

RFID enabled G Bands activate faceplates lined with LEDs that change color when activated. These activate personal attendee accounts which are tagged with recommended content for them, based off how they answered questions within the registration process.

Early prototypes of layout and interaction

WhatsFresh_Route
SalesPlays_Redesign

Global pages (above) and role specific pages (left).

final output

Balancing the stakeholders request of "making it cool" and them giving us inspiration like Nike and Aston Martin, we tried to pull in 1 for 1 the agreed upon list of features.

  1. We worked tirelessly with the team to help them pair down their content, really getting into the nitty gritty of what a seller needed to see.
  2. We auto logged sellers into their siloed role so they could get to information pertaining to them faster, but made sure there was a place to see global information.
  3. By auto logging sellers in, this also helped to flatten out the navigation, showing more pointed pages at a higher level.
  4. Last but not least, we pulled in microinteractions and smoothed out transitions to "make it cool" and give the feeling of a classy, suave, high-end informational system.

THE DREAM TEAM

THE DREAM TEAM

THE DREAM TEAM

Microsoft Inside Sales  |  Client

Uptop  |  UX, Visual, Dev

Mirror Show Management  |  Event Agency

Demodern  |  Digital Agency

KaiCon  |  Video Content

Fleishman Hillard  |  PR

Cheshire  |  AV Production

Mirror Show Management  |  Event Agency

Demodern  |  Digital Agency

KaiCon  |  Video Content

Fleishman Hillard  |  PR

Cheshire  |  AV Production

twitter
insta
linkedin
unsplash

©AbigailLynn 2017