The Modus website first launched several years ago and we’ve since added a lot of great content - with new sections for XR, Mobile and In-field components joining our web components. The design and navigation of the site has largely remained unchanged though, and we were beginning to grow too big for it so we set out to redesign the way the site worked with a few key goals in mind: to improve consistency with the site design itself and the Design system guidelines, to make navigating faster and easier and to further improve accessibility throughout.
With our new left-side navigation panel with accordions you can now get to almost any page on the site from any other page which is a big improvement from before. The new side panel is fully responsive and is expanded (visible) by default on larger screens and can be toggled on and off.
Our improved navbar includes a new ‘Apps’ button on the top-right of the navbar gives quick access to our other Modus project sites along with a wider search input on the navbar has more room to show results on larger screens.
The improved accordion component used on the side panel now has full keyboard support, the navigation tabs now use
aria-current="page" as appropriate and the site has been tested and improved for use with a screen reader.
And because the values are displayed automatically they are now always correct and means we don’t need to manually manage them - saving us maintenance time and reducing the chance of errors creeping onto the site!
We’re not finished yet and have more improvements in the pipeline, but for now we hope you enjoy the new navigation and design.