Fahrzeugbörse mit Live-Filter
Filterung nach Marke, Karosserie, Antrieb, Getriebe, Preis, Kilometerstand und Leistung — ohne Seitenneuladen. Inklusive Sortierung, Kachel- und Listenansicht, Merkliste und Direktvergleich von bis zu drei Fahrzeugen.
Für Autohäuser
Webdesign für Autohaus und Automobilhandel
Diese Website ist eine vollständig ausgearbeitete Demonstration von Mediencenter Essen. Sie zeigt, wie ein modernes Autohaus im Netz auftreten kann — mit Fahrzeugbörse, Rechnern, Terminbuchung und einer SEO-Struktur, die auf lokale Sichtbarkeit ausgelegt ist.
Warum Autohäuser eine eigene Website brauchen — trotz der Portale
Über 80 Prozent der Fahrzeugsuchen beginnen heute bei einem Portal. Das ist ein Argument gegen eine eigene Website — bis man sich anschaut, was danach passiert: Wer ein Fahrzeug in die engere Wahl nimmt, sucht als Nächstes nach dem Händler. Er will wissen, wer dahintersteht, wie andere über den Betrieb urteilen und ob die Werkstatt etwas taugt.
Genau an dieser Stelle entscheidet sich, ob aus einem Klick eine Anfrage wird. Ein Portalinserat kann das nicht leisten — es sieht bei jedem Händler gleich aus. Eine eigene Website kann es: Sie zeigt das Team, die Werkstatt, die Referenzen und die Haltung des Betriebs. Und sie kostet keine Provision pro Lead.
Hinzu kommt die lokale Suche. „Autohaus in der Nähe“, „Werkstatt Ihre Stadt“, „Gebrauchtwagen Ihre Region“ — diese Suchanfragen führen zu Google-Ergebnissen, nicht zu Portalen. Wer dort nicht auftaucht, ist für einen erheblichen Teil der Kundschaft unsichtbar.
Umfang dieser Demo
Was in dieser Demonstration steckt
Kein Prototyp, kein Klick-Dummy: 39 vollständig ausgearbeitete Seiten mit funktionierender Fahrzeugsuche, Rechnern, Formularen und einer durchgängigen SEO-Struktur.
0Einzelseitenvollständig ausgearbeitet
0Frameworksreines HTML, CSS & JS
0Demo-Fahrzeugemit Filter und Vergleich
0Eigenständiger Codekeine Templates von der Stange
Detailseiten mit 360°-Ansicht
Galerie mit Lightbox, drehbare Rundumansicht, Tab-Navigation für Technik, Ausstattung und Prüfprotokoll sowie eine mitlaufende Preisbox mit Leasing- und Finanzierungsrate.
Leasing- und Finanzierungsrechner
Live-Berechnung von Rate, Gesamtkosten, Sollzins und Effektivzins — umschaltbar zwischen Leasing und Finanzierung, mit Anzahlung, Laufzeit, Schlussrate und Fahrleistung.
Terminbuchung mit Kalender
Probefahrt und Werkstatttermin online buchbar: Kalender mit Verfügbarkeiten, Zeitfenstern und mehrstufigem Formular inklusive Validierung und Zusammenfassung vor dem Absenden.
Fahrzeugbewertung in vier Schritten
Geführter Bewertungsprozess für die Inzahlungnahme — Fahrzeugdaten, Zustand, Historie und Kontakt, mit Fortschrittsanzeige und Live-Zusammenfassung.
SEO-Struktur für lokale Sichtbarkeit
Eigene Meta-Daten je Seite, strukturierte Daten für AutoDealer, Vehicle, FAQPage, JobPosting und Article, saubere Überschriftenhierarchie, XML-Sitemap und lokale Signale.
Bedienbar für alle
Tastaturbedienbar, Sprungmarke zum Inhalt, sichtbarer Fokus, ARIA-Auszeichnung, ausreichende Kontraste und Rücksicht auf die Systemeinstellung „Bewegung reduzieren“.
Ohne Framework, ohne Ballast
Reines HTML, CSS und JavaScript. Kein Build-Prozess, keine Abhängigkeiten, keine Lizenzkosten — auf jedem Webspace lauffähig und in bestehende Systeme integrierbar.
Von Grund auf responsiv
Vom 320-Pixel-Telefon bis zum Breitbildmonitor. Kein separates Mobil-Layout, sondern ein durchgängiges Raster mit sinnvollen Umbruchpunkten.
Seitenstruktur
Alle 39 Seiten im Überblick
Klicken Sie sich durch — jede Seite ist inhaltlich vollständig ausgearbeitet, keine Blindtexte.
Leistungsseiten
Fahrzeuge
Technik
Wie diese Website gebaut ist
Reines HTML, CSS und JavaScript
Kein React, kein Next.js, kein Build-Prozess. Die Dateien lassen sich direkt auf jeden Webspace laden und funktionieren sofort — auch als Unterordner einer bestehenden Website.
Design-System mit CSS-Variablen
Farben, Abstände, Radien, Schatten und Typografie sind zentral definiert. Ein Markenwechsel bedeutet: ein Dutzend Variablen anpassen, nicht hunderte Regeln überschreiben.
Helles und dunkles Design
Vollständig ausgearbeitete Umschaltung mit Speicherung der Auswahl im Browser. Beide Varianten sind gestalterisch eigenständig, nicht bloß invertiert.
Animationen mit Rücksicht
Scroll-Reveals, Zähler, Parallaxe und Hover-Effekte über IntersectionObserver und CSS. Bei aktivierter Systemeinstellung „Bewegung reduzieren“ werden sie automatisch abgeschaltet.
Strukturierte Daten
JSON-LD für AutoDealer, WebSite mit Suchfunktion, BreadcrumbList, Car, Service, FAQPage, JobPosting, Article und Review — die Grundlage für erweiterte Suchergebnisse.
Datensparsam
Kein Tracking, keine Analysedienste, keine externen Skripte außer Schriften, Bildern und Karte. Fahrzeugdaten liegen in einer einzelnen JavaScript-Datei und lassen sich an jedes DMS anbinden.
Bildmaterial: Für diese Demonstration werden kostenfreie Fotos von Unsplash verwendet. In einem realen Projekt treten hier die eigenen Fahrzeug- und Betriebsfotos an ihre Stelle — auf Wunsch mit professioneller Fahrzeugfotografie, inklusive 360°-Aufnahmen.
Häufige Fragen
Fragen zum Webdesign für Autohäuser
Ja. Die Fahrzeugdaten liegen in dieser Demonstration in einer einzelnen JavaScript-Datei und werden zur Laufzeit gerendert. In einem realen Projekt wird diese Datei entweder automatisch aus Ihrem Händlersystem erzeugt oder durch eine Schnittstelle ersetzt, die die Bestandsdaten direkt abruft. Üblich sind Anbindungen an mobile.de, AutoScout24 oder gängige DMS-Systeme.
Fahrzeuge werden automatisch übernommen und müssen nicht manuell gepflegt werden. Inhaltliche Seiten — Team, Aktionen, Magazin, Stellenanzeigen — pflegen Sie entweder selbst über ein angebundenes Redaktionssystem oder Sie beauftragen uns damit. Der laufende Aufwand hängt stark davon ab, wie aktiv Sie Inhalte veröffentlichen wollen.
Beides kann sinnvoll sein und wir setzen es auch ein. Für eine Fahrzeugbörse mit Live-Filterung, Vergleichsfunktion und Rechnern hat ein handgebauter Ansatz aber Vorteile: deutlich kürzere Ladezeiten, keine Plugin-Abhängigkeiten, keine wiederkehrenden Lizenzkosten und volle Kontrolle über die Struktur, die für die Suchmaschinenoptimierung entscheidend ist.
Ja, und zwar grundlegend. Farben, Schriften, Formensprache, Bildwelt und Tonalität werden in einem realen Projekt vollständig auf Ihr Haus zugeschnitten. Diese Demonstration zeigt eine mögliche Richtung — ein Familienbetrieb mit Werkstattschwerpunkt bekommt bei uns eine andere Gestaltung als ein Sportwagenhändler.
Für eine Website in diesem Umfang rechnen wir mit acht bis zwölf Wochen von der Konzeption bis zum Livegang — abhängig davon, wie schnell Inhalte, Fotos und Schnittstellenzugänge verfügbar sind. Kleinere Auftritte ohne eigene Fahrzeugbörse gehen deutlich schneller.
Das hängt vom Umfang ab: Anzahl der Seiten, Umfang der Fahrzeugbörse, Schnittstellen, Fotografie und ob ein Redaktionssystem angebunden wird. Wir erstellen nach einem Erstgespräch ein Festpreisangebot mit klar abgegrenzten Leistungspaketen — ohne Stundensatzrisiko für Sie.
Mediencenter Essen
Sprechen wir über Ihr Autohaus.
Sie haben diese Demo gesehen und eine Vorstellung davon, was möglich ist. Im nächsten Schritt schauen wir uns Ihren aktuellen Auftritt an, sprechen über Ziele und Zielgruppen und erstellen ein Festpreisangebot mit klar abgegrenzten Leistungspaketen.