Aller au contenu
5 place de la Liberté, BrestLun–Ven, 9h–18h +33 7 60 48 51 21 contact@webdesign29.net Espace client
Site e-commerce

GT Online : pièces détachées et coaching réparation à Brest

Boutique en ligne de pièces détachées pour smartphones, tablettes et ordinateurs, associée à un atelier à Brest où l’on vient réparer son appareil avec un technicien.

GT Online : pièces détachées et coaching réparation à Brest

Une boutique en ligne et un atelier

GT Online vend des pièces détachées pour smartphones, tablettes, montres, ordinateurs et trottinettes électriques. L’entreprise accueille aussi ses clients dans un atelier situé 31 rue de Paris, à Brest, où chacun peut venir réparer lui-même son appareil, accompagné pas à pas par un technicien.

Le site devait donc vendre un catalogue très large, garantir que chaque pièce convient à l’appareil du client, réserver les séances de l’atelier et gérer la logistique au quotidien. Nous avons conçu et développé l’ensemble sur mesure, de la boutique à la console d’administration, avec PRISM, notre framework, sur le serveur bext. Le site est ouvert à la vente depuis septembre 2026.

Le projet en bref

Besoin
Proposer un très large catalogue de pièces détachées sans envoyer de pièce incompatible, et organiser en parallèle les séances de réparation à l’atelier.
Ce que nous avons livré
Une boutique sur mesure qui filtre les pièces selon l’appareil du client, ne débite la carte qu’à l’expédition et réserve les séances de coaching, avec une console qui couvre la préparation et l’expédition.
Résultat
Le client ne voit que les pièces adaptées à son appareil et n’est débité qu’à l’envoi. L’atelier gère les commandes, les séances et les expéditions au même endroit.

Trouver la pièce qui correspond à l’appareil

Sur un site de pièces détachées, le principal risque est d’envoyer une pièce qui ne correspond pas à l’appareil. Chaque référence du catalogue est donc rattachée aux modèles exacts qu’elle équipe. Le visiteur indique son appareil une fois, par son nom, par sa référence constructeur ou par son numéro IMEI, et le site ne lui présente plus que les pièces compatibles.

L’IMEI s’affiche en composant *#06# sur le téléphone, et ses huit premiers chiffres identifient le modèle. Le client n’a donc pas besoin de connaître le nom commercial exact de son appareil.

Quand la panne n’est pas encore identifiée, le diagnostic guidé part du symptôme. Il propose d’abord les vérifications gratuites à faire soi-même, puis les causes probables et les pièces qui y répondent.

Faites glisser le schéma pour le voir en entier.

Le numéro IMEI saisi identifie le modèle, puis seules les pièces compatibles restent proposées.IMEI ou référence du modèle35391110 4827163Les huit premiers chiffres désignent le modèleApple iPhone 16Écran OLED iPhone 16Batterie iPhone 16Écran iPhone 16 ProConnecteur de charge iPhone 16Vitre arrière iPhone 15Caméra arrière iPhone 16Aussi par référence constructeurSM-S901B · A2338 · A1549ou par marque, puis modèleLe choix s’applique à tout le catalogue.
Du numéro IMEI aux pièces compatibles.
Le diagnostic guidé, la page du modèle iPhone 16 et la fiche d’un écran sur téléphone
Le diagnostic guidé, la page d’un modèle et la fiche d’une pièce, sur téléphone.

Débit de la carte à l’expédition

Le client n’est débité qu’au moment où son colis part. À la commande, Stripe réserve le montant sur sa carte, et le débit intervient à l’expédition.

Le paiement tient sur une seule page, avec les codes promo, la saisie d’adresse assistée par la Base Adresse Nationale et le choix du transport : point relais Chronopost sur une carte, Colissimo à domicile ou en point retrait, ou retrait à l’atelier. Les clients qui le souhaitent peuvent enregistrer leur carte pour leurs prochains achats.

Faites glisser le schéma pour le voir en entier.

Le montant est réservé sur la carte à la commande et débité seulement à l’expédition.1CommandePanier validé2Empreinte bancaireMontant réservé3PréparationColis emballé à l’atelier4ExpéditionDébit de la carteRéservé sur la carte0,00 €67,80 €0,00 €Débité0,00 €67,80 €
Le montant est réservé à la commande et débité à l’expédition.

