UI/UX Design · KI-Content · Produkt-Fotodesign · Vibecoding · Branding · Support · 2026UI/UX Design · KI-Content · Produkt-Fotodesign · Vibecoding · Branding · Support · 2026UI/UX Design · KI-Content · Produkt-Fotodesign · Vibecoding · Branding · Support · 2026UI/UX Design · KI-Content · Produkt-Fotodesign · Vibecoding · Branding · Support · 2026UI/UX Design · KI-Content · Produkt-Fotodesign · Vibecoding · Branding · Support · 2026UI/UX Design · KI-Content · Produkt-Fotodesign · Vibecoding · Branding · Support · 2026UI/UX Design · KI-Content · Produkt-Fotodesign · Vibecoding · Branding · Support · 2026UI/UX Design · KI-Content · Produkt-Fotodesign · Vibecoding · Branding · Support · 2026
KI-generiert

Steppenwolf Bicycles

Video · 2026

/ Überblick

Für Steppenwolf Bicycles entstand eine vollständige audiovisuelle Kampagne

Für drei Modelle: das Enduro-Downhiller Tundra, das urbane Stadtrad Tao und das vielseitige Trekkingrad Transterra. Komplett konzipiert, produziert und programmiert mit modernen KI-Werkzeugen — ohne klassisches Filmteam, ohne Studioproduktion.

Die Ausgangslage war dünn: Für zwei der drei Modelle existierte kaum verwertbares Bewegtbild, für das Tao keinerlei Videomaterial. Der Charakter für die Tao-Videos wurde vollständig aus einem einzigen Referenzfoto entwickelt.

Live ansehen

/ Projekt-Details

NameSteppenwolf Bicycles — Audiovisuelle Kampagne
KundeSteppenwolf Bicycles
LeistungenFotodesign, KI-Content, Vibecoding
Jahr2026

/ Herausforderung

Die Herausforderung war, drei unterschiedliche Bike-Welten unter einer Marke zu inszenieren — ohne klassisches Filmteam und ohne Studiotag. Jedes Modell braucht seine eigene Bildsprache, gleichzeitig muss alles als Steppenwolf erkennbar bleiben — komplett mit KI-Werkzeugen und Vibecoding produziert.

/ Leistungen

Art Direction

Bildsprache, Lichtführung und Schnittfolge sind je Bike eigenständig gedacht, aber über alle drei Modelle hinweg konsistent gehalten — eine klare Editorial-Linie, die zur Markenhaltung passt.

Branding

Reduziertes Markensystem: Farben, Typografie und Bildausschnitte bleiben streng, damit Tundra, Tao und Transterra jeweils Platz für ihren eigenen Auftritt bekommen — ohne die Steppenwolf-Identität aufzuweichen.

Web-Entwicklung

Microsite als schlankes HTML/CSS/JS-Setup, GSAP-Scroll-Trigger, Lenis-Smooth-Scroll, Lightboxen für Bike-Videos. Performance- und SEO-first, kein CMS-Overhead.

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.

Vom Prototyp ins LineUp

Die KI-generierten Kampagnen-Prototypen bewiesen Bildsprache und Tonalität je Modell. Ins finale LineUp auf steppenwolf-bicycles.com haben es Transterra, Tundra und Tycoon geschafft — mit echten Produkt- und Studiofotos, Modellwelten und Händlerbereich.

Studio-Fotodesign

Alle LineUp-Modelle im Studio: definierte Lichtführung, saubere Freisteller, konsistente Farbprofile — Produktbanner, Detailansichten und Farbvarianten für Website, Händler und Print aus einem Workflow.

Nebenproduktionen: Print & Merch

Aus derselben Bildsprache entstanden Broschüre, Faltblatt, Stickerset, M2-Sticker und ein T-Shirt — druckfertig produziert, damit Händler und Community die Marke auch abseits des Bildschirms in der Hand haben.

TikTok in Planung: Wayne’s-World-Keller-Look

Nächster Schritt: ein TikTok-Kanal im Wayne’s-World-Keller-Look — rohe Keller-Ästhetik, Talk-Format, Bikes als Stars. Konzept und Setdesign stehen, Produktion folgt.

[ Ansichten ]

Desktop, Laptop, Handy

Echte Screenshots der Live-Site — responsiv bis ins Detail. Laptop und Handy scrollen durch die Seite.

Steppenwolf Bicycles — Desktop
Steppenwolf Bicycles — Laptop
Steppenwolf Bicycles — Handy

Seite live ansehen

/ Lösung

Steppenwolf bekam eine vollständig KI- und Vibecoding-getriebene Kampagne — ohne klassisches Filmteam, ohne Studio. Drei Bike-Welten, drei Tonarten — alles aus einem schlanken Setup, schnell iterierbar und mit voller kreativer Kontrolle.

/ Tech-Stack

01

HTML5 & CSS3

Semantisches Markup kombiniert mit modernen CSS-Techniken — Custom Properties, Grid, fluid Clamp-Werte. Flexible Layouts und sauberes Styling sorgen für Konsistenz auf allen Geräten.

02

Vanilla JS & GSAP

Reines JavaScript ohne Framework-Overhead. GSAP + ScrollTrigger für präzise Scroll-Animationen, Lenis für Smooth-Scrolling, Custom-Cursor mit Label-Buttons. Schnell, kontrollierbar, wartbar.

03

KI-Workflow

Midjourney, Higgsfield, Nano Banana und GPT-Image generieren Bewegtbild und Stills, die sonst nur durch monatelange Set-Produktionen entstanden wären. Capture One + Photoshop fürs Finishing.

[ Kontakt ]

Bereit für deinen nächsten visuellen Auftritt?

Lass uns reden

Nächstes Projekt

CoWorkboard

[ Social Stream ]

@mikehillebrandmedia

Aktuelle Reels und Posts. Ziehen zum Drehen, klicken zum Öffnen.

Auf Instagram folgen