Portfolio / Technical e-commerce
A spare part isn't bought. It's verified.
PILOTS manufactures sintered brake pads in Colombia for motorcycles, quad bikes and electric scooters. Selling that online is not a matter of good photography: it is answering whether this reference fits that bike, in that position, with that compound. We designed and built their store on WordPress, Elementor and WooCommerce around exactly that question — a catalogue by application, product pages carrying the data that decides the purchase, Mercado Pago at checkout, and an adviser one tap away on WhatsApp.
01The brief
Sell a technical product without teaching engineering.
A brake pad is chosen by compatibility: bike model, year, front or rear position, and the compound it is made of. The buyer does not want to understand the sintering process — they want to know whether this reference stops their bike and whether the right one will arrive.
The brief was to turn that technical category into a store you can walk through without fear of ordering the wrong part: the brand's safety promise held up by concrete data inside every product page, and — when the page cannot settle the doubt — a person answering on WhatsApp.
What decides this purchase
- 01Bike model and year
- 02Position: front or rear
- 03Compound and manufacturing process
- 04Expected life in kilometres
- 05Price and availability
- 06Somebody to ask
Our role
Design and build of the whole site on WordPress, Elementor and WooCommerce: catalogue architecture, a conversion-shaped home page, product pages, cart and checkout, the WhatsApp channel, and the trust modules around the purchase.
02Architecture
Find it, verify it, buy it.
The whole public structure serves three moves, in that order. Any block that does not help one of the three is dead weight in a parts store.
The catalogue is ordered by vehicle.
Search in the header and three doors by vehicle type — motorcycles, quad bikes, scooters and electric scooters — plus the bike model in every product name. Nobody needs the part number to reach the part.
The page answers before you ask.
Model, position, compound, expected life, pieces per set and price in pesos. The description states they are asbestos-free and sintered, and explains what the disc gains from that: the technical promise sits where the decision is made.
Cart to payment without leaving.
A cart visible in the header with units and total, WooCommerce checkout, and payment through Mercado Pago. Alongside it, the WhatsApp button for the purchase that needs a year or a position confirmed first.
03The idea
What this store had to settle.
Trust is not declared in the headline. It is proven on the product page.
«Brake with confidence» is a brand promise, and a promise alone does not close a parts sale. What closes it is the page stating position, compound, expected life and price without anyone having to write in — and, if a doubt survives that, writing in costing a single tap.
So the work did not stop at the home page. The hierarchy runs from promise to technical proof, from proof to category, from category to the exact reference, and from there to the cart. Every screen exists to make the next decision easier.
FindVerifyBuy
04The system
From brand promise to a paid order.
These are the pieces holding the store up, and the route a reference travels from the moment someone looks for it to the moment they pay for it.
WordPress
Site and contentElementor Pro
Page compositionWooCommerce
Catalogue and ordersMercado Pago
PaymentsWhatsApp
Fitment adviceRank Math
Metadata and product data
- 01
Entry by vehicle
The visitor arrives through the header search or through one of the three category doors: motorcycles, quad bikes, or scooters and electric scooters.
- 02
A sortable catalogue
29 references with a photo, a model-based name, a price in pesos and an add-to-cart button, sortable by popularity, rating, newness or price, and paginated sixteen at a time.
- 03
The product page decides
Every reference carries position, compound, average life in kilometres, pieces per set, its bike-brand category and its price, with the technical description explaining why they are sintered.
- 04
Into the cart
The header keeps the cart state — units and total — visible on every page, so adding a reference never means leaving the catalogue.
- 05
Checkout and payment
Native WooCommerce flow with shipping and contact details, and payment through Mercado Pago: the gateway lives where it should live, not on the site.
- 06
The doubt the page can't cover
A floating WhatsApp button on every screen for the question no product page reaches: an odd year, a modified bike, a set for both positions.
- 07
Signals before paying
Testimonials, warranty, shipping, a countdown offer and compatible bike brands. Trust sits next to the button, not on a separate page.
- 08
What the search engine sees
Per-page metadata and structured product data — type, offer and price — so a reference can show up in results carrying its price instead of as a mute link.
29 references · three vehicle types · one route to purchase
05Trust
Everything asked before the click.
In spare parts the objection is not price: it is «what if it doesn't fit?». The store answers that on three fronts.
The figure, not the adjective.
Asbestos-free, sintered, an average life of seven to ten thousand kilometres, one pair per set, position stated. These are the lines a mechanic reads and a rider understands.
Warranty, shipping and returns.
The purchase modules — warranty, shipping, order tracking, my account — live on the site itself, not as a loose promise in the footer.
An adviser, not a form.
WhatsApp visible on every screen, with opening hours and a Medellín address. For a part that depends on model and year, that channel closes sales a product page alone would not.
06The store
What sits behind the catalogue.
Figures from the site, not from a campaign: what a visitor can walk through today on pilotsmotoparts.com.
- 29
- References published in the catalogue
- 3
- Entry doors by vehicle type
- 6
- Sort criteria in the shop
- 1
- Tap to reach an adviser
07Visual system
Braking red on technical white.
Action · Price · Offer
- HEX
- #DA3741
- RGB
- 218 · 55 · 65
Legible accent in text
- HEX
- #C82430
- RGB
- 200 · 36 · 48
Headings and header
- HEX
- #15181C
- RGB
- 21 · 24 · 28
Product copy
- HEX
- #707980
- RGB
- 112 · 121 · 128
Catalogue background
- HEX
- #F2F3F5
- RGB
- 242 · 243 · 245
08Typography
A geometric that shouts, a humanist that explains.
Montserrat
Aa Bb Cc — 0123456789
Medium 500 · Bold 700 · ExtraBold 800
Figtree
Aa Bb Cc — 0123456789
Regular 400 · Medium 500
Figtree · small caps
Aa Bb Cc — 0123456789
SemiBold 600
Frena con confianza
clamp(34–56) · -2% · 700Encuentra el freno perfecto para tu motocicleta
clamp(26–40) · -1% · 700Pastillas de freno Honda Click — Delantera
clamp(17–22) · 0 · 600Asbestos-free pads made through sintering, with a compound blend that extends the life of the brake disc.
16 / 27 · 0 · 400Añadir al carrito · Oferta relámpago
12 / 16 · 8% · 60009The store
What someone who needs a brake pad sees.
Header with search, cart and contact, and the three doors by vehicle type: motorcycles, quad bikes, and scooters or electric scooters.
29 references with photo, model-based name, price in pesos and add to cart, sortable by popularity, newness, rating or price.
Photography, technical description, price, quantity and purchase. Below: compound, average life, pieces per set and position.
Search, vehicle categories and a countdown offer, with featured references ready to add to the cart straight from the home page.
The block explaining sintering, holding up the brand promise right before the row of best sellers.
The catalogue in two columns, with the result count and sorting on top: the screen a part actually gets bought from, in the workshop.
10The outcome
A brake brand with a channel of its own.
pilotsmotoparts.com is live: a catalogue browsable by vehicle and by model, product pages that answer the fitment question, cart and checkout with a gateway, WhatsApp support, and the warranty, shipping and support modules around the purchase. The brand no longer depends on the counter and a catalogue sent by message to sell.
What comes next is content: the blog is in place but has no articles of its own yet, and that is exactly where searches for brake pads by bike model are decided. A fitment guide by brand and a couple of maintenance articles would do for the catalogue what the product page already does for the product.
Stack
- 01WordPress · Hello Elementor
- 02Elementor Pro · ElementsKit
- 03WooCommerce · catalogue and orders
- 04Mercado Pago · gateway
- 05Click to Chat · WhatsApp
- 06Rank Math · on-page SEO
- 07Structured product data
- 08Hostinger · LiteSpeed · PHP 8.2
How it runs
The catalogue is managed from WordPress: add the reference, the photo, the price, the brand category and the spec lines. Publishing a new product never means touching a template, which is what lets a parts store grow at the speed of its inventory.
More work
A technical product sells when the page answers first.
If what you sell depends on fitment — model, size, position, reference — your store does not need more adjectives: it needs the figure to sit where the decision is made, and somebody answering when the figure is not enough. That is what we build.
Tell us about your project