Le traitement d’une commande

Dès qu’une commande est validée, l’atelier est prévenu. La préparation se fait depuis une fiche dédiée, avec liste de colisage et code-barres, et l’étiquette Chronopost ou Colissimo se génère en un clic.

Le client suit l’avancement depuis la page de sa commande, qui se met à jour en direct, et reçoit son numéro de suivi à l’expédition. Factures, avoirs et bons de retour sont produits automatiquement en PDF.

Faites glisser le schéma pour le voir en entier.

Trajet d’une commande : validation, alerte à l’atelier, préparation, étiquette de transport et expédition.ClientAtelierCommande validéemontant réservéAlerte à l’atelieren temps réelPréparationliste de colisageÉtiquetteChronopost ou ColissimoExpéditioncarte débitée, suivi envoyé
Le trajet d’une commande, de la validation à l’expédition.

Le coaching réparation à l’atelier

Le client achète sa pièce en ligne, réserve un créneau et vient la poser lui-même à l’atelier, guidé par un technicien. La pièce l’attend sur place. La séance se réserve seule ou avec une commande, peut être déplacée en ligne et se règle par carte.

Dans la console, l’atelier gère ses créneaux, ses fermetures exceptionnelles et la durée des séances. Un rappel est envoyé au client la veille, et l’équipe suit les séances dans son propre agenda.

Pour ceux qui réparent chez eux, la rubrique Entraide rassemble les questions des clients et les réponses de l’atelier, consultables par tous.

La page Coaching sur ordinateur, la page Atelier et la rubrique Entraide sur téléphone
La page Coaching, l’atelier de la rue de Paris et la rubrique Entraide.

Des fiches vérifiées avant publication

Chaque fiche produit est contrôlée avant sa mise en ligne. La compatibilité avec les modèles doit être établie, et la fiche doit comporter une photo, une description et un prix.

Les fiches incomplètes restent en attente dans la console, avec la liste de ce qui leur manque. Les photos des produits sont protégées par un filigrane.

Faites glisser le schéma pour le voir en entier.

Chaque fiche produit passe trois contrôles, compatibilité, photo et contenu, avant d’être publiée ou renvoyée pour être complétée.CompatibilitéPhotoContenuNouvelles fichesavant publicationEn lignefiche publiéeÀ compléterreste en attente
Chaque fiche passe trois contrôles avant d’être mise en ligne.

Les autres rayons

Le même catalogue couvre les tablettes, les montres, les ordinateurs portables (dalles, claviers, batteries, cartes), les trottinettes électriques, les accessoires, l’outillage et des appareils neufs ou d’occasion. Chaque rayon dispose de ses propres filtres : couleur, puissance, connectique, taille de montre ou format de dalle.

La recherche repose sur un moteur plein texte intégré au serveur, qui affiche le nombre de résultats de chaque filtre. Le configurateur de film hydrogel prépare une protection sur mesure pour l’écran, le dos ou les deux, en écartant les combinaisons qui ne conviennent pas au modèle.

Le rayon Informatique et une recherche de batterie sur ordinateur, le configurateur de film hydrogel sur téléphone
Le rayon Informatique, une recherche et le configurateur de film hydrogel.

Le site, page par page

29 pages capturées sur gtonline.fr le 25 septembre 2026, sur ordinateur et sur téléphone. Cliquez sur une page pour l’afficher en entier, puis passez à la suivante avec les flèches.

Visiter le site

La boutique

De l’accueil à la fiche produit, le parcours d’achat d’une pièce.

8 pages, 7 vues mobiles

Sur ordinateur

gtonline.fr
Accueil
Accueil
Nouveautés, rayons et accès direct aux pièces par appareil.
gtonline.fr
Menu des pièces
Menu des pièces
Les pièces classées par marque et par modèle, depuis l’en-tête.
gtonline.fr
Mon appareil
Mon appareil
Le choix de l’appareil, qui filtre ensuite tout le catalogue.
gtonline.fr/pieces
Pièces détachées
Pièces détachées
Tout le catalogue, filtrable par catégorie, marque, modèle, qualité et prix.
gtonline.fr/pieces/marque/apple
Page marque
Page marque
Une marque et l’ensemble de ses modèles.
gtonline.fr/pieces/modele/iphone-16
Page modèle
Page modèle
Les pièces d’un modèle, classées par catégorie.
gtonline.fr/pieces/ecran-tactile-soft-oled-premium-plus-apple-iphone-16-ic-removable-noir
Fiche produit
Fiche produit
Prix, compatibilité, qualité, délai et ajout au panier.
gtonline.fr/recherche?q=batterie+galaxy+s24
Recherche
Recherche
Les résultats d’une recherche, avec les filtres du catalogue.

Sur téléphone

Accueil sur téléphone
Accueil
Mon appareil sur téléphone
Mon appareil
Pièces détachées sur téléphone
Pièces détachées
Page marque sur téléphone
Page marque
Page modèle sur téléphone
Page modèle
Fiche produit sur téléphone
Fiche produit
Recherche sur téléphone
Recherche

Les rayons

Chaque rayon a sa page, ses catégories et ses propres filtres.

6 pages, 6 vues mobiles

Sur ordinateur

gtonline.fr/accessoires
Accessoires
Accessoires
Coques, verres trempés, charge, audio et objets connectés.
gtonline.fr/protection
Protection
Protection
Verres trempés, films et coques, dont le film hydrogel sur mesure.
gtonline.fr/informatique
Informatique
Informatique
Pièces Mac et PC, dalles, claviers, stockage et périphériques.
gtonline.fr/equipements
Équipement
Équipement
Outillage et matériel d’atelier.
gtonline.fr/mobilite
Mobilité
Mobilité
Pièces pour trottinettes et autres engins électriques.
gtonline.fr/appareils
Appareils
Appareils
Téléphones, tablettes et ordinateurs, neufs ou d’occasion.

Sur téléphone

Accessoires sur téléphone
Accessoires
Protection sur téléphone
Protection
Informatique sur téléphone
Informatique
Équipement sur téléphone
Équipement
Mobilité sur téléphone
Mobilité
Appareils sur téléphone
Appareils

Réparer

Les pages qui accompagnent la réparation, à l’atelier comme à la maison.

8 pages, 8 vues mobiles

Sur ordinateur

gtonline.fr/diagnostic
Diagnostic guidé
Diagnostic guidé
Marque, modèle, symptôme, puis les causes probables et les pièces.
gtonline.fr/protection/hydrogel
Film hydrogel
Film hydrogel
Le configurateur de film de protection sur mesure.
gtonline.fr/coaching
Coaching
Coaching
L’offre de coaching et la réservation d’un créneau.
gtonline.fr/atelier
L’atelier
L’atelier
L’atelier de la rue de Paris, ses horaires et l’itinéraire.
gtonline.fr/entraide
Entraide
Entraide
Les questions des clients et les réponses de l’atelier.
gtonline.fr/entraide/ecran-noir-mais-le-telephone-sonne-et-vibre-encore-que-verifier
Une question résolue
Une question résolue
Le fil d’une question, avec la réponse de l’atelier.
gtonline.fr/blog
Le Mag
Le Mag
Conseils de réparation et actualités de la boutique.
gtonline.fr/blog/changer-son-ecran-soi-meme-ce-quil-faut-savoir
Article du Mag
Article du Mag
Un article, avec son sommaire.

Sur téléphone

Diagnostic guidé sur téléphone
Diagnostic guidé
Film hydrogel sur téléphone
Film hydrogel
Coaching sur téléphone
Coaching
L’atelier sur téléphone
L’atelier
Entraide sur téléphone
Entraide
Une question résolue sur téléphone
Une question résolue
Le Mag sur téléphone
Le Mag
Article du Mag sur téléphone
Article du Mag

Commande et suivi

Du panier au suivi du colis, avec les pages d’information.

7 pages, 7 vues mobiles

Sur ordinateur

gtonline.fr/pieces/panier
Panier
Panier
Le contenu du panier et l’estimation des frais de livraison.
gtonline.fr/pieces/checkout
Paiement
Paiement
Coordonnées, livraison et carte bancaire sur une seule page.
gtonline.fr/commandes
Suivi de commande
Suivi de commande
Retrouver une commande avec sa référence et son adresse e-mail.
gtonline.fr/connexion
Espace client
Espace client
La connexion sans mot de passe, par lien ou par code.
gtonline.fr/livraison
Livraison
Livraison
Les modes de livraison, leurs tarifs et leurs délais.
gtonline.fr/faq
Questions fréquentes
Questions fréquentes
Les réponses aux questions courantes, classées par thème.
gtonline.fr/contact
Contact
Contact
Le formulaire de contact et les coordonnées de l’atelier.

Sur téléphone

Panier sur téléphone
Panier
Paiement sur téléphone
Paiement
Suivi de commande sur téléphone
Suivi de commande
Espace client sur téléphone
Espace client
Livraison sur téléphone
Livraison
Questions fréquentes sur téléphone
Questions fréquentes
Contact sur téléphone
Contact

Les fonctions de la plateforme

Toutes ces fonctions ont été développées pour GT Online, de la boutique à la console d’administration.

Boutique

  • Choix de l’appareil appliqué à tout le catalogue
  • Recherche de l’appareil par IMEI ou par référence constructeur
  • Pages par marque, par modèle et par catégorie de pièce
  • Diagnostic guidé, du symptôme aux pièces compatibles
  • Comparaison des qualités d’écran, d’origine ou compatibles
  • Kit de réparation proposé avec chaque pièce
  • Demande de produit introuvable
  • Configurateur de film hydrogel sur mesure

Commande et paiement

  • Paiement sur une seule page avec Stripe
  • Montant réservé à la commande, débité à l’expédition
  • Cartes enregistrées et codes promo
  • Achat au nom d’une entreprise avec SIREN ou SIRET vérifié et numéro de TVA
  • Saisie d’adresse assistée par la Base Adresse Nationale
  • Relance des paniers abandonnés et protection contre les commandes abusives

Livraison

  • Point relais Chronopost choisi sur une carte
  • Colissimo à domicile, avec ou sans signature, ou en point retrait
  • Retrait à l’atelier aux horaires d’ouverture
  • Étiquettes, bordereaux et numéros de suivi générés automatiquement
  • Tarif propre à chaque mode de livraison

Espace client

  • Connexion sans mot de passe, par lien ou par code reçu par e-mail
  • Historique des commandes, factures et avoirs en PDF
  • Page de commande mise à jour en direct
  • Demande de retour avec bon de retour en PDF
  • Carnet d’adresses et newsletter avec double confirmation

Atelier et coaching

  • Réservation d’une séance, seule ou avec une commande de pièce
  • Report et paiement de la séance en ligne
  • Créneaux, fermetures exceptionnelles et durées gérés dans la console
  • Rappel envoyé la veille et agenda consultable depuis un calendrier
  • Factures et avoirs de coaching
  • Rubrique Entraide, où l’atelier répond aux questions des clients

Console d’administration

  • Alerte dès qu’une commande est validée
  • Préparation avec liste de colisage et code-barres
  • Étiquettes de transport générées en un clic
  • Retours, remboursements et avoirs
  • Gestion du stock
  • Fiches produits contrôlées avant publication
  • Photos produits protégées par un filigrane
  • Accès de l’équipe selon son rôle

Contenus et référencement

  • Pages, FAQ, guides et magazine gérés dans la console
  • Modification des textes directement sur la page
  • Sitemap, données structurées et images de partage générés
  • Fichier llms.txt pour les assistants IA
  • Redirections automatiques des produits et modèles renommés
  • Modèles d’e-mails modifiables et suivi des envois

Technologies utilisées

TypeScriptTypeScriptRustRustStripeStripe
  • Application web : PRISM, TypeScript et rendu serveur sur le runtime Rust bext
  • Données : SQLite avec Drizzle ORM
  • Recherche : moteur plein texte Tantivy intégré au serveur
  • Paiement : Stripe, réservation à la commande puis débit à l’expédition
  • Transport : API Chronopost et Colissimo
  • Stockage : images sur stockage objet compatible S3
  • Documents : factures, avoirs, bons de retour et étiquettes générés en PDF
Voir le site du client

Le site a pu évoluer depuis notre intervention.

Un projet comparable ?

Décrivez-le en quelques lignes, nous vous répondons sous 24 heures.

Demander un devis gratuit Nous contacter