← All work
CASE STUDY — E-COMMERCE

Broadfeet

A vehicle-first Shopify store for an automotive accessories manufacturer — where the right product depends entirely on the customer’s exact car.

CONTEXT

The brief

Broadfeet Motorsport Equipment is a New York manufacturer and distributor of aftermarket automotive protective accessories — bumper guards, running boards, and related accessories — in business since 2004. The core challenge: a sprawling product catalog involving multiple component build where the correct product depends entirely on the customer’s exact vehicle, sold to both individual retail buyers and wholesale dealers.

I designed, led, and built the storefront on Shopify with a custom Liquid theme, organizing the catalog around how customers actually shop — by their vehicle — while supporting both retail and B2B dealer journeys from one system.

WHAT I BUILT

The systems

01

Year / Make / Model fitment finder

A guided finder that filters the catalog to parts guaranteed to fit the customer’s exact vehicle — removing the biggest source of wrong orders and returns.

02

Vehicle-first taxonomy

Structured 200+ vehicle collections and product categories so any product is reachable in two or three clicks.

03

B2B + B2C flows

Parallel paths: a retail checkout for individual buyers and a wholesale track with become-a-dealer and showroom funnels.

04

Content & social integration

Installation-service booking, YouTube install references, and social proof to support the buying decision.

INSIDE THE BUILD

The systems, shipped

The live storefront — each screen below is the system it names, running on broadfeet.com.

01Year / Make / Model Fitment Search System
Year/Make/Model fitment search bar
02Product Category Collection
Shop by product category
03Vehicle Category Collection
Shop featured collections by vehicle
04Product Content & Video Feature
Product content sections with vehicle feature videos
05Catalog & Filtering
Collection grid with filtering
06Back-End Product Data Collection & Optimization
ADD PHOTO
img/bf-backend.jpg
recommended ratio — 16 : 9
07Product Details
Product detail page
08Product Description
Product description and fitment detail
09Related Product
ADD PHOTO
img/bf-related.jpg
recommended ratio — 16 : 9
10Social Media Content & Community Development
Content and community social tiles
OUTCOME

The result

A catalog of 200+ vehicle fitments that customers navigate by their own car, serving both retail shoppers and wholesale dealers from a single, maintainable store.

TEAM

Behind the build

The people who designed, engineered, and shipped Broadfeet.

GC
Gordon Chai LEAD
Lead — Web Development & UX
DC
David Jia Chen
Software Engineer
D
Desmond
Software Engineer / Web Developer
SC
Sila Chanrujipat
Senior Graphic Designer & Marketing Strategist
LinkedIn ↗
SL
Stephen Lo
Web Developer
BL
Beauty Lim
Operations & Vendor Relations
NEXT PROJECT
Reztaurant Direct →
All work