TARRAN Bikes — Smart Cargo Bikes
Turning a cargo bike's safety innovation into a lifestyle brand
The brief
Where we started
TARRAN is launching an electric cargo bike with genuinely novel safety technology — an auto-stabilizing kickstand and dual-drive landing gear. They needed a website that communicated this innovation clearly while handling e-commerce, a dealer network, and community features.
Make a genuinely technical safety innovation feel exciting and easy to understand
Turn a utilitarian product category (cargo bikes) into an aspirational lifestyle purchase
Support e-commerce, dealer lookup, and community storytelling on one cohesive platform
The challenge
What we were up against
TARRAN is launching an innovative electric cargo bike with unique safety technology (auto-stabilizing kickstand, dual-drive landing gear). They needed a website that communicated this innovation clearly while handling e-commerce, dealer network, and community features — for an audience of parents who are risk-averse but also want something that feels genuinely modern.
Cargo bikes are traditionally marketed as purely utilitarian — the challenge was making TARRAN feel aspirational and premium without losing the practical safety reassurance that's the actual reason parents choose the category in the first place.
2
patented safety systems (auto-stabilizing kickstand, dual-drive landing gear) made the centerpiece of the homepage, not a footnote
What was at stake
If the safety innovation got buried under generic bike marketing, TARRAN would lose its core differentiator against cheaper, less-engineered competitors.
Our approach
How we tackled it
We studied what actually reassures risk-averse parent buyers in this category and prioritized the site around proving that, not just listing specs.
Step 1
Parent-Buyer Research
We studied what actually reassures risk-averse parent buyers in this category — safety demonstration, real reviews, not just product specs — and prioritized accordingly.
Step 2
Full-Width Video Product Hero
Full-width video showcases the stabilizing kickstand and landing gear in action, demonstrating the safety innovation instead of describing it in a spec list.
Step 3
Lifestyle Brand Photography Direction
Community stories and press reviews were woven throughout, positioning the school run as a lifestyle moment rather than a chore.
Step 4
Multi-Feature Commerce Build
Built on Shopify with product pages (L1 Series, T1 Pro), an accessories shop, dealer finder, and multi-language/region support in one system.
The solution
The work, up close
The Shopify-based website includes product pages (L1 Series, T1 Pro), an accessories shop, dealer finder, user stories, a press section, a community hub, and multi-language/region support — video-heavy but performance-optimized so it never feels sluggish.
The black-and-white base palette keeps product imagery and video as the visual protagonist throughout, letting the genuine engineering of the safety systems carry the premium feel rather than relying on color or ornamentation.
Safety-Demonstration Video Hero
Full-width video shows the auto-stabilizing kickstand and dual-drive landing gear working in real conditions, replacing a spec-sheet claim with visible proof.
Dealer Finder + Community Hub
A dealer locator and community stories section turn a single-purchase e-commerce flow into an ongoing brand relationship.
Lifestyle-First Product Photography
Direction that frames the school-run cargo bike as an aspirational lifestyle choice, not just a utility purchase.
Design details
Under the hood
Typography
A confident, slightly rounded sans that reads as modern and safe rather than industrial or utilitarian.
Color palette
Components
35-component Shopify theme system covering product, dealer, and community pages.
Responsive design
Video-heavy product heroes swap to optimized shorter clips on mobile connections to protect load time without losing the demonstration.
The results
What it delivered
35-component Shopify theme across product, dealer, and community pages
Video-first safety demonstration replacing spec-sheet claims
Dealer finder + community hub added for post-purchase engagement
Multi-language/region support built into checkout
A website that turns a cargo bike into a lifestyle product — the kind of site that makes parents excited about school runs. Premium brand feel with frictionless commerce.
“Placeholder client quote — replace with real words before launch.”
Tools & technologies
What we built it with
FigmaShopifyLiquid
