Une nouvelle expérience mobile-first

Réparer ses jantes. Choisir ses pneus. Réserver.

Un parcours simple pour photographier chaque jante, obtenir une offre adaptée au véhicule, payer en ligne et planifier l’intervention au garage.

La fonctionnalité

Un devis jantes et pneus directement dans Magic DSP

La nouvelle rubrique complète le parcours carrosserie existant avec un flux dédié, transactionnel et conçu pour le téléphone.

01

Photos par jante

L’utilisateur choisit la position de chaque jante et ajoute plusieurs vues pour faciliter l’évaluation.

02

Pneus sur mesure

Dimensions, saison, indices et préférence de marque permettent d’interroger le catalogue fournisseur.

03

Paiement et rendez-vous

Le tarif est validé côté serveur, payé avec Stripe, puis l’intervention est planifiée au garage.

Parcours client

De la photo au garage en cinq étapes

IdentifierVéhicule, jantes concernées et type de dommage.
PhotographierPlusieurs photos guidées pour chaque jante.
ConfigurerOption pneu, dimensions, saison et marque.
PayerOffre détaillée et paiement Stripe sécurisé.
RéserverGarage, créneau disponible et confirmation.

Maquettes mobile-first

Deux moments clés du nouveau parcours

Les écrans privilégient de grandes zones tactiles, une progression visible et un seul appel à l’action principal.

9:41● 5G ▰
Jantes & PneusNouvelle estimation

Quelles jantes ?

Sélectionnez-les puis ajoutez 2 à 4 photos par jante.

Avant gauche3 photos ajoutées
Avant droiteNon sélectionnée
Arrière gaucheNon sélectionnée
Arrière droite1 photo ajoutée
+
Je souhaite aussi remplacer les pneus
Continuer avec les pneus →

1. Jantes et photos

Sélection par position, galerie multiple et option pneu.

9:41● 5G ▰
Votre offre205 / 55 R16 · Toutes saisons

Choisissez vos pneus

Prix indicatifs pour 2 pneus, montage inclus.

Michelin CrossClimate 291V · Toutes saisons · En stock278 €
Continental AllSeasonContact91V · Toutes saisons · Sous 48 h252 €
Hankook Kinergy 4S291H · Toutes saisons · En stock218 €
Réparation de 2 jantes180 €
2 pneus + montage278 €
Total TTC458 €

🔒 Paiement sécurisé par Stripe

Payer 458 € →

2. Offre et paiement

Comparaison simple, total transparent et paiement sécurisé.

Diagramme d’activité

Du devis jantes à la pose des pneus

Explorez le parcours complet. La branche orange représente l’option pneus ; les deux chemins se rejoignent avant le paiement et la prise de rendez-vous.

Sans pneusAvec pneus
Parcours interactifCliquez sur une étape ou lancez l’animation.

Roadmap · 55 jours ouvrés

Onze semaines, 2 à 3 développeurs et un designer

55 jours ouvrés de calendrier (11 semaines). Une équipe de 2 à 3 développeurs travaille en parallèle — environ 110 à 165 jours-développeur — avec le designer. Les délais de revue Apple et Google restent externes.

J1–7

Cadrage et conception

Règles métier, UX, prototype, architecture, contrat API pneus et stratégie Stripe.

J8–18

Commande jantes

Navigation, formulaire, photos multiples, brouillons, Firestore, Storage et back-office initial.

J19–30

Catalogue et prix

Fournisseur, recherche, stock, cache, TVA et expiration des offres.

J31–40

Paiement et rendez-vous

Stripe Checkout, webhook, idempotence, retour mobile, remboursement et réservation.

J41–49

Qualité et sécurité

Tests, rôles, règles Firebase, six langues, accessibilité et appareils physiques.

J50–55

Release progressive

Web, Android, iOS, TestFlight, Play Console, monitoring et rollback.

Évolutions techniques

Ce que nous ajoutons dans Magic DSP

Un module distinct des devis carrosserie, qui réutilise authentification, garages et rendez-vous.

APP

Angular, Ionic, Capacitor

Route et menu, wizard sauvegardable, capture/compression des photos, comparateur, total TTC et deep links.

DB

Firebase

Collection wheelOrders, historique, Storage par jante, règles, index et rendez-vous.

API

API pneus

Adaptateur serveur, dimensions, saison, indices, cache, stock, expiration et instantané de l’offre.

Stripe

Création serveur, recalcul, webhook signé, idempotence, annulation et remboursement.

