Instagantt New Navigation Menu

Mauricio Gonzalez

Web Designer
Webflow Developer
Prototyper
Figma
Webflow
Instagantt

Intro

Instagantt allows users to quickly convert task lists into Gantt charts and serves over 500,000 users worldwide. Although Instagantt revamped its website in 2023, ongoing content additions continue.

My role in this project involved aiding the team in designing new website components.

The main challenge was to execute these tasks while adhering to the existing design and maintaining consistency with established design principles for any new elements introduced.

Summary

1x navigation menu

Highlights

Navigation menu on desktop
Navigation menu on desktop

Navigation menu

After adding lots of new content like features and use cases, the team at Instagantt needed to update their navigation menu to make the content available to users.

After mapping the new content, a layout was designed to group elements of the same category. Each element has a title, a description, and an Icon to make it visually appealing. Fontawesome icon pack was used in the design.

On hover, the background of each element changes color to show it's being selected.

Mobile navigation menu
Mobile navigation menu

Partner With Mauricio
View Services

More Projects by Mauricio