AMANDA ANDRESEN
AMANDA ANDRESEN
Navigation
The journey towards meeting our user needs (and also AA compliance) includes ground rules for navigation. Both optimizing current navigational elements such as footer and mega menu, but also introducing bread crumbs as a helping hand.
Main menu
The mega menu was in need of a refresh, for multiple important reasons; the menu was not accessible, the users were having problems finding what they were searching for, and it was built on an outdated platform making its life expectancy run out by the end of 2025. I collaborated with our UX designer, who made a strong foundation for designing and (re)building the navigation.
Based on user behaviour and business requirements, we decided to sketch different UI designs to test on user groups. One example is that we had a notion that a dropdown menu with fewer clicks would win over a full page sheet structure, on mobile. Unanimously the sheet navigation with a larger hierarchy, but full focus on the navigational levels was preferred.
This menu launched 17th of May on our Business site, and 3rd of June on our Consumer site. We wanted to be quick-to-market and launch a fully functional but far from perfect first solution. We'll test sizing, animations and interactions alongside tracking and SEO as we go - and keep on optimizing and developing our UX and UI.
Bread crumbs & footer
Secondary to most, but an important part of the user's way around a website; footer and bread crumbs.
The bread crumbs were introduced a bit like the mega menu change; because the user's couldn't always find their way around. We made the decision to update our site map, causing many extra and hidden pages to be removed and a lot of content clustered. This was a fortunate site effect of structuring our site. The bread crumbs logic is being able to navigate backwards.
Mobile menu UI (2025)
Mobile menu UI (2025)
Desktop menu UI (2025)
Bread crumbs UI (2024)
Footer UI (2024)