Navigation - header megamenu

Building the new navigation

Infermedica product reached the next level and transitioned into the Medical Guidance Platform. Our digital platform guides patients, clinicians, and administrators toward more meaningful health outcomes - from symptom to outcome.?

The new communication required a new approach on our website. Together with the new information architecture, we had to build the navigation from scratch.

I had the pleasure of designing the new website mega menu.

What was challenging in this project was the complexity of the new website architecture and differences in volumes of each menu section.

I've decided to create three types of menu items to show the hierarchy of information and to visually balance the volumes of the individual sections.

Below you will find the website map and screenshots of each section.

Hover and focus states

All menu item types required creating separate hover and focus states. You can take a look at how it was solved below.

Amazing people who also took part in this project:

• Aga Wi?ckowska & Magda Ko?ciańska?- Illustrators and Communication Designers, who prepared beautiful illustrations

• Agata M?odawska?– Project Manager

• Aleksandra Kwiecień?– Product Marketing Lead

• Tomek Tuz - Lead of Communication Design

• Adrian Czarnous?– Front-end development

& many others on the strategic stage.

Feel free to discover our navigation live at infermedica.com.

I would love to hear your opinions :)