/ Demo-Projekt · Sportwagen und moderne Klassiker · Hamburg

Autohaus.

Eine Demonstrationsseite als bewusster Gegenpol zu den drei nüchternen Seiten. Volle Bewegung, aber mit sauberem Rückzug für alle, die keine wollen.

Auf drei Geräten

Zeigen Sie auf ein Gerät, die Seite läuft durch
Die Seite auf einem Laptop
Laptop · 1440 px
Dieselbe Seite auf einem Tablet
Tablet · 810 px
Dieselbe Seite auf einem Smartphone
Handy · 390 px
Demonstrationsseite, kein Kundenprojekt

KORVIN Automobile ist ein erfundenes Unternehmen. Sämtliche Angaben, Zahlen und Anschriften sind frei erfunden. Diese Seite zeigt, wie ein Auftritt für diese Branche aussehen kann.

Warum diese Branche

Diese Demo ist der animationsstarke Gegenpol. Sie zeigt die andere Seite der Spanne: Was geht, wenn eine Marke Bewegung verträgt. Das preisgekrönte Volvo-Projekt bekam 7,51 fürs Design, aber nur 6,73 für Usability, mit Rüge für Barrierefreiheit. Genau da setzt diese Seite an.

Die Idee dahinter

Fahrzeuge stehen nach Kaufmotiv sortiert, nicht nach Kilometerstand: Sammlung, Investment, Alltagstauglich, Track. Zwölf Wagen, bewusst ohne Filter, denn die Auswahl ist die eigentliche Leistung eines kuratierten Hauses.

Das Signature-Element

Die Blende. Zwei Balken fahren auseinander und geben das Bild frei, dazwischen liegen schwarze Atempausen mit je einem Satz. Der Hero hat bewusst keine Überschrift, der Claim kommt erst im Schnitt danach.

Bewegung

Vollprogramm, aber diszipliniert: Film statt 3D, Scroll-Reveals, Drag-Galerie, Zahlen-Zähler. Kein Three.js. Und der Reduced-Motion-Modus ist hier Pflicht statt Kür, das Video wird dann gar nicht erst geladen.

Demo öffnen: autohaus.md-designworks.de →
Art
Demo-Landingpage, eine lange Startseite plus Rechtsseiten
Frontend
HTMLCSSJavaScript
Schrift
Big Shoulders Display und Sora, lokal als woff2
Farbwelt
Tiefes Schwarz, gebrochenes Weiß, Eisblau als einziger Akzent
Besonderheiten
BlendeDrag-GalerieAnsichtswechsler
Datenschutz
Keine Cookies, keine externen Anfragen, alles selbst gehostet
Status
Demo
/ Ihr Projekt

Das Nächste
gestalten wir.

Ob KI-Plattform oder klassische Website, erzählen Sie uns von Ihrem Vorhaben.