Building E-commerce With a Vehicle Lookup System
Paint protection film is a niche product with a specific problem: every vehicle is different. A kit that fits a BMW 3 Series won't fit a Golf. The panels are different shapes, the curves hit differently, and if you sell someone the wrong kit, you've lost a customer forever.
The founder behind StealthShield PPF knew the product inside out. What he needed was a way to sell it online - with a system smart enough to match the right product to the right vehicle.
The challenge
Most e-commerce platforms assume your products are simple. You have a thing, it has a price, people add it to a cart. But PPF kits don't work that way. The buying process looks more like:
- Customer selects their vehicle (make, model, year)
- System shows which kits are available for that specific vehicle
- Customer chooses coverage level (full front, partial, specific panels)
- Price adjusts based on selection
That's a configurator, not a catalogue. And it needed to feel effortless despite the complexity underneath.
Tactical branding
The founder wanted the brand to feel premium and technical. Not "car accessory." More like specialist equipment. We leaned into that.
The visual identity uses dark tones, sharp typography, and minimal decoration. Everything feels precise and deliberate - the kind of brand that appeals to someone who spends weekends detailing their car.
The name
StealthShield was already chosen, but we developed the full brand system around it. The name suggests invisibility (the film is transparent) and protection (it stops stone chips, scratches, and UV damage). The visual identity reinforced both - clean, almost military precision.
The vehicle lookup
This was the centrepiece of the build. We needed a system where a customer could type in their vehicle and immediately see what's available - without making them think.
Reg lookup first
The fastest path to finding your vehicle is the one you already know by heart. So the primary input is a registration number. The customer types in their reg, we hit a vehicle lookup API, and the system pulls back the make, model, year, and variant automatically.
One input. No dropdowns. No guessing whether your car is a "facelift" or "pre-facelift" model.
Manual fallback
Not every customer wants to enter their reg - and not every vehicle is on UK plates. So behind the reg lookup sits a manual entry flow: make, model, and year dropdowns that progressively filter based on what's available. If the API doesn't return a match, the customer drops straight into this flow without friction.
This two-tier approach means coverage is near-universal without sacrificing the speed of the happy path.
Why it matters
The lookup does two things. First, it removes the biggest barrier to purchase - uncertainty about fitment. Second, it eliminates customer support queries. Before the system, the founder was fielding dozens of messages a day asking "do you have a kit for my car?" Now the website answers that question instantly.
The product configurator
Beyond vehicle matching, we built a configurator that lets customers choose their coverage level. Full front protection, bonnet and bumper only, door edge guards, mirror caps - each option with its own pricing and visual preview.
This turned a simple "buy PPF" transaction into a guided experience. Customers feel like they're building something custom, which increases both average order value and satisfaction.
Shopify as the backbone
We built the storefront as a custom Next.js application, but the entire product catalogue, inventory, and order management runs on Shopify behind the scenes.
This was a deliberate choice. Shopify's backend is battle-tested for e-commerce operations - payment processing, tax calculation, shipping rules, order fulfilment workflows, inventory tracking across variants. Building any of that from scratch would have been months of work with no real upside.
Instead, we use Shopify's Storefront API to pull product data into the custom frontend. The founder manages his catalogue through Shopify's admin - adding new vehicle kits, adjusting prices, updating stock levels - without needing us to deploy anything. The product data flows through to the custom lookup and configurator automatically.
The benefits are practical:
- Payment infrastructure - Shopify handles card processing, Apple Pay, Google Pay, and Klarna out of the box
- Order management - the founder tracks, fulfils, and manages returns through a familiar admin interface
- Inventory accuracy - stock levels sync in real time across vehicle/kit/variant combinations
- Scalability - as the catalogue grows (new vehicles, new coverage options), the system scales without architectural changes
The customer never sees Shopify. They experience a fast, custom-designed storefront that feels purpose-built. But behind it sits infrastructure that would cost tens of thousands to replicate.
After-order validation
PPF is cut to precise templates for each vehicle variant. A "BMW 3 Series" might have three or four different bumper shapes depending on the trim level, sport package, or model year refresh. Getting the wrong template means wasted material and an unhappy customer.
So we built a custom post-order flow. After checkout, the customer receives a prompt to upload photos of their vehicle's bumpers - front and rear. These photos go straight to the founder's dashboard where he can visually verify the exact variant before cutting the kit.
If the bumper shape doesn't match the ordered template, he catches it before anything gets cut. He contacts the customer, confirms the correct variant, and ships the right kit first time. No wasted stock, no returns, no "this doesn't fit" emails.
This turned what used to be a back-and-forth on WhatsApp into a structured, scalable quality check built directly into the order pipeline.
Results
The founder went from selling through Instagram DMs and marketplace listings to running a proper e-commerce operation. Average order value increased because the configurator encouraged customers to add coverage. Support queries dropped because the lookup answered fitment questions automatically. And the post-order photo validation virtually eliminated mis-cuts and returns.
The takeaway
If your product has complexity - compatibility, configuration, customisation - don't hide it behind a "contact us" button. Build a system that makes the complexity disappear. And when you can lean on proven infrastructure like Shopify for the operational heavy lifting, do it. Spend your engineering time on the things that actually differentiate your product.