🚀 A creative and interactive redesign of the KitKat website, bringing together chocolates, nearby KitKat stores, ice creams, and biscuits in a visually engaging format. This project was built as part of the Reimagine Web hackathon by Sheryians, focusing on immersive web experiences with smooth animations and seamless navigation.
KitKat is more than just a chocolate bar—it's an emotion! Our goal was to capture the essence of the brand and elevate the digital experience by:
Showcasing KitKat chocolates in an interactive and engaging way
Helping users find shops near their location that sell KitKat products
Expanding the product range to include ice creams and biscuits
Creating a visually rich, playful, and smooth user journey
We built this project using a combination of modern front-end technologies to ensure a highly animated, smooth, and interactive experience:
HTML, CSS, JavaScript Core structure and styling GSAP + ScrollTrigger Advanced animations and scroll-based interactions Locomotive Scroll Smooth scrolling effects for an immersive feel Custom Animations Unique interactions to enhance user engagement Note: Unlike our previous project (Gucci website), we did not use Swiper.js in this one, as the design focused more on custom scroll-based interactions rather than sliders.
✅ 🍫 Engaging Chocolate Showcase – Beautifully designed sections to highlight KitKat chocolates in an interactive way ✅ 📍 Shop Locator – Find stores near you that sell KitKat products ✅ 🍦 Ice Cream & Biscuit Section – A delightful way to explore more than just chocolates ✅ 🎨 Playful & Immersive UI – Designed to reflect KitKat’s fun and energetic brand identity ✅ 💨 Smooth Animations – GSAP-powered transitions for an enhanced browsing experience ✅ 📱 Fully Responsive Design – Optimized for all screen sizes
This project was built by our dedicated team during the hackathon:
👨💻 Goutam 👩💻 Somaya 👩💻 Somaya2 👩💻 Priyanshi
Together, we worked on designing, animating, and developing this fun and interactive website to give KitKat fans a fresh digital experience!
📸 Screenshots & Previews (Add some screenshots or a GIF showcasing animations here)
While this project was built in a limited timeframe, here are some ideas for future enhancements:
🔹 Dark Mode Support for a modern feel 🔹 Product Customization – Allow users to create their own KitKat flavors 🔹 E-commerce Integration – Add a cart and checkout system 🔹 3D Elements – Use WebGL to create interactive chocolate bars 🍫
🌟 Show Your Support! If you love our reimagined KitKat website, please consider giving this repo a ⭐!
💬 Let me know if you'd like any tweaks! 🚀🔥