CitydropÉtude de cas indépendante, 2026
Du trajet au déménagement
Repenser la location sans agence comme une expérience continue, rassurante et vraiment mobile.
- Rôle
- Stratégie produit, UX/UI, prototype
- Période
- 2017, revisité en 2026
- Périmètre
- Parcours client, prototype opérations, système
- Prototype
- Ouvrir le prototype
Étude personnelle non commanditée. Le service public City-Drop et le prototype CitydropApp sont présentés séparément ; aucune fonction interne non documentée n’est attribuée à City-Drop.
- 1. Rechercher un trajet
- 2. Choisir la ville de départ
- 3. Choisir les dates et horaires
- 4. Confirmer la plage de dates
- 5. Vérifier le départ et les dates
- 6. Choisir la ville d’arrivée
- 7. Comparer les utilitaires
- 8. Sélectionner l’utilitaire 12 m³
- 9. Voir les détails de l’utilitaire
- 10. Choisir une protection
- 11. Confirmer la protection Premium
- 12. Comprendre la caution
- 13. Vérifier le récapitulatif
- 14. Se connecter
- 15. Créer un compte
- 16. Préparer le déménagement
- 17. Indiquer la date du déménagement
- 18. Renseigner les adresses
- 19. Décrire le logement
- 20. Préciser les accès
- 21. Détailler les contraintes d’accès
- 22. Identifier les objets lourds
- 23. Organiser l’aide disponible
- 24. Suivre le Moving Plan
- 25. Découvrir le minibus
- 26. Consulter une offre dernière minute
- 27. Calculer le volume
- 28. Gérer les tâches
- 29. Contacter l’aide et le support
- 30. Parcourir la FAQ
Rassurer sans agence, du premier prix affiché jusqu’au véhicule rendu
City-Drop propose des véhicules en libre-service, sans agence, pour des trajets en aller simple ou aller-retour. Le concept conserve cette autonomie et travaille uniquement la continuité du parcours numérique.
Première collaboration
Je travaille une première fois avec City-Drop sur l’expérience mobile de la location en aller simple, sans agence.
Étude de cas indépendante
Neuf ans plus tard, je reprends le sujet pour relier réservation, trajet et préparation du déménagement.
Séparer le service réel, le prototype et l’inconnu
L’étude reprend uniquement le modèle sans agence documenté publiquement. Tout le reste est nommé comme prototype, donnée de démonstration ou élément hors périmètre.
Modèle de service
- Service documenté
- City-Drop présente une location libre-service et sans agence, pilotée avec le smartphone et l’application.
- Prototype 2026
- Le concept conserve ce principe du choix du trajet jusqu’à la restitution.
- Limite
- Aucune agence physique n’est ajoutée au parcours.
Source des écrans
- Service documenté
- Le service public sert uniquement de point de départ pour comprendre le parcours sans agence.
- Prototype 2026
- Les écrans et interactions montrés dans cette étude viennent de CitydropApp 2026.
- Limite
- Une fonction du prototype n’est jamais présentée comme déjà disponible chez City-Drop.
Opérations internes
- Service documenté
- L’organisation, les outils et les processus internes de City-Drop n’ont pas été audités.
- Prototype 2026
- L’espace opérations est une exploration conçue pour tester la continuité d’un dossier fictif.
- Limite
- Il ne décrit ni l’équipe réelle ni son fonctionnement actuel.
Données et intégrations
- Service documenté
- Les prix, profils, dossiers et statuts visibles dans la démonstration ne sont pas des données City-Drop.
- Prototype 2026
- Ils servent uniquement à rendre les parcours testables de bout en bout.
- Limite
- Le prototype ne prouve aucune intégration bancaire, véhicule ou système de production.
Concevoir autour des moments de doute
Le parcours de référence reste libre-service et sans agence. Le prototype cherche à mieux relier les décisions qui demandent le plus de confiance : prix, protection, documents, accès au véhicule et retour.
- 01Choisir
Trajet, dates et véhicule adaptés au volume.
- 02Préparer
Permis, contrat et caution avant le départ.
- 03Récupérer
Point de retrait, photos et déverrouillage par smartphone.
- 04Rouler
Trajet, documents et assistance accessibles.
- 05Restituer
Zone, preuves photo, clés et verrouillage.
De la maquette filaire au produit fonctionnel
Trois écrans clés passent d’une reconstruction basse fidélité à l’interface réellement implémentée. Leur structure et leurs états viennent directement de CitydropApp 2026.
01 Choisir le départLieu, dates et type de trajet
02 Choisir le véhiculeCarte, trajet et volumes disponibles
03 Vérifier la locationTrajet, utilitaire et crédit parrainage
Suivre le même trajet, de la réservation jusqu’à l’aide
Quatre chapitres suivent l’ordre représenté dans CitydropApp. Les écrans viennent du prototype fonctionnel et ne décrivent pas des fonctionnalités déjà déployées par City-Drop.
Décider sans perdre son contexte
Trajet, dates, véhicule et protection restent reliés avant l’identification et le paiement.
Comparer les volumes disponibles
La route Paris → Bordeaux, les dates et les prix restent visibles. Le 3 m³ est présélectionné avant toute action.
La carte prépare une décision, pas seulement un déplacement
Mapbox matérialise la route dès la réservation, puis aide à retrouver le véhicule au bon moment.
Votre trajet
- Retrait
- Paris — La Défense ·
- Restitution
- Bordeaux — Mérignac ·
- Kilométrage
- Illimité, inclus dans votre location
La location devient le point de départ du déménagement
Six réponses transforment le trajet, le logement et les accès en plan d’actions personnalisé.
Ancrer le plan dans une échéance réelle
La date du déménagement permet de calculer l’ordre et l’échéance des prochaines actions.
Une aide contextualisée, toujours confirmée par l’utilisateur
Cette maquette locale rejoue un scénario simple : ouvrir Move, demander la dernière facture, puis retrouver le reçu associé. L’interface et les données viennent du prototype CitydropApp.
Vos messages
Informations utiles et rappels liés à vos locations.
Posez vos questions sur vos locations, factures, paiements ou documents.
Boîte de réception
Balayez un message vers la gauche pour le reporter ou modifier son état.
Relier les écrans sans inventer les coulisses réelles
Le système de design relie le parcours client et une démonstration d’interface opérations. Cette démonstration ne décrit ni l’organisation ni les outils internes actuels de City-Drop.
Une base commune pour tous les états du parcours
Les 11 familles et leurs 10 niveaux viennent du système de design CitydropApp. Les nuances restent du HTML net à toute densité d’écran.
Magenta
Violet
Bleu
Turquoise
Vert
Citron vert
Jaune
Ambre
Orange
Rouge
Gris
- Interface
- React, TypeScript, Vite, Tailwind CSS, Radix UI, Motion
- Cartographie
- Mapbox GL, Geocoding, Directions, cache et solutions de repli
- Prototype
- Express, SQLite, Zod, OpenAI et ElevenLabs
- Validation
- Playwright, tests serveur, clavier et réduction des animations
Des détails utiles à chaque moment du parcours
Choisir le bon volume, préparer son permis et retrouver de l’aide : chaque fonction réduit une incertitude concrète sans alourdir l’interface.
Choisir la bonne taille, simplement
Le mobilier devient une estimation en m³, puis une recommandation de véhicule.
Move
Une aide contextualisée pour vos locations, factures et documents.
Mon permis de conduire
Un scénario de prototype, pas les opérations réelles
Cette vue montre comment le prototype pourrait relier un dossier de démonstration. Elle ne documente aucun processus interne de City-Drop.
01 Le dossier est préparé
Dans le prototypeLe prototype rassemble trajet, dates, véhicule, permis et paiement dans un dossier de démonstration.
Vue opérationsLa vue opérations du prototype récapitule les informations saisies et les éléments manquants.
LimiteTester la continuité du dossier sans décrire l’outil interne réel de City-Drop.
02 Le point de retrait est précisé
Dans le prototypeIl consulte le point de retrait, le créneau et le véhicule indiqués — jamais une agence.
Vue opérationsLa vue opérations simule disponibilité et planification avec des données fictives.
LimiteRespecter le modèle libre-service et sans agence de City-Drop.
03 Une demande d’aide est simulée
Dans le prototypeIl ouvre l’aide depuis la location de démonstration.
Vue opérationsLa vue prototype regroupe le contexte nécessaire à un scénario de réponse.
LimiteTester une aide contextualisée sans prétendre reproduire le support interne réel.
04 La restitution est simulée
Dans le prototypeIl suit la liste de contrôle et les statuts prévus dans le prototype.
Vue opérationsLa vue prototype montre des états de caution et de remboursement fondés sur des données de démonstration.
LimiteTester la clarté de la clôture, pas documenter un processus déjà déployé.
Si cette piste était testée, les indicateurs devraient être définis avec City-Drop. Aucun résultat opérationnel n’est revendiqué dans cette étude.
Définir ce qu’un futur test devrait mesurer
Aucun gain n’est attribué à City-Drop. Ces critères décrivent uniquement comment évaluer les pistes du prototype lors d’un éventuel pilote.
- Reprisedu parcours
Reprendre son devis sans mot de passe
Mesurer combien de personnes retrouvent une recherche commencée et terminent leur réservation. Le prototype propose une piste ; aucun résultat City-Drop n’est revendiqué.
- Paiementcompréhension et abandon
Rendre le paiement en 3× compréhensible
Mesurer la compréhension du coût, la complétion du paiement et les demandes d’aide. L’interface du prototype ne démontre ni intégration bancaire ni gain de conversion.
- Préparationtâches utiles
Moving Plan, au bon moment
Mesurer les tâches terminées, les rappels désactivés et les retours qualitatifs. Le plan reste une proposition du prototype, pas une fonctionnalité City-Drop annoncée.
- Aiderésolution et erreurs
Move : résoudre ou escalader
Mesurer les réponses utiles, les erreurs, les abandons et les transferts vers une aide humaine. Move est une expérimentation locale et ne représente pas l’assistance actuelle de City-Drop.
Ce que le prototype démontre — et ce qu’il reste à mesurer
- 01
Un périmètre explicite
Le service public, le prototype et les opérations internes non auditées restent clairement séparés.
- 02
Un parcours testable
De la recherche au retour, puis jusqu’au Moving Plan et à Move.
- 03
Une démonstration cohérente
Les interfaces client et opérations partagent des données fictives dans le prototype uniquement.
- 04
Une prochaine preuve claire
Instrumenter un pilote, comparer un contrôle et publier le résultat — y compris si l’hypothèse échoue.
Aucune performance commerciale, opérationnelle ou utilisateur n’a été mesurée. Seuls un pilote City-Drop, un contrôle comparable et des données de production pourraient établir un impact réel.