Steppenwolf LineUp 2027
Web · 2026/ Überblick
Für das Steppenwolf LineUp 2027 entstanden Landingpage, Shooting und Dealer Book — Web, Fotodesign und Grafik aus einer Hand.
30 Jahre Steppenwolf, ein neues LineUp: Premium-Carbon-E-Bikes in drei Modellwelten — Tycoon, Tundra, Transterra — plus Avinox Drive System. Die Landingpage inszeniert jedes Modell mit großformatigen Hero-Sektionen, Wordmark-Typografie hinter den Rädern und durchgängiger Scroll-Choreografie, zweisprachig in Deutsch und Englisch, mit Händler-Anbindung und Kontaktstrecke.
Dazu ein Shooting inklusive Bildbearbeitung für Web und Print — und ein 16-seitiges Dealer Book als InDesign-Produktion für den Fachhandel: ein Auftritt, drei Kanäle, eine Bildsprache.
/ Projekt-Details
/ Herausforderung
Ein komplettes Modelljahr braucht mehr als eine Website: Landingpage, Produkt-Fotodesign und Händler-Broschüre mussten dieselbe Geschichte erzählen — 30 Jahre Steppenwolf, weitergedacht als Premium-Carbon-E-Bikes. Drei Gewerke, ein Look, ein Zeitplan.
/ Leistungen
Landingpage / Vibecoding
Scroll-choreografierte Modellwelten für Tycoon, Tundra und Transterra plus Avinox Drive System. Zweisprachig (DE/EN), Händler-Integration, Kontaktstrecke mit Spam-Schutz — GSAP, Lenis, Vanilla JS.
Shooting & Bildbearbeitung
Produkt- und Kampagnen-Fotodesign fürs komplette LineUp, entwickelt und gefinisht für Web und Print — eine Bildsprache über alle Kanäle.
Grafikdesign — Dealer Book
16-seitiges Dealer Book fürs Modelljahr 2027 als InDesign-Produktion: Modellseiten, Specs und Kampagnenmotive, druckfertig für den Fachhandel aufbereitet.
Komplettumbau zur Homepage + GitHub-Deploy
Aus der Kampagnen-Landingpage wurde die vollwertige Homepage von Steppenwolf Bicycles: alle Modellwelten, Händler und Service, zweisprachig. Der Code liegt versioniert auf GitHub — jede Änderung im Repository geht automatisch live, ohne FTP und ohne Agentur-Warteschleife.
Site Pulse, Backend & SEO/GEO
Ausgeliefert mit Site Pulse (GA4, Search Console, PageSpeed, Uptime und Mail-Alerts im eigenen Dashboard), einem Backend zur eigenständigen Pflege der Inhalte und einem SEO/GEO-Fundament: Schema.org-Markup, saubere Sitemap und Robots, Open Graph, llms.txt — damit Google, Bing und KI-Suchen die Seite finden, verstehen und zitieren.
KI-generiert Medien dieses Projekts enthalten KI-generierte Inhalte (Kennzeichnung nach Art. 50 EU AI Act).
[ Ansichten ]
Desktop, Laptop, Handy
Echte Screenshots der Live-Site — responsiv bis ins Detail. Laptop und Handy scrollen durch die Seite.
/ Lösung
Steppenwolf bekam einen Kampagnen-Auftritt aus einer Hand: Die Landingpage inszeniert das LineUp mit derselben Wordmark-Typografie, die sich durchs Dealer Book zieht — die Fotos funktionieren im Scroll genauso wie auf der Doppelseite. Keine Reibungsverluste zwischen Agenturen, ein Ansprechpartner für Web, Fotodesign und Print. Im zweiten Schritt wurde die Kampagnen-Landingpage zum Komplettumbau der vollwertigen Steppenwolf-Homepage (steppenwolf-bicycles.com): versioniert auf GitHub, jede Änderung geht automatisch live.
/ Tech-Stack
HTML5, CSS3 & Vanilla JS
Schlanke PHP-Basis mit GSAP ScrollTrigger und Lenis Smooth-Scroll. Zweisprachigkeit (DE/EN), Schema.org-Markup, Kontakt-Handler mit Slider-Verifizierung.
Fotodesign-Pipeline
Shooting, RAW-Entwicklung und Finishing — Motive in Web-Auflösung und druckfähiger Qualität aus einem Workflow, konsistent über Landingpage und Broschüre.
InDesign — Print-Produktion
16 Seiten Dealer Book: Layout-System mit Modell-Doppelseiten, Spec-Tabellen und Kampagnen-Typografie, ausgeleitet als druckfertiges PDF.
[ Kontakt ]
Dein Projekt. Ein Ansprechpartner.
Nächstes Projekt
Fahrradkontor Lichtenstein[ Social Stream ]
@mikehillebrandmedia
Aktuelle Reels und Posts. Ziehen zum Drehen, klicken zum Öffnen.
Ich messe, wie die Seite genutzt wird (Google Analytics) und ob Besucher über meine Facebook- und Instagram-Werbung kommen (Meta-Pixel) — nur mit deiner Zustimmung. Ohne sie wird nichts gemessen und kein Cookie dafür gesetzt. Details im Datenschutz