#
#
#
#

Problem

The current mobile navigation has several issues. Firstly, it is heavy on the performance of the page and the height of the navigation bar takes up some important screen real estate. This is especially noticeable on the landscape orientation. It also takes 3 taps to get to the product pages.

Solution

There are 2 solutions, the first one maintains the current path and keeps the 3 taps, the second solution involves 2 taps, but involves changing some of the architecture of the navigation which is controlled by a CMS. Due to I.T constraints, the first solution is most likely at this point in time. Both solutions address the issue with screen real estate and performance.

Prototype

I created a quick prototype in Framer JS to show the functionality of the hamburger navigation. This prototype demonstrates the 3 taps users would make to get to a product page through the Shop menu. Interact with the prototype below or click here to open in a new window.