BO

Back-office

Commandes, photos, statuts, rendez-vous, remboursements et traitement garage.

SEC

Sécurité

Secrets par environnement, champs protégés, logs, alertes et réconciliation.

Backlog indicatif

24 tickets pour rendre la complexité visible

Les points représentent une complexité relative, pas des jours.

A

Expérience · 8 tickets

WHL-01 route/menu (3 pts)
WHL-02 modèles (5)
WHL-03 wizard/brouillon (8)
WHL-04 photos multi-jantes (8)
WHL-05 pneu (5)
WHL-06 total/CGV (5)
WHL-07 suivi (5)
WHL-08 i18n/a11y (5)

B

API et paiement · 8 tickets

API-01 fournisseur (8 pts)
API-02 recherche/cache (8)
API-03 prix/stock (8)
PAY-01 Checkout (8)
PAY-02 webhook (8)
PAY-03 retour mobile (8)
PAY-04 remboursement (5)
PAY-05 réconciliation (5)

C

Exploitation · 8 tickets

OPS-01 back-office (8 pts)
OPS-02 rendez-vous (8)
SEC-01 règles (8)
QA-01 Functions (8)
QA-02 E2E (8)
CI-01 pipeline (5)
OBS-01 alertes (5)
REL-01 rollback (5)

Développement, CI/CD et publication

Du commit jusqu’au Web, Android et iOS

PR

Pull Request et CI

Relecture, lint Web/Functions, compilation, tests, règles Firebase, build Angular et E2E.

DEV

Recette dev

magic-dsp-dev, Stripe Test, fournisseur sandbox, tests multi-rôles et validation métier.

REL

Release contrôlée

Validation humaine, secrets production, feature flag, monitoring et rollback.

WEB

Web

Firebase Hosting, smoke tests, activation progressive et retour à l’artefact précédent.

AND

Android

Capacitor, AAB signé, Play Console, tests fermés puis déploiement progressif.

iOS

Apple

Capacitor, archive signée, TestFlight, Universal Links et App Store Connect.

Garde-fous

Aucun déploiement production automatique. Stripe est validé en mode Test et la rubrique reste désactivable par feature flag pendant la validation des stores.

Architecture cible

Une commande fiable de bout en bout

ApplicationFormulaire Ionic, appareil photo et retour mobile.
FirebaseCommandes, images, règles d’accès et rendez-vous.
API fournisseurCatalogue pneus, prix, stock et délai de validité.
StripeCheckout, webhook, confirmation et remboursement.

Estimation financière

Investissement projet · 14 750 €

Proposition revue : TJM à 89 € / jour / développeur pour une équipe de 3 (vs. référence marché 450 €), avec un échéancier sur 5 mois.

Réf. marché · 74 250 € · 450 €/J/DEV · 3 pers. Notre offre · 14 750 € · 89 €/J/DEV · 3 pers.

74 250 €Réf. marché · 450 € / J / DEV · 3 pers.

14 750 €89 € / J / DEV · base 3 personnes · conception + développement + recette (Web, Android, iOS)

Paiement échelonné

Les 14 750 € peuvent être réglés sur 5 mois.

2 950 € / mois × 5

Pourquoi ce périmètre a un coût

Nouveau module & nouvel espace

Rubrique dédiée dans Magic DSP, navigation, wizard multi-étapes, écrans mobile-first et back-office associé — distinct du devis carrosserie.

Nouveau modèle de données

Entités commande jantes/pneus, photos par jante, historique, statuts, règles Firestore/Storage et index — sans casser l’existant.

API externe catalogue

Connexion fournisseur : dimensions, saison, stock, prix, cache, expiration des offres et gestion d’erreurs côté serveur.

Paiement en ligne (Stripe)

Checkout sécurisé, recalcul serveur, webhook signé, idempotence, annulation/remboursement et réconciliation.

Parcours transactionnel complet

Devis → offre → paiement → rendez-vous garage → suivi commande, sur Web et apps natives Capacitor.

Qualité, sécurité, stores

Tests, feature flag, secrets par environnement, monitoring, puis publication progressive Android / iOS.

Périmètre inclus : conception UX, développement (2 à 3 dev + designer sur 11 semaines, chiffrage TJM sur base 3 personnes), intégrations API & Stripe, back-office, recette sur magic-dsp-dev, préparation release Web/Android/iOS. Hors forfait éventuel : frais Stripe / fournisseur pneus, comptes stores Apple/Google, évolutions hors backlog initial.