Welcome to my earbuds promotional page of brand named InoTek 360. This website showcases a 3D model of the earbuds that i made using Cinema 4d along with the interactive hotspot with stacked info box in mobile size.
The project demonstrates my skills in web design and development, including HTML, CSS, JS, SASS, GSAP and 3D Modelling. The website is fully responsive from mobile to desktop sizes. It highlights 3D model, features, and user-friendly design.
Languages: HTML5, CSS3, JavaScript, Sass
Tools & Design: Cinema 4D, Adobe Photoshop, Figma, Adobe Illustrator
Workflow & Version Control: VS Code, GitHub Desktop
3D model: Interactive InoTek 360 Earbuds model using
Hotspots: Highlights features on hover for desktop and tablet sizes
Mobile-friendly: Stacked info boxes for mobile sizes
Smooth Animations: Scroll-trigger and scroll-driven animation using GSAP
Product Highlights: Includes Features, Technical details, Inner components and color selectors
- Download the ZIP file to your computer.
- Unzip the file to extract the project folder.
- Open the project in your preferred code editor or directly in a browser.
Created on October 27, 2025
Designed & Developed by Situ Ranjit
Feel free to reach out to me!
LinkedIn: [Situ Ranjit] https://www.linkedin.com/in/situ-ranjit-187970325/