Documentation Neoapp

Solution complète de gestion de location de véhicules

Objectifs du projet

Mission de l'application

Neoapp est une solution complète de gestion de location de véhicules qui permet aux entreprises de

  • Gérer efficacement leur parc automobile
  • Suivre les contrats de location en temps réel
  • Assurer un contrôle rigoureux de l'état des véhicules
  • Tracer et facturer les dégâts constatés
  • Optimiser le taux d'occupation de la flotte
  • Minimiser les temps d'immobilisation

Contexte de la refonte

L'interface actuelle présente plusieurs problématiques majeures :

Navigation complexe

Trop de niveaux de profondeur (jusqu'à 5 niveaux)

Redondance

Onglets répétitifs dans chaque section

Tabs verticaux

Nuisent à la lisibilité et occupent trop d'espace

Manque de vision globale

Difficulté à avoir une vue d'ensemble rapide

Valeur ajoutée de la refonte

Pour l'entreprise
  • ROI immédiat : Réduction de 50% du temps passé sur les tâches courantes
  • Meilleure rentabilité : Optimisation du taux d'occupation grâce aux alertes intelligentes
  • Traçabilité améliorée : Suivi exhaustif de toutes les actions
  • Scalabilité : Architecture white-label pour déploiement multi-clients
Pour les utilisateurs
  • Gain de temps : Actions rapides via les QuickView, recherche globale
  • Moins de stress : Interface claire, alertes contextuelles
  • Autonomie : Informations à portée de main
  • Satisfaction : Expérience fluide et moderne

Public cible & Personas

Nos utilisateurs cibles et leurs besoins spécifiques :

Sophie : Gestionnaire de flotte

38 ans, Responsable de parc automobile

Contexte d'usage
  • Gère un parc de 200 véhicules
  • Responsable de la rentabilité de la flotte
  • Doit planifier les maintenances et contrôles
  • Produit des rapports mensuels pour la direction
Besoins prioritaires
  1. Vue d'ensemble en temps réel (Dashboard)
  2. Alertes proactives (contrôles à planifier, véhicules immobilisés)
  3. Rapports et exports faciles
  4. Suivi de la rentabilité par véhicule
Niveau technique

Intermédiaire

  • À l'aise avec les interfaces web
  • Utilise Excel quotidiennement
  • Apprécie les raccourcis et automatisations
Points de douleur actuels
  • "Je perds 1h chaque matin à vérifier manuellement l'état de la flotte"
  • "Je ne sais jamais rapidement combien de véhicules sont disponibles"
  • "Les rapports sont fastidieux à générer"
Fréquence d'usage
  • Quotidienne : Dashboard, alertes, recherches ponctuelles
  • Hebdomadaire : Planification, analyses
  • Mensuelle : Rapports, revue stratégique
Objectifs de la refonte
  • ✓ Dashboard avec KPIs essentiels
  • ✓ Système d'alertes intelligent
  • ✓ Export rapide des données
  • ✓ Recherche globale puissante

Marc : Agent de location (Check-in/Check-out)

28 ans, Agent terrain

Contexte d'usage
  • Effectue 15-20 check-in/check-out par jour
  • Réalise les contrôles d'état des véhicules
  • Signale les dégâts et prend les photos
  • Gère les urgences en direct avec les clients
Besoins prioritaires
  1. Rapidité d'exécution (interfaces mobiles)
  2. Contrôles guidés (checklists)
  3. Prise de photo et annotation simple
  4. Accès rapide à l'historique du véhicule
Niveau technique

Basique à intermédiaire

  • Utilise smartphone au quotidien
  • Pas très à l'aise avec interfaces complexes
  • A besoin de guidage et feedback clair
Points de douleur actuels
  • "Le formulaire de contrôle est trop long, ça énerve les clients"
  • "Je dois saisir trop d'informations redondantes"
  • "L'upload de photos est compliqué"
  • "Je ne peux pas voir rapidement si un véhicule a déjà eu ce type de dégât"
Fréquence d'usage
  • Intensive : 8h-12h et 14h-18h
  • Pic d'activité : Lundi matin, Vendredi soir
  • Environnement : Sous pression, clients présents
Objectifs de la refonte
  • ✓ Interface mobile optimisée
  • ✓ Workflow de contrôle simplifié
  • ✓ Upload photo drag & drop
  • ✓ QuickView historique véhicule
  • ✓ Auto-complétion intelligente

Thomas : Administrateur système

45 ans, Responsable IT

Contexte d'usage
  • Configure l'application pour les différentes agences
  • Gère les utilisateurs et droits d'accès
  • Paramètre les intégrations (comptabilité, CRM)
  • Assure la maintenance et résout les problèmes techniques
Besoins prioritaires
  1. Configuration centralisée et claire
  2. Gestion des droits granulaire
  3. Logs et traçabilité exhaustive
  4. Documentation technique accessible
Niveau technique

Avancé

  • Connaissance approfondie des systèmes
  • Lit le code si nécessaire
  • Apprécie les APIs et documentation technique
Points de douleur actuels
  • "La configuration est éparpillée dans 10 menus différents"
  • "Je ne peux pas voir qui a fait quelle modification"
  • "Les intégrations plantent sans message d'erreur clair"
  • "Impossible de tester les modifications avant déploiement"
Fréquence d'usage
  • Hebdomadaire : Maintenance, gestion utilisateurs
  • Mensuelle : Configurations, nouvelles intégrations
  • Ponctuelle : Support, débogage
Objectifs de la refonte
  • ✓ Section Administration consolidée
  • ✓ Journal d'activité détaillé
  • ✓ Mode "test" pour configurations
  • ✓ Documentation API intégrée
  • ✓ Monitoring santé système

Persona secondaire : Client final

Utilisateur indirect de l'application

Bien qu'ils n'utilisent pas directement l'application, les clients finaux sont impactés :

  • Check-in/out plus rapides = meilleure expérience
  • Dégâts clairement documentés = moins de litiges
  • Photos et état des lieux = transparence
Impact indirect de la refonte
  • ✓ Temps d'attente réduit (contrôles plus rapides)
  • ✓ Transparence accrue (photos partagées)
  • ✓ Moins d'erreurs de facturation

Principes UX fondamentaux

Notre approche de design repose sur 6 principes fondamentaux qui guident chaque décision :

1. Efficacité - "Less is More"

Objectif : Réduire le nombre de clics pour atteindre l'information
Avant : 5-7 clics pour voir un dégât
Après : 1-2 clics (recherche globale + QuickView)
Actions :
  • ✓ Concept de "Vue rapide + Édition complète"
  • ✓ Actions contextuelles directement dans les listes
  • ✓ Raccourcis clavier (Cmd+K pour recherche)
  • ✓ Barre d'actions rapides en header

2. Clarté - "Show, Don't Tell"

Objectif : Information hiérarchisée et scannale
Règles :
  • ✓ Maximum 3 niveaux d'information par page
  • ✓ Titres et sous-titres explicites
  • ✓ Utilisation de couleurs pour les statuts
  • ✓ Badges visuels plutôt que texte brut
  • ✓ Iconographie cohérente (Heroicons)
Exemples :
  • Statut véhicule : Badge coloré + icône
  • Dégâts : Niveau de gravité visible en un coup d'oeil
  • Montants : Toujours formatés avec € et séparateurs de milliers

3. Cohérence - "Un seul langage"

Objectif : Design System unifié sur toute l'application
Standards :
  • ✓ Composants Nuxt UI 4 exclusivement
  • ✓ Palette de couleurs limitée et documentée
  • ✓ Spacing sur grille 8px
  • ✓ Même pattern pour actions similaires
  • ✓ Terminologie unifiée (glossaire métier)
Bénéfices :
  • Courbe d'apprentissage réduite
  • Développement accéléré (composants réutilisables)
  • Maintenance simplifiée
  • White-labelling facilité

4. Contextualité - "Right Time, Right Place"

Objectif : Information et actions pertinentes au contexte
Mécanismes :
  • ✓ Actions contextuelles dans les listes
  • ✓ Alertes intelligentes basées sur le contexte utilisateur
  • ✓ Suggestions proactives
  • ✓ Historique et audit trail toujours accessibles
Exemples :
  • Dans liste véhicules : bouton "Nouveau contrôle" uniquement si disponible
  • Dans QuickView contrat : suggestions de véhicules disponibles
  • Dashboard : alertes personnalisées selon le profil utilisateur

5. Accessibilité - "For Everyone"

Objectif : WCAG 2.1 niveau AA minimum
Standards obligatoires :
  • ✓ Contrastes 4.5:1 minimum (texte/fond)
  • ✓ Navigation complète au clavier
  • ✓ Screen readers compatibles (ARIA labels)
  • ✓ Focus visible sur tous éléments interactifs
  • ✓ Messages d'erreur explicites et associés aux champs
  • ✓ Taille minimum de clic : 44x44px (mobile)
Tests requis :
  • Validation axe DevTools
  • Test navigation clavier complète
  • Test avec screen reader (NVDA/VoiceOver)
  • Test contraste automatique

6. Performance - "Speed Matters"

Objectif : Temps de chargement 2s, interactions instantanées
Stratégies :
  • ✓ SSR (Server-Side Rendering) avec Nuxt
  • ✓ Code splitting par route
  • ✓ Lazy loading des composants
  • ✓ Optimisation images (WebP, lazy load)
  • ✓ Cache intelligent
  • ✓ Skeleton loaders pendant chargement
Metrics cibles :
  • First Contentful Paint : 1.5s
  • Time to Interactive : 3s
  • Lighthouse Performance : > 90
  • Core Web Vitals : tous en "vert"

Données