AutoDrive

Car buyers faced disjointed dealership portals where comparing specifications between competing models required dozens of browser tabs, while financing calculators were hidden behind cumbersome lead-capture walls.

Created an open, transparent vehicle marketplace with unified side-by-side comparison tables, upfront EMI calculators with live sliders, and rich studio galleries.

Key Technical Features

• Multi-Vehicle Comparison Engine comparing engine displacement, mileage, transmission, safety ratings, and price breakdowns
• Interactive Realtime EMI Loan Calculator with interactive sliders for down payment, interest rates, and loan tenure projections
• Comprehensive Vehicle Discovery & Filter Toolbar with multi-select by Brand, Price bracket, Fuel Type, and Transmission
• Dealership Test Drive & Brochure Booking Funnel with automated SMS confirmations and calendar dispatching
• Automotive Chiaroscuro & Cobalt Blue UI featuring dynamic racing blue accents (#2563EB), crisp card elevations, and studio lighting effects
• Full-Stack Architecture with Node.js/Express 5 backend, MongoDB vehicle cluster, and Next.js 16 Turbopack frontend with React 19

Delivered Artifacts

• Full-Stack Automotive Platform with Next.js 16 Turbopack & Express 5 API
• Side-by-Side Multi-Model Comparison & Spec Analysis Tool
• Interactive Realtime EMI Financing & Loan Estimator
• Bespoke Figma UI/UX Design System with Racing Cobalt & Glacier Tokens
• Automated Cloudinary WebP Compression & Edge CDN Pipeline