Application web
CAR WASH MOBILE
2024
Une plateforme de gestion d'interventions pour une entreprise de lavage mobile : un planning, une fiche de travail par véhicule et un portail où chaque client suit ses propres interventions.
Organise le travail quotidien de 12 techniciens
“L'application et le site web que tu as créés pour nous sont vraiment excellents.”Shabbir Nuhuman★★★★★Lire l'avis.webp&w=3840&q=75)
01
La plateforme web de Mobile Wash
Car Wash Mobile est la plateforme web de Mobile Wash, une entreprise française qui lave des flottes de véhicules sur site. Camions, autocars, fourgons et utilitaires sont lavés directement au dépôt du client : ce n'est pas le véhicule qui vient au lavage, c'est le technicien qui vient au véhicule.
- Site en ligne
- mobile-wash.fr est le site de production. Les écrans de gestion nécessitent un compte autorisé.
- Démo web interactive
- La démo fournie présente les parcours web avec des données fictives et des rôles de démonstration. Elle est séparée du système réel de l'entreprise.
- Application iOS associée
- Mobile Wash Technicians est l'application iPhone distincte, distribuée en privé, destinée au personnel sur le terrain.
La plateforme répond aux deux questions que l'entreprise se pose toute la journée :
- Qui lave quoi, et où ?
- Qu'a-t-on fait exactement, et peut-on le prouver ?
Trois types d'utilisateurs :
- Le personnel du bureau planifie les interventions et répartit les techniciens
- Les techniciens réalisent le travail et le consignent véhicule par véhicule
- Les clients se connectent pour suivre leurs interventions et télécharger leurs rapports
Démo en ligne
Essayez par vous-même
Découvrez l'application web fournie, avec des données fictives. Office / Admin et Technicien ouvrent l'interface de gestion commune ; Client portal affiche les données de ce client d'exemple. Les modifications ne touchent pas mobile-wash.fr, et aucun vrai service de connexion, d'e-mail ou de fichiers n'est relié. L'interface de la démo est en anglais.
Faites glisser pour voir la suite →
02
Le problème
Le lavage mobile disperse le travail d'une même entreprise sur de nombreux sites, véhicules et personnes, ce qui rend difficile le suivi :
- Du planning : les interventions de plusieurs techniciens sur plusieurs sites clients doivent être planifiées et déplacées en permanence, et chacun doit savoir qui est où.
- Des preuves de travail : chaque véhicule a besoin de sa propre fiche indiquant ce qui a été nettoyé, avec photos et une signature en laquelle le client peut avoir confiance.
- Des questions des clients : les clients veulent savoir ce qui a été fait et obtenir leurs rapports sans appeler le bureau.
- Du travail loin d'un bureau : une grande partie du travail se fait sur un téléphone, au dépôt, pas sur un ordinateur au bureau.
L'objectif : un seul système où chaque intervention est planifiée, réalisée, consignée et documentée à partir des mêmes données.
Le planning
Les techniciens sont en lignes, les jours en colonnes. Chaque intervention est une carte dont la couleur indique le statut : pré-planifiée, planifiée, synchronisée, commencée, terminée ou validée. On passe de la vue jour à la semaine ou au mois, ou on glisse une intervention vers un autre jour ou un autre technicien pour la replanifier.
Faites glisser pour voir la suite →
03
La solution
A. Un planning unique
La semaine de toute l'équipe sur un seul écran. Déplacer une intervention se fait par glisser-déposer, et la modification est enregistrée immédiatement.
B. Une fiche pour chaque véhicule
Chaque intervention consigne chaque véhicule séparément : immatriculation, catégorie, lavage intérieur, extérieur et cabine, jusqu'à trois photos et neuf catégories de prestation à cocher. Les totaux en haut se calculent automatiquement à partir de ces cases.
C. Des documents issus des mêmes données
La page d'intervention affiche aussi ce que l'application mobile du technicien a renvoyé, y compris la signature du client. Le rapport d'intervention est généré en PDF à partir de cette fiche : il correspond donc toujours à ce qui a été saisi.
Faites glisser pour voir la suite →
04
Le portail client
Les clients se connectent à un portail séparé et restreint qui n'affiche que leurs propres interventions, jamais celles d'un autre client.
Ce qu'ils y trouvent :
- Des indicateurs : total, planifiées, en cours et terminées
- Leurs interventions groupées par mois, avec recherche et filtre par statut
- La consultation ou le téléchargement en un clic du rapport ou de la facture PDF de chaque intervention
Les clients suivent l'avancement et récupèrent leurs documents eux-mêmes, à tout moment, sans avoir à appeler le bureau.
05
Pensée pour le téléphone
Techniciens et responsables sont souvent sur site : les écrans les plus utilisés ont donc été retravaillés pour les téléphones. À partir de la taille d'une tablette, chacun retrouve sa mise en page complète.
Planning
Défile horizontalement avec la colonne des techniciens figée, pour ne jamais perdre de vue la ligne consultée.
Heures de travail
Un jour à la fois : une barre des jours en haut, puis chaque technicien avec ses heures de début et de fin en pleine largeur.
Fiches véhicules
Un tableau de neuf colonnes devient une carte par véhicule, facile à remplir avec le pouce.
Formulaires
Les libellés sont au-dessus de champs pleine largeur, et les champs obligatoires sont clairement signalés.
Technologies
- React
- TypeScript
- Vite
- Tailwind CSS
- Radix UI
- TanStack Query
- React Hook Form
- Zod
- Supabase
- Cloudflare R2
- jsPDF
06
Sous le capot
Comment c'est construit :
- Interface : React et TypeScript sur Vite, avec Tailwind et des composants Radix UI, et des formulaires validés avec React Hook Form et Zod
- Données : Supabase (Postgres), via une couche de services de données commune
- Fichiers : photos et documents stockés en privé sur Cloudflare R2 et servis par des liens signés à durée limitée
- Accès : sessions délivrées par le serveur, avec des vues distinctes pour le bureau, les techniciens et les clients
- Documents : rapports d'intervention générés en PDF dans le navigateur
Production et démo sont séparées : la démo fournie remplace la connexion aux données réelles par des données d'exemple dans le navigateur. L'accès par rôle de démo et la réinitialisation ont été ajoutés pour le portfolio. Les e-mails, envois de fichiers et services externes sont simulés ; l'architecture de production ci-dessus n'est pas reliée à cette démo.
Faites glisser pour voir la suite →
07
Bilan
Quelques idées ont guidé tout le projet :
- Concevoir pour le lieu du travail. Pour les techniciens, c'est un téléphone au dépôt, pas un bureau.
- Une seule source de vérité. Le planning, la fiche véhicule et le rapport client proviennent tous des mêmes données : ils ne peuvent pas se contredire.
- Des accès strictement limités. Chaque client voit son propre travail, et rien d'autre.
Avis client
Salam Rimzan, Alhamdulillah, l'application et le site web que tu as créés pour nous sont vraiment excellents et en valaient la peine. C'était un vrai plaisir de travailler avec toi malgré un emploi du temps chargé. J'espère retravailler avec toi à l'avenir, comme nous en avons parlé. Merci.
Avis traduit de l'anglais
Ensuite
Autres projets
- Application iOS privée
Mobile Wash Technicians
L'application iPhone des techniciens Mobile Wash : interventions assignées, saisie des véhicules, photos de prestation et clôture des bons de travail. Distribuée en privé au personnel via Apple Business Manager.
Étude de cas →Essayer la démo - Application web vente et SAV
Portail Équipements
Un portail de vente et de service après-vente d'équipements qui réunit les tarifs distributeurs, le dimensionnement de compresseurs, les calculs techniques et le diagnostic de pannes dans un espace adapté à chaque rôle.
Étude de cas →Essayer la démo - Logiciel de caisse
Caisse de Quincaillerie
Un logiciel de caisse et de gestion hors ligne pour une quincaillerie : facturation entièrement au clavier, vente au sac, au mètre et au kilo, crédit client et dix-sept rapports pour le gérant.
Étude de cas →Essayer la démo - Publicités vidéo UGC par IA
Trusted Health Products
Des publicités vidéo au style créateur pour une marque américaine de santé naturelle fondée par un vétéran, réalisées avec des présentateurs générés par IA. Huit spots verticaux pour ses gammes OraMD (soin bucco-dentaire), ReliefMD (soulagement des douleurs) et Earth & Elm (soin de la peau).
Étude de cas → - Visuels produit et campagne par IA
Gymanimal
Les visuels produit et lifestyle de la collection Summer Essentials de Gymanimal, marque néerlandaise de vêtements de sport pour femmes : des photos studio pour chaque fiche produit et des scènes de campagne en trois coloris.
Étude de cas → - Visuels produit et lifestyle par IA
LXG Society
Des visuels still life et lifestyle pour LXG Society, marque britannique de casquettes premium : les casquettes mises en scène avec des voitures de collection, du sport et des accessoires de studio, puis portées en terrasse, en ville et sur le green.
Étude de cas →
Construisons votre projet
Vous avez une idée ? Réservez un appel gratuit, choisissez le créneau qui vous convient et je vous envoie un lien Google Meet.
Disponible pour de nouveaux projets
Mohomed Rimzan
Appel découverte
Un échange sur votre projet web ou mobile. J'étudie votre besoin et je réponds à vos questions.
Octobre 2026
Jeu. 8
Votre nom et votre e-mail servent uniquement à organiser l'appel. Confidentialité
Étape 1
Réservez un appel gratuit
Je découvre votre projet, vos objectifs et vos besoins. Sans aucun engagement.
Étape 2
Recevez votre proposition
Un périmètre et un planning sous 24 à 48 h. Un prix clair, sans surprise.
Étape 3
Je développe, vous lancez
Je développe par étapes validées ensemble, puis je livre un outil au service de vos objectifs.