The whole website is structured in modules. Each piece of content is housed in both a closed (excerpt) module and an open (full page detail) module. These modules enable pages to be made up of a mixture of agile content, allowing the user to make their own unique journey through the site.
In mobile, the main navigation is sticky at the top of the page at all times to provide quick and easy access to all areas of the site. The menu is situated on the right and expands from right to left, showing the main menu items. If a menu item contains a submenu, it is indicated with a chevron to the right.
In desktop, the main menu covers the space of the top part of the page. The product section is treated in orange, making it stand out in comparison to other menu items. Upon interaction, a submenu expands revealing submenu items related to the parent menu topic.
These are some of the elements used in the design of the website: AA compliant colour schemes, typographic and photography guidelines as well as a modular responsive design system. The overall feeling of the site is open, picking up flat design patterns to achieve a modern lightweight look.