Steppenwolf Bicycles
Video · 2026/ Overview
For Steppenwolf Bicycles, a complete audiovisual campaign was created
For three models: the enduro downhiller Tundra, the urban city bike Tao and the versatile trekking bike Transterra. Completely conceived, produced and programmed with modern AI tools — without a classic film crew, without studio production.
The starting point was thin: for two of the three models there was hardly any usable footage, for the Tao no video material at all. The character for the Tao videos was developed entirely from a single reference photo.
/ Project details
/ Challenge
The challenge was to stage three different bike worlds under one brand — without a classic film crew and without a studio day. Each model needs its own visual language while everything must remain recognisable as Steppenwolf — produced entirely with AI tools and vibecoding.
/ Services
Art Direction
Visual language, lighting and editing are conceived individually per bike but kept consistent across all three models — a clear editorial line that fits the brand attitude.
Branding
Reduced brand system: colours, typography and crops stay strict so Tundra, Tao and Transterra each get room for their own appearance — without diluting the Steppenwolf identity.
Web development
Microsite as a lean HTML/CSS/JS setup, GSAP scroll triggers, Lenis smooth scroll, lightboxes for bike videos. Performance- and SEO-first, no CMS overhead.
Site Pulse, backend & SEO/GEO
Delivered with Site Pulse (GA4, Search Console, PageSpeed, uptime and mail alerts in its own dashboard), a backend for editing content independently and an SEO/GEO foundation: Schema.org markup, clean sitemap and robots, Open Graph, llms.txt — so Google, Bing and AI search find, understand and cite the site.
From prototype to LineUp
The AI-generated campaign prototypes proved visual language and tone per model. Transterra, Tundra and Tycoon made it into the final LineUp on steppenwolf-bicycles.com — with real product and studio photos, model worlds and a dealer area.
Studio image creation
All LineUp models in the studio: defined lighting, clean cut-outs, consistent colour profiles — product banners, detail views and colour variants for website, dealers and print from one workflow.
Side productions: print & merch
From the same visual language came a brochure, leaflet, sticker set, M2 sticker and a T-shirt — produced print-ready so dealers and community hold the brand off-screen too.
TikTok in planning: Wayne’s World basement look
Next step: a TikTok channel in a Wayne’s World basement look — raw basement aesthetics, talk format, bikes as the stars. Concept and set design are ready, production follows.
AI-generated Media in this project contain AI-generated content (labelled per Art. 50 EU AI Act).
[ Views ]
Desktop, laptop, phone
Real screenshots of the live site — responsive down to the detail. Laptop and phone scroll through the page.
/ Solution
Steppenwolf got a campaign driven entirely by AI and vibecoding — without a classic film crew, without a studio. Three bike worlds, three tonalities — all from one lean setup, quickly iterable and with full creative control.
/ Tech-Stack
HTML5 & CSS3
Semantic markup combined with modern CSS techniques — custom properties, grid, fluid clamp values. Flexible layouts and clean styling ensure consistency on all devices.
Vanilla JS & GSAP
Pure JavaScript without framework overhead. GSAP + ScrollTrigger for precise scroll animations, Lenis for smooth scrolling, custom cursor with label buttons. Fast, controllable, maintainable.
AI workflow
Midjourney, Higgsfield, Nano Banana and GPT-Image generate motion and stills that would otherwise only have emerged from months of set production. Capture One + Photoshop for finishing.
[ Contact ]
Ready for your next visual appearance?
Next project
CoWorkboard
[ Social Stream ]
@mikehillebrandmedia
Latest reels and posts. Drag to turn, click to open.
I measure how the site is used (Google Analytics) and whether visitors come from my Facebook and Instagram ads (Meta Pixel) — only with your consent. Without it nothing is measured and no cookie is set for it. Details in the privacy policy