Demo-Website · erfundener Betrieb

Garage N°7

Eine Werkstatt mit Aufbereitung in Osnabrück, die es nicht gibt. Die Demo zeigt, wie eine Website für diese Branche aussehen kann: dunkle Halle, rotes Licht, ein Auftrag als Geschichte, Festpreise und Terminanfrage.

ArtDemo, kein Kundenauftrag
BrancheWerkstatt und Fahrzeugaufbereitung
UmfangWebsite, Logo, Farben und Schrift als ein Paket
Die Aufgabe

Eine Werkstatt, die ihre Arbeit zeigt

Werkstatt-Websites sehen oft gleich aus: Logo, Öffnungszeiten, ein Foto vom Hof. Wer einen Aufbereiter sucht, will aber sehen, was am Ende herauskommt, und wissen, was es kostet. Die Demo stellt beides in den Mittelpunkt.

Gedacht ist sie für Inhaber von Werkstätten und Aufbereitungsbetrieben, die sich eine Website vorstellen wollen, bevor sie etwas bezahlen. Sie öffnen den Link meist am Handy.

Die Idee

Ein Auftrag, erzählt von der Annahme bis zur Übergabe

Statt einer Liste von Leistungen folgt die Seite einem Fahrzeug durch die Halle.

  • ✓Intro beim Scrollen: ein Auto rollt aus dem Dunkel in die Halle, aus einer Bildfolge, die der Scrollposition folgt
  • ✓Auftrag 0742: ein Fahrzeug, zwei Tage, 14 Schritte von Vorwäsche bis Übergabe, jeder mit Bild und kurzem Text
  • ✓Vier Pakete mit Festpreis, von Frisch bis Showroom, Preise inklusive Mehrwertsteuer
  • ✓Werkstatt und Aufbereitung als zwei klare Bereiche: Inspektion, Bremsen, Reifen auf der einen Seite, Politur, Keramik, Innenraum auf der anderen
  • ✓Terminanfrage am Ende und als feste Leiste am Handy, in der Demo ohne Versand
Brand-Kit

Eine starke Marke. In jedem Detail.

Zur Demo gehört ein komplettes Brand-Kit. Haben Sie schon ein Logo und Farben, bauen wir die Website darauf auf. Haben Sie noch keins, entsteht es mit der Website zusammen, so wie hier.

01LogoPrimärmarke
02LogoAlternative
03FarbsystemMarkenfarben
Beton#0F0F0E
Lack#F2F0EA
Rot#E10600
Grau#55534D
04TypografieSchriftfamilie
AaABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Extended BoldBoldRegularLight
05KampagneClaim

Vom Alltag zurück in den Showroom.

06WebsiteAusschnittAbschnitt der Website
07MobileWebsiteHand hält ein Smartphone mit der Startseite der Demo Garage N°7
08DesktopWebsiteLaptop mit der Startseite der Demo Garage N°7
09Website HeroDetailansichtStartseite der Demo Garage N°7, dunkle Halle mit rotem Licht
Gestaltung

Hallenboden, Lack und ein einziges Rot

Die Farben kommen aus der Halle: Beton fast schwarz, Lack als Weiß, Rot nur für das, was man anklicken soll. Große, enge Überschriften, viel Platz dazwischen.

Technik

Statisch, ohne Baukasten

Dieselbe Basis wie bei den Kundenprojekten.

  • ✓HTML, CSS und Vanilla JavaScript, ausgeliefert über Cloudflare
  • ✓GSAP mit ScrollTrigger und Lenis für Intro und Scroll-Effekte, lokal eingebunden statt über fremde Server
  • ✓Strenge Content-Security-Policy: kein Inline-JavaScript, Schrift selbst gehostet
  • ✓Zuerst für 375 Pixel Breite gebaut, die Intro-Bildfolge gibt es in einer kleineren Version fürs Handy
  • ✓Fotos und Videos sind KI-generiert oder lizenzfrei, der Footer nennt den Betrieb als erfunden

Ihre Werkstatt könnte so aussehen

Mit Ihren Fotos, Ihren Preisen und Ihrem Namen. Die Demo dafür bekommen Sie kostenlos, meist innerhalb von 24 Stunden.