
Mahindra Accelo
Built with: Html, Css, JavaScript
Saad Karim / May 6, 2023
Mahindra Accelo Website Development
The Challenge
Mahindra Accelo needed a high-quality website built from a detailed Figma design.
The goal: develop a pixel-perfect, fully responsive site across 9 pages, complete with parallax effects, multiple types of carousels, and an interactive location map — all while keeping performance optimized.
The Solution
I developed the Mahindra Accelo website from scratch using HTML, CSS, and JavaScript.
Each of the 9 pages was crafted to match the Figma designs exactly, ensuring a consistent and polished look.
Throughout the site, I implemented different types of custom carousels to showcase content dynamically and keep users engaged.
Subtle parallax effects were added to create a modern, layered feel without compromising speed.
I also integrated an interactive map highlighting Mahindra Accelo’s factory locations, making navigation intuitive.
The Result
- 9 fully responsive, pixel-perfect pages
- Multiple custom carousels for different content sections
- Smooth parallax interactions
- Optimized performance and fast load times
- Seamless factory location map integration
- Clean, consistent experience across desktop, tablet, and mobile
Today, Mahindra Accelo’s website is a strong, modern digital presence — combining speed, design accuracy, and interactivity.