Step One
A dual-experience e-commerce ecosystem for the step one® performance apparel brand — pairing a cinematic community-run platform with a full-scale bilingual storefront of 35+ battle-tested products, built around the YOU VS YOU® philosophy.
Context
The Challenge
step one® is a performance apparel brand with a bold identity — "Every step is step one®. You are not bound by what you were yesterday; every morning, you get to decide who you are." More than 100,000 athletes train in step one gear, and its products are battle-tested and approved by professional athletes. The brand needed a digital presence that could do two very different jobs at once: on one side, a cinematic brand and community platform promoting co-founder-led community runs across Germany (Düsseldorf, Munich, Frankfurt, Berlin and Cologne); on the other, a serious, high-conversion storefront carrying a 35+ product catalog — from €9.90 Performance Socks all the way to the €239.90 Ultra Rain Jacket — with deep colorway variants, bestseller and sold-out states, two languages (English / Deutsch), dual currencies (EUR / USD), purchase-incentive campaigns like "Buy & Win exclusive prizes", Trustpilot trust signals and a #youvsyou social feed. The challenge was unifying both surfaces into one seamless brand experience without compromising either the storytelling or the shopping performance.
Process
Step One was architected as a dual-surface ecosystem. The "step one® Run" landing experience was engineered purely for storytelling: a full-bleed autoplay video hero under the YOU VS YOU® campaign headline, an infinite manifesto marquee carrying the brand’s mantra, scroll-driven reveals, and structured event cards for every upcoming community run — each with its date, exact start address and route distance (from the 4.70 KM Cologne loop to the 8.30 KM Berlin route). The commerce surface was built on headless storefront rails: a full collection taxonomy (Shop all, Tops, Pants, Tights und Leggings, Accessoires), product cards with multi-colorway swatches spanning Black, Blue, Grey, Vintage Grey, White, Yellow, Red and more, bestseller badges, sold-out logic, persistent cart, predictive search, customer accounts, and complete English/Deutsch localization with EUR/USD currency switching. Every conversion loop — Trustpilot ratings, the #youvsyou Instagram feed, prize-draw purchase incentives and a community newsletter for early drop access — was wired into the same coherent, minimal design language the brand stands for: no distractions, no unnecessary details.
Brand experience & landing
Engineered the cinematic "step one® Run" landing: autoplay video hero, infinite manifesto marquee, campaign banners and scroll-driven reveals that translate the YOU VS YOU® mindset into motion.
Community runs system
Built a structured, repeatable event system for city runs — dates, start locations, route distances from 4.70 to 8.30 KM — surfaced on the homepage, a dedicated Calendar page and per-event detail views.
Headless storefront build
Implemented the 35+ product catalog on headless commerce rails: collection taxonomy, colorway variant engine with visual swatches, bestseller and sold-out logic, persistent cart and frictionless checkout.
Localization & currency
Delivered complete English/Deutsch localization — down to collection names like "Tights und Leggings" and "Accessoires" — with seamless EUR/USD currency switching.
Trust & growth loops
Wired in Trustpilot ratings, the #youvsyou Instagram feed, "Buy & Win" prize incentives and community newsletter capture for early drop access — turning shoppers into community members.
Project Features
Cinematic Brand Landing — step one® Run
Full-bleed video hero under the YOU VS YOU® headline, infinite manifesto marquee, "Buy & Win exclusive prizes" campaign banner and scroll-driven storytelling that sets the brand tone before a single product is shown.
Community Run Platform
A structured event system for co-founder-led community runs across five cities — Düsseldorf (5.25 KM), Munich (6.50 KM), Frankfurt (7.20 KM), Berlin (8.30 KM) and Cologne (4.70 KM) — each with dates, exact start addresses, distances and event detail views, plus a dedicated Calendar page.
Full Commerce Catalog — 35+ SKUs
Complete product range from €9.90 Performance Socks to the €239.90 Ultra Rain Jacket: race tanks, hydration vests, hoodies, tracksuits, tights, shorts, caps, beanies, gloves and the BLN Marathon Edition vest — with bestseller badges and sold-out states.
Variant & Collection Architecture
Multi-colorway variant engine with visual swatches (up to 6 colorways per product), organized into Tops, Pants, Tights und Leggings and Accessoires collections with mega-menu navigation and predictive search.
Localization & Multi-Currency
Fully bilingual storefront (English / Deutsch) with localized navigation and EUR/USD pricing, serving the brand’s German home market and international athletes alike.
Conversion & Retention Layer
Trustpilot integration, #youvsyou social UGC feed, prize-draw purchase incentives, persistent cart, customer accounts and a community newsletter granting exclusive early access to future drops and behind-the-scenes updates.
Tech Stack
Outcomes
Conclusion
Step One proves that a performance brand can run community and commerce as one system. The cinematic Run platform builds belief and brings athletes together city by city, while the bilingual, multi-currency storefront converts that energy into sales across a deep 35+ product catalog. Clean, minimal and functional — with every cut, seam and pixel serving a purpose — the platform embodies the brand’s own standard: no distractions, no unnecessary details, engineered to perform under pressure.
