Instagantt Industry Cases

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 a template for industry use cases and creating a CMS collection with content for each page.

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.

Example landing page: https://www.instagantt.com/use-cases/construction

1x CMS template

5x landing pages

2x new components

30x software mockups

A CMS template was built to speed up the development process and create a solid foundation for the team to update content in the future. The template features a timeline and a slider for showcasing Gantt chart templates.

After some talking, the team at Instagantt and I decided to craft a timeline layout, so the user can picture himself using the software for each use case. The line is animated on scroll to give a dynamic look and feel.

For the Gantt chart template cards, a slider was crafted using swiper.js. Buttons were included so the user could scroll, swipe, or use the buttons for navigation.

We used existing mockups to create personalized visuals for each use case.