OBO — la boutique
de pneus vélo.
Boutique spécialisée 12 000+ références, multi-fournisseurs, avec un outil de gestion de catalogue qui fait gagner des semaines de saisie.
2 interfaces, une application
Choisissez votre rôle pour explorer le prototype.
Boutique
Catalogue multi-fournisseurs, fiches techniques précises, sélecteur de sous-références avec prix dynamique.
- Filtres métier : taille ETRTO, tubeless, marque, tringle
- Fiche produit avec dots de notation par dimension
- Panier à prix dynamique selon la combo choisie
Back-office
Import de catalogue par IA, édition façon tableur, gestion des brouillons — sans dépendre d'un développeur.
- Import PDF/CSV/XLSX en 3 étapes guidées
- Mapping colonnes automatique (confiance colorée)
- Grille éditable : Tab/Enter, duplication de ligne, aperçu dots
De 10 réfs/h à la main à l'import IA.
La saisie de catalogue est la tâche la plus chronophage d'un distributeur spécialisé. C'est exactement ce qu'on a automatisé.
- Saisie manuelle ligne par ligne depuis le PDF fournisseur
- ~10 références/heure à la main dans un tableur
- Champs différents selon les marques → colonnes qui ne matchent pas
- Erreurs de saisie sur les ETRTO et TPI
- Mise en ligne retardée de plusieurs jours par catalogue
- Upload du PDF ou CSV fournisseur en une action
- Extraction IA + mapping colonnes en quelques secondes
- Schéma de champs souple : chaque marque a ses spécificités
- Validation humaine avant toute publication (contrôle total)
- 100 références traitées en moins d'une heure
12 000 références.
Aucun compromis sur les specs.
Un catalogue de pneus vélo n'est pas un catalogue générique. ETRTO, TPI, tringle souple/rigide, compatibilité tubeless, E-bike E25/E50 — chaque champ a son importance. On les traite tous.
Route, VTT, gravel, cyclocross, BMX, trial — tout le catalogue d'un distributeur spécialisé.
Maxxis, Continental, Schwalbe, Vittoria, WTB… chaque marque a son schéma de champs propre.
Taille × tringle × gomme × couleur. Le sélecteur en cascade révèle le prix à la combo choisie.
Les champs spécifiques d'un fournisseur n'apparaissent que quand ils ont une valeur. Jamais de vide.
Maxxis
Minion DHF
29" × 2.50 · 60 TPI · 1 005 g
Les dots — une notation instantanée.
Chaque référence est notée sur 5 dimensions. Un code simple dans le BO génère l'affichage automatiquement — aucune image à préparer.
Continental
Race King
29" × 2.20 · 120 TPI · ETRTO [55-622] · 595 g
Performance
Saisie back-office
accroche_route = 7|6
roulement = 7|5
durabilité = 7|5
protection = 7|4
confort = 7|3
Code → dessin automatique
Le gérant saisit "7|5" dans la cellule — le front génère la rangée de dots. Pas de plugin d'image, pas de copier-coller d'icônes.
5 dimensions de performance
Accroche, roulement, durabilité, protection, confort. Chaque dimension a sa couleur sémantique. Un coup d'œil suffit pour comparer deux pneus.
Animation au scroll, une fois
Les dots se chargent en stagger à l'entrée dans le viewport. Ça renforce l'idée de jauge — sans ralentir la navigation.
Légende des couleurs
Votre code, votre catalogue.
Propriété du code
Repo livré, aucun lock-in plateforme.
Sans abonnement caché
Pas de SaaS, pas de licence mensuelle.
Évolutif
Next.js + SQLite standard. N'importe quel dev peut reprendre.
Rapide à déployer
Un serveur basique suffit. Pas de cloud propriétaire requis.
Je possède le code source ?
Oui. Livraison du repo complet, pas de SaaS mensuel. Vous hébergez où vous voulez, vous modifiez ce que vous voulez.
Que se passe-t-il si je veux ajouter un fournisseur demain ?
Le schéma de champs est souple par marque. Ajouter un fournisseur = importer son fichier et mapper ses colonnes. Pas besoin de développement.
L'IA peut se tromper sur les specs ?
Oui, c'est pourquoi rien n'est jamais auto-publié. Chaque import passe par un écran de validation humaine. Les cellules incertaines sont surlignées.
Le prototype contient de vraies données ?
Non, toutes les données sont fictives mais réalistes. Les noms de produits, ETRTO et prix sont illustratifs.
OBO
Boutique pneus vélo
Prototype interactif — données fictives — 2026