Web Design & Development

Auto Restelo — Luxury Car Dealership

Luxury car dealership website showcasing exclusive inventory of 19 premium brands (Ferrari, Lamborghini, McLaren, Porsche, Bentley) through immersive browsing experience with full-screen photo galleries, dynamic brand filtering, and detailed vehicle specifications with comprehensive extras and notes sections.

Built with React 19, Vite 6, and Tailwind CSS v4 featuring meticulously crafted dark theme with gold accents. Technical highlights include keyboard-navigable galleries, infinite brand logo carousel, URL-synced filtering, GDPR-compliant contact forms, and mobile-first responsive design.

Completed Date: May 2026
Visit Live Site
Project Details

Overview

Industry

Automotive / Luxury Retail

Scope

Complete website design and development with advanced photo galleries, filtering, and GDPR-compliant inquiry forms

Timeline

2 weeks from design to production launch

The Problem

Challenge

Auto Restelo, a prestigious luxury car dealership with over 30 years in Lisboa, needed a digital presence that matched the exclusivity of their inventory (Ferrari, Lamborghini, McLaren, Porsche, Bentley). Their existing online presence didn't reflect the premium experience customers receive in-person, and they lacked modern features like advanced filtering, photo galleries, and mobile optimization. The challenge was to create a sophisticated digital showroom that conveys luxury while remaining fast, accessible, and user-friendly across all devices, all while managing a diverse inventory of 19 different luxury brands.

Our Approach

Solution

We designed and developed a premium dark-themed website with carefully chosen gold accents (oklch(0.72 0.10 85)) that evoke luxury without feeling ostentatious. The site leverages cutting-edge technologies (React 19, Vite 6, Tailwind CSS v4) for exceptional performance and developer experience. Key features include a full-screen photo gallery with keyboard navigation and touch gestures, URL-synced brand filtering for seamless sharing, and detailed vehicle pages displaying comprehensive specifications, extras, and notes in an elegant 3-column layout. An infinite scrolling brand carousel with real brand logos reinforces credibility, while GDPR-compliant inquiry forms with pre-filled vehicle information streamline the conversion process. The mobile-first responsive design ensures the premium aesthetic translates perfectly to all screen sizes, maintaining the luxury feel from desktop to mobile.

What's Included

Key Features

Responsive Design
Full-Screen Gallery
Brand Filtering
Advanced Specifications
GDPR Forms
Google Maps Integration
Infinite Carousel
Dark Theme
Performance

Results

98/100
Lighthouse Performance
Exceptional performance with Vite's optimized build and lazy-loaded images
0.8s
First Contentful Paint
Near-instant initial render thanks to Vite 6 and optimized CSS
100/100
SEO Score
Semantic HTML, meta tags, and accessible navigation structure
100%
Mobile Responsiveness
Fully responsive design tested across all major device sizes
Technology

Tech Stack

React 19
Vite 6
TypeScript 5
Tailwind CSS v4
React Router v7
shadcn/ui
Radix UI
Google Maps API
Get Started

Ready to Start Your Project?

Let's discuss how we can create a stunning website tailored to your business needs.

Auto Restelo — Luxury Car Dealership | Portfolio | low-key solutions