Cas client · E-commerce

Quad Unlimited

Une boutique de pièces powersports qu’on possède, pas qu’on loue. Conçue pour charger vite, se positionner sur Google et tenir dans le temps.

SecteurPièces quad / powersports
StackCloudflare Pages + Supabase
En lignequadunlimited.com
quadunlimited.com
Page d’accueil de Quad Unlimited : catalogue de pièces, fiche Body Kit Banshee 350 avec boutons aperçu et configuration 3D.
Le défi

Vendre en ligne sans rente de plateforme.

Mettre en ligne un catalogue de pièces détachées sans payer un abonnement mensuel à vie à une plateforme e-commerce — et sans sacrifier la vitesse ni le référencement. Le code, les données et le schéma devaient rester à la marque : pas de thème loué, pas de catalogue prisonnier d’un Shopify.

Ce qu’on a construit

Une boutique sur mesure, pensée pour durer.

Une vraie boutique sur stack moderne (Cloudflare Pages + Supabase) : catalogue avec recherche plein-texte et filtres par modèle de quad, fiches produit rendues côté serveur, panier et paiement gérés par Snipcart (checkout intégré + webhook de commande côté serveur).

Et la pièce qui claque : un aperçu 3D du kit dans le hero (model-viewer), et une page configurateur dédiée qui colorise chaque pièce sur un vrai modèle.

quadunlimited.com/configurateur-3d
Configurateur Quad Unlimited : éditions Heritage en 1 clic, pièces du kit avec références et prix, sélecteur de 8 coloris, total en temps réel.
Configurateur — coloris pièce par pièce, éditions Heritage en 1 clic, total en temps réel.
Sous le capot

Du concret, pas des promesses.

Chaque point ci-dessous est dans le code livré — vérifiable, pas décoratif.

13

Routes rendues côté serveur

Fiches produit et hubs catégorie / modèle générés côté serveur par des fonctions Cloudflare, avec cache CDN. Pensé pour Google, pas pour faire joli.

−70%

Poids des images

Photos produits recompressées en JPEG progressif : de 83 à 24 Mo. Ça charge vite, même en 4G au bord d’un terrain.

JSON-LD

Données structurées Google

Organization, Product, FAQ, fil d’Ariane : données Schema.org injectées côté serveur pour viser les résultats enrichis.

12 / 30

Sécurité durcie

Row Level Security sur 12 tables de la base (30 policies) + une Content-Security-Policy réellement appliquée sur les pages clés.

auto

Sitemap dynamique

Le sitemap se génère tout seul depuis le catalogue, à chaque requête. Aucun fichier figé à maintenir à la main.

3D

Aperçu dans le navigateur

Un aperçu 3D du kit dans le hero (model-viewer) et une page configurateur Three.js qui peint pièce par pièce sur un modèle réel.

Et le plus important : code, données et schéma appartiennent à la marque. Repo Cloudflare + base Supabase propres — aucun thème loué, aucune ligne de Shopify.

Ne me crois pas sur parole
quadunlimited.com

Ouvre-la sur ton téléphone et ressens la vitesse.

Je t’en monte une comme ça, dans ton univers à toi.

Possède ta boutique. Ne la loue plus. Réserver un appel gratuit →