GLOBAL NAVIGATION

The global navigation is the first thing users encounter at the top of the site and getting the experience right allows users to easily find products, access their account, and checkout items in their cart.

I was tasked to define a north star vision of what our global navigation and header could look like. I was in charge of the design vision, concepting, and working with other members from experimentation to stakeholders to gain insight and feedback.

COMPETITIVE ANALYSIS: Starting out by looking at other sites was a great way to see a wide spectrum of applications and how they approach their layout. I could quickly see various types of methods and saw patterns that started to emerge. I found that the clean and simple layouts were the easiest to understand, but due to the complexity of Microsoft sites, the global navigation would have to achieve being intuitive while providing enough information for all users.

DATA & ANALYTICS: Without really knowing how the current site is performing, it would be hard to address and solve areas of opportunity. Diving into Adobe Analytics and ClickTale data, I was able to see where the hotspots were and what items didn't receive as much engagement.

CONCEPT EXPLORATION: Using data analytics, insights, and competitive analysis reports, I came up with a few concepts to present to our stakeholders. It was a good way to get initial readings and whether or not it met the business strategy.

INTERACTION & VARIATIONS: To show how the navigation could behave on both mobile and desktop, I created various comps and strung them together in a prototype to help illustrate how it would function.

CURRENT PROGRESS: This project is in progress, but there were many areas that were resonating well with the stakeholders. Since the navigation will impact clickthroughs, further testing will need to be done to see how it will impact, not only engagement, but conversion as well.


Surface configurator
Cart and checkout
Answer Desk
image of frog
adobe elements in store app
Astrojump
Navigation
Answer Desk
Microsoft account
Homepage exploration
Enhanced landing pages
Answer Desk
Signature experience
Bed Bath and Beyond
The Curious Kid
Vizio
Back to school
List page
Vector artwork