Instagantt Industry Cases
Mauricio Gonzalez
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 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
Summary
- 1x CMS template
- 5x landing pages
- 2x new components
- 30x software mockups
Highlights
CMS Template
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.
Timeline
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.
Swiper.js slider
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.
Personalized mockups
We used existing mockups to create personalized visuals for each use case.
