Back to Gallery
Web Dev
GP Express – Optimisation de la Gestion de Colis et Fret
Published on September 28, 2026
Aperçu du Projet
"GP Express" est une Progressive Web App (PWA) conçue pour la gestion logistique et le suivi des expéditions de colis. Ce projet digitalise les opérations des transporteurs et coursiers (souvent appelés "GP" dans le contexte d'Afrique de l'Ouest) en centralisant la gestion des clients, le groupage des colis en sacs d'expédition, et le suivi des performances financières sur une interface unifiée, accessible aussi bien sur ordinateur que sur smartphone.
Le Défi
L'expédition de fret et de colis nécessite une rigueur absolue pour éviter les pertes, optimiser l'espace et respecter les quotas de poids des transporteurs aériens ou maritimes. Le défi principal est de fournir aux administrateurs un outil capable de traiter rapidement des volumes importants (pesée, identification, assignation à un vol) tout en gardant un œil sur la rentabilité, le tout avec une interface suffisamment ergonomique pour être utilisée sur le terrain (entrepôt, aéroport) via un mobile.
La Solution : Fonctionnalités Clés Observées
L'application propose des modules distincts pour couvrir l'ensemble de la chaîne logistique :
• Tableau de Bord Opérationnel ("Parcels Manifest") : Sur la vue mobile, l'interface offre une vision globale de l'activité avec des indicateurs de performance (KPIs) en temps réel. L'administrateur peut visualiser les "Revenus totaux" (ex: 150 000 FCFA), le "Volume traité" (75.70 Kg), les colis en attente de groupage ("À grouper : 19 Colis"), et le nombre de "Sacs actifs".
• Gestion Avancée des Manifestes ("Bags Manifest") : L'application permet de gérer les sacs d'expédition qui regroupent les colis. Chaque sac (ex: SAC-#0007) est associé à un vol ou un transporteur spécifique (ex: VOL-21SEP Baye Allé) et dispose d'une preuve photographique ("Bag Photo").
• Suivi Précis du Poids : Pour répondre aux contraintes logistiques internationales, le poids total de chaque sac est calculé et affiché simultanément en Kilogrammes et en Livres (ex: 49.10 Kg / 108.25 Lbs).
• Ergonomie PWA et Multi-supports : La plateforme démontre une parfaite adaptabilité. Sur ordinateur, les données sont présentées sous forme de tableau dense pour une vue d'ensemble. Sur mobile, ces mêmes données sont intelligemment réorganisées sous forme de cartes (Card UI) pour faciliter la lecture et l'interaction tactile.
• Outils de Productivité Terrain : L'interface mobile intègre une barre de recherche universelle (Client, destinataire, ID de suivi), un filtre par destination, ainsi qu'un bouton d'action flottant (le "+" noir) permettant d'ajouter rapidement un nouveau sac ou colis depuis l'entrepôt. Une barre de navigation inférieure offre des raccourcis vers le tableau de bord, les ramassages rapides (Quick Pickup), les sacs, et l'exportation des données.
Choix Graphiques et UI
L'interface adopte un "Design System" orienté SaaS (Software as a Service), privilégiant la clarté et l'efficacité :
• Couleurs : La charte graphique utilise un fond gris très clair/blanc pour maximiser la lisibilité. Les textes et boutons principaux sont d'un bleu marine profond, tandis qu'un vert menthe doux est utilisé pour le logo, les statuts de transporteurs et l'état actif des menus.
• Internationalisation et Traçabilité : Un sélecteur de langue (FR / EN) est facilement accessible en haut de l'écran, et chaque action (création, modification) est tracée avec le nom de l'administrateur responsable.
"GP Express" est une Progressive Web App (PWA) conçue pour la gestion logistique et le suivi des expéditions de colis. Ce projet digitalise les opérations des transporteurs et coursiers (souvent appelés "GP" dans le contexte d'Afrique de l'Ouest) en centralisant la gestion des clients, le groupage des colis en sacs d'expédition, et le suivi des performances financières sur une interface unifiée, accessible aussi bien sur ordinateur que sur smartphone.
Le Défi
L'expédition de fret et de colis nécessite une rigueur absolue pour éviter les pertes, optimiser l'espace et respecter les quotas de poids des transporteurs aériens ou maritimes. Le défi principal est de fournir aux administrateurs un outil capable de traiter rapidement des volumes importants (pesée, identification, assignation à un vol) tout en gardant un œil sur la rentabilité, le tout avec une interface suffisamment ergonomique pour être utilisée sur le terrain (entrepôt, aéroport) via un mobile.
La Solution : Fonctionnalités Clés Observées
L'application propose des modules distincts pour couvrir l'ensemble de la chaîne logistique :
• Tableau de Bord Opérationnel ("Parcels Manifest") : Sur la vue mobile, l'interface offre une vision globale de l'activité avec des indicateurs de performance (KPIs) en temps réel. L'administrateur peut visualiser les "Revenus totaux" (ex: 150 000 FCFA), le "Volume traité" (75.70 Kg), les colis en attente de groupage ("À grouper : 19 Colis"), et le nombre de "Sacs actifs".
• Gestion Avancée des Manifestes ("Bags Manifest") : L'application permet de gérer les sacs d'expédition qui regroupent les colis. Chaque sac (ex: SAC-#0007) est associé à un vol ou un transporteur spécifique (ex: VOL-21SEP Baye Allé) et dispose d'une preuve photographique ("Bag Photo").
• Suivi Précis du Poids : Pour répondre aux contraintes logistiques internationales, le poids total de chaque sac est calculé et affiché simultanément en Kilogrammes et en Livres (ex: 49.10 Kg / 108.25 Lbs).
• Ergonomie PWA et Multi-supports : La plateforme démontre une parfaite adaptabilité. Sur ordinateur, les données sont présentées sous forme de tableau dense pour une vue d'ensemble. Sur mobile, ces mêmes données sont intelligemment réorganisées sous forme de cartes (Card UI) pour faciliter la lecture et l'interaction tactile.
• Outils de Productivité Terrain : L'interface mobile intègre une barre de recherche universelle (Client, destinataire, ID de suivi), un filtre par destination, ainsi qu'un bouton d'action flottant (le "+" noir) permettant d'ajouter rapidement un nouveau sac ou colis depuis l'entrepôt. Une barre de navigation inférieure offre des raccourcis vers le tableau de bord, les ramassages rapides (Quick Pickup), les sacs, et l'exportation des données.
Choix Graphiques et UI
L'interface adopte un "Design System" orienté SaaS (Software as a Service), privilégiant la clarté et l'efficacité :
• Couleurs : La charte graphique utilise un fond gris très clair/blanc pour maximiser la lisibilité. Les textes et boutons principaux sont d'un bleu marine profond, tandis qu'un vert menthe doux est utilisé pour le logo, les statuts de transporteurs et l'état actif des menus.
• Internationalisation et Traçabilité : Un sélecteur de langue (FR / EN) est facilement accessible en haut de l'écran, et chaque action (création, modification) est tracée avec le nom de l'administrateur responsable.