Velvet Auto

• 

  main page

Inspiration Luxury cars deserve premium websites. Inspired by pellmell.fr's motion design, we wanted to elevate mundane car service booking into a cinematic, immersive digital journey. What it does Immersive car service booking with smooth animations, AI voiceovers, and seamless multi-page navigation. Redefines automotive care through motion. How we built it Vanilla HTML/CSS/JS, GSAP for animations, Lenis for smooth scrolling, Web Speech API for voice, LocalStorage for booking data. No heavy frameworks. Challenges we ran into Managing relative file paths across pages, optimizing external image loading, synchronizing voiceovers with page transitions without lag. Accomplishments that we're proud of 60fps animations without frameworks, unique booking ID generation, fully responsive cinematic UI, accessible AI voice navigation. What we learned Mastered GSAP ScrollTrigger, importance of file structure, browser accessibility APIs, and performance optimization for smooth scrolling. What's next for Velvet Auto Backend integration for real bookings, 3D car configurators, payment gateway, and expanding AI voiceover languages for global access.

Built With

• chatgpt
• css3
• html5
• javascript
• qwen
• trea