E-Commerce Development + Vehicle Fitment Search + Stripe Integration
AN OFF-ROAD STOREFRONT BUILT AROUND THE VEHICLE, NOT THE SKU
How we built All Terrain Performance a custom e-commerce platform where customers shop by year, make, model, and trim.
01 / Context
The starting point.
A custom e-commerce storefront for an off-road parts retailer: year/make/model/trim fitment search, a request-a-quote engine with an admin dashboard, and 27 supplier brand catalogs integrated.
02 / Challenge
Parts That Only Fit Some Vehicles
Off-road parts cannot be sold like t-shirts. Fitment depends on the exact year, make, model, and trim, distributor pricing shifts constantly, and ATP's supplier catalogs were locked inside a legacy Drupal pipeline with no clean way out.
03 / Approach
A Storefront Shaped Like the Business
We built the platform around ATP's sales process: a vehicle fitment engine, a request-a-quote flow with an admin dashboard, Stripe checkout, and a reverse-engineered catalog import that brought 27 supplier brand catalogs into Supabase.
04 / Background
An off-road catalog organized around vehicle fitment.
All Terrain Performance is an Escondido, California off-road parts retailer and distributor selling wheels, tires, and accessories through a national drop-ship supplier network. Selling parts online has a problem generic store templates cannot solve: whether a part fits depends on the exact vehicle, down to the trim.
05 / The Challenge
Fitment first, price second.
A wheel that fits one truck does not fit the next, and distributor pricing moves too much for a static price tag. ATP needed customers to start from their vehicle rather than a product grid, and needed quotes handled as conversations the shop controls instead of fixed checkout prices on every SKU.
06 / The Build
Search by year, make, model, trim.
We built a custom storefront on Next.js with Supabase behind it. The centerpiece is a vehicle fitment engine: customers select year, make, model, and trim, and the catalog filters to parts that fit. A request-a-quote flow replaces fixed pricing where it should, routing submissions to an admin dashboard where the team prices and responds to every quote, with Stripe handling checkout.
07 / The Catalog
27 brand catalogs, reverse-engineered in.
The hardest blocker was data. Supplier catalogs lived inside a legacy Drupal pipeline with no clean export, so we reverse-engineered it and extracted 27 of the 28 approved brand catalogs into the new platform. The storefront launched with a deep, fitment-aware catalog instead of a handful of hand-entered products.
Pick the truck. The catalog does the rest.