Steppenwolf LineUp 2027
Web · 2026/ Overview
For the Steppenwolf LineUp 2027, a landing page, shoot and dealer book were created — web, image creation and graphics from one hand.
30 years of Steppenwolf, a new LineUp: premium carbon e-bikes in three model worlds — Tycoon, Tundra, Transterra — plus Avinox Drive System. The landing page stages every model with large-format hero sections, wordmark typography behind the bikes and continuous scroll choreography, bilingual in German and English, with dealer integration and contact flow.
Plus a shoot including retouching for web and print — and a 16-page dealer book as an InDesign production for the trade: one presence, three channels, one visual language.
/ Project details
/ Challenge
A whole model year needs more than a website: landing page, product image creation and dealer brochure had to tell the same story — 30 years of Steppenwolf, taken further as premium carbon e-bikes. Three crafts, one look, one schedule.
/ Services
Landing page / vibecoding
Scroll-choreographed model worlds for Tycoon, Tundra and Transterra plus Avinox Drive System. Bilingual (DE/EN), dealer integration, contact flow with spam protection — GSAP, Lenis, vanilla JS.
Photo shoot & retouching
Product and campaign image creation for the whole LineUp, developed and finished for web and print — one visual language across all channels.
Graphic design — dealer book
16-page dealer book for model year 2027 as an InDesign production: model pages, specs and campaign visuals, print-ready for the trade.
Full website rebuild + GitHub deploy
The campaign landing page became the full Steppenwolf Bicycles website: all model worlds, dealers and service, bilingual. The code is versioned on GitHub — every change in the repository goes live automatically, without FTP and without waiting for an agency.
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.
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 presence from one hand: the landing page stages the LineUp with the same wordmark typography that runs through the dealer book — the photos work in the scroll just as on the double page. No friction between agencies, one contact for web, image creation and print. In a second step the campaign landing page became a complete rebuild of the full Steppenwolf website (steppenwolf-bicycles.com): versioned on GitHub, every change goes live automatically.
/ Tech-Stack
HTML5, CSS3 & Vanilla JS
Lean PHP base with GSAP ScrollTrigger and Lenis smooth scroll. Bilingual (DE/EN), Schema.org markup, contact handler with slider verification.
Image Creation pipeline
Shoot, RAW development and finishing — visuals in web resolution and print quality from one workflow, consistent across landing page and brochure.
InDesign — print production
16-page dealer book: layout system with model double pages, spec tables and campaign typography, exported as a print-ready PDF.
[ Contact ]
Your project. One contact.
Next project
Fahrradkontor Lichtenstein[ 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