Polo Motorrad “My Bike Garage” — Fit-Correct Parts Without Replatforming
Client
Polo Motorrad
Year
2024
For POLO Motorrad’s online shop we built a “My Bike Garage”: riders save their bikes (make/model/year) and instantly see only compatible parts across categories and PDPs. The hard constraint: preserve the existing design and platform—no rebrand, no replatform.
Uncertainty about fit led to low add-to-cart, high returns, and “Does this fit my bike?” support load. Filters were brittle on mobile; PDPs repeated specs without a clear fits/doesn’t fit signal. Any UI had to blend into the current design system and respect performance budgets.
How We Shipped It in 5 Weeks
Data model & mapping: normalized Make/Model/Year + OEM/MPN mappings; graceful fallbacks for unknown trims.
Session & account storage: quick “Add your bike” on PLP/PDP; garage persists across devices when logged in.
System-aligned UI (no redesign): tokens/spacing/typography from POLO’s DS; new elements as PDP badges (“Fits your bike”), compatibility panel, and auto-filters on category pages—all visually indistinguishable from existing components.
Behavioral details: when a garage bike is active → auto-filter compatible items; incompatible items collapse with a one-tap “Show all.”
Instrumentation & A/B: events for add-bike, compatibility views, add-to-cart, returns reason codes.
What Changed (By the Numbers)
+29% add-to-cart rate for sessions with an active garage bike
+18% conversion among garage users (vs. control)
–27% fitment-related returns in targeted categories
–41% “Will it fit my bike?” support contacts
68% mobile adoption of “Add your bike” in first 30 days
Scope of Work
Project images are handled through multi-reference.
This flexible image system allows you to showcase your work in its best light on project pages. Multi-reference lets you upload images to your CMS and select the ideal ratio for each specific context, add custom descriptions, and create side-by-side image comparisons - all while maintaining visual consistency throughout your portfolio.
Which allows your project pages to be highly adaptable.
Unlike traditional templates with rigid image slots, this system gives you complete freedom to present unlimited project images without modifying the template structure. Your portfolio adapts to your content rather than forcing your work to fit predetermined formats, ensuring your projects look professional across all devices.
Add optional descriptions to explain your work.
Enhance your project showcases with tailored descriptions that provide context and highlight key aspects of your process. These optional text blocks let you emphasize specific features, explain challenges you overcame, or detail the results achieved for the client.
You can select ratios for your images.
Choose from various aspect ratios to present your work in the most flattering format. This flexible system allows you to optimize each image display based on content type - whether you need widescreen presentations for landscapes or square formats for logos.
For example this image is using a 16:9 ratio.
Widescreen formats are perfect for showcasing device mockups, web designs, and panoramic visuals. The 16:9 ratio provides a cinematic feel that works exceptionally well for digital interfaces and presentation-style content.
And this one is using a 4:3 ratio.
The classic 4:3 ratio offers a balanced frame for product photography, print work, and traditional layouts. This proportion provides more vertical space, making it ideal for packaging designs, book covers, and print materials.
You can even add a second image.
Create powerful visual comparisons by placing images side by side. This feature is perfect for before/after demonstrations, showing variations of a design, or presenting multiple views of physical products. Paired images tell a more complete story of your creative process.
