Project

Product Switcher

Product Switcher

Product Design position at
Problems to solve

There is no easy way to switch between the the newly launched products

There is no easy way to switch between the the newly launched products

Switching between the Learner Home and Admin area was not very user friendly

Switching between the Learner Home and Admin area was not very user friendly

Old navigation bar

No way to switch to a different product yet

No way to switch to a different product yet

No way to switch to a different product yet

The discoverability of switching to the admin area (Manage Live, where “Live” is the org name, the demo environment in this case) is too low

No way to switch to a different product yet

The discoverability of switching to the admin area is too low

Solution

Solution

One of the challenges we had to deal with is that the navigation has to support branding through the use of a custom color and an organisation logo

One of the challenges we had to deal with is that the navigation has to support branding through the use of a custom color and an organisation logo

Early sketches

Initial explorations

Explorations

The original

This project allowed for the opportunity to update the styling of the navigation as well

This project allowed for the opportunity to update the styling of the navigation as well

This is where the first iteration of a dedicated product switcher came to life

This is where the first iteration of a dedicated product switcher came to life

Testing with different branding
Optimizing for different breakpoints
The Product Switcher in different scenarios

End Result

End Result