Build the Best Mobile Website Navigation (Good UX)

In this web design tutorial, I'll show you my thought and work process to create a user-friendly mobile website navigation that is NOT placed in the header and thus provides a better user experience. Design in sketch, implementation and animation in Webflow.

Every web designer secretly knows that the position of a so-called hamburger menu icon, the button that you have to press to trigger hidden navigation, is not really well placed in the header. At least when it comes to responsive website layout adaptation to smartphone size.