Webdesign & Entwicklung

Auto Restelo — Luxus-Autohaus

Website eines Luxus-Autohauses, die den exklusiven Bestand von 19 Premiummarken (Ferrari, Lamborghini, McLaren, Porsche, Bentley) in einem eindrucksvollen Nutzererlebnis präsentiert — mit Vollbild-Fotogalerien, dynamischem Markenfilter und detaillierten Fahrzeugspezifikationen samt umfassenden Bereichen für Extras und Anmerkungen.

Umgesetzt mit React 19, Vite 6 und Tailwind CSS v4 in einem sorgfältig gestalteten dunklen Design mit Goldakzenten. Technische Highlights sind tastaturbedienbare Galerien, ein Endlos-Karussell der Markenlogos, ein mit der URL synchronisierter Filter, DSGVO-konforme Kontaktformulare und responsives Mobile-First-Design.

Abschlussdatum: Mai 2026
Live-Website besuchen
Projektdetails

Überblick

Branche

Automobil / Luxus-Einzelhandel

Leistungsumfang

Vollständige Gestaltung und Entwicklung der Website mit erweiterten Fotogalerien, Filterfunktionen und DSGVO-konformen Anfrageformularen

Zeitrahmen

2 Wochen vom Design bis zum Produktivstart

Die Ausgangslage

Herausforderung

Auto Restelo, ein renommiertes Luxus-Autohaus mit über 30 Jahren Erfahrung in Lissabon, brauchte eine digitale Präsenz, die der Exklusivität des Fahrzeugbestands entspricht (Ferrari, Lamborghini, McLaren, Porsche, Bentley). Der bestehende Online-Auftritt spiegelte das hochwertige Erlebnis vor Ort nicht wider, und es fehlten moderne Funktionen wie erweiterte Filter, Fotogalerien und mobile Optimierung. Die Aufgabe bestand darin, einen anspruchsvollen digitalen Showroom zu schaffen, der Luxus vermittelt und dabei schnell, zugänglich und auf allen Geräten benutzerfreundlich bleibt — bei einem vielfältigen Bestand von 19 verschiedenen Luxusmarken.

Unser Ansatz

Lösung

Wir haben eine hochwertige Website im dunklen Design mit sorgfältig gewählten Goldakzenten (oklch(0.72 0.10 85)) entworfen und entwickelt, die Luxus vermitteln, ohne aufdringlich zu wirken. Die Website nutzt modernste Technologien (React 19, Vite 6, Tailwind CSS v4) für herausragende Performance. Zu den Kernfunktionen zählen eine Vollbild-Fotogalerie mit Tastaturnavigation und Touch-Gesten, ein mit der URL synchronisierter Markenfilter zum einfachen Teilen sowie detaillierte Fahrzeugseiten mit umfassenden Spezifikationen, Extras und Anmerkungen in einem eleganten dreispaltigen Layout. Ein endlos scrollendes Markenkarussell mit echten Logos stärkt die Glaubwürdigkeit, während DSGVO-konforme Anfrageformulare mit vorausgefüllten Fahrzeugdaten den Kontaktprozess vereinfachen. Das responsive Mobile-First-Design überträgt die hochwertige Ästhetik einwandfrei auf alle Bildschirmgrößen — vom Desktop bis zum Smartphone.

Was enthalten ist

Wichtigste Funktionen

Responsives Design
Vollbild-Galerie
Markenfilter
Detaillierte Spezifikationen
DSGVO-konforme Formulare
Google-Maps-Integration
Endlos-Karussell
Dunkles Design
Ergebnisse

Ergebnisse

98/100
Lighthouse-Performance
Herausragende Performance dank optimiertem Vite-Build und Bildern mit Lazy Loading
0.8s
First Contentful Paint
Nahezu sofortiger erster Seitenaufbau dank Vite 6 und optimiertem CSS
100/100
SEO-Wert
Semantisches HTML, Meta-Tags und barrierefreie Navigationsstruktur
100%
Mobile Responsivität
Vollständig responsives Design, auf allen gängigen Gerätegrößen getestet
Technologie

Technologie-Stack

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

Bereit, Ihr Projekt zu starten?

Sprechen wir darüber, wie wir eine beeindruckende Website schaffen, die genau zu Ihren geschäftlichen Anforderungen passt.

Auto Restelo — Luxus-Autohaus | Portfolio | low-key solutions