WEB DEV Projects

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.

Aperçu du Projet
"La Sénégalaize" est une plateforme e-commerce web et mobile généraliste conçue pour le marché local, avec des transactions affichées en FCFA. Le projet intègre une vitrine commerciale destinée aux clients ainsi qu'un système de gestion (backend) complet pour l'administration des ventes.

Le Défi
Le commerce en ligne moderne nécessite de centraliser une grande variété de produits tout en facilitant la logistique pour l'exploitant. Le défi est d'offrir une expérience d'achat fluide et rassurante pour les clients sur tous les supports (ordinateur et téléphone), tout en fournissant des outils de suivi, d'analyse et de gestion des stocks puissants en arrière-plan.

La Solution : Fonctionnalités Clés Observées
L'écosystème se divise entre l'expérience d'achat client et la gestion opérationnelle :

• Architecture Multi-Vendeurs : La plateforme est pensée pour intégrer plusieurs marchands, visible via les menus "All Vendors" et "Vendor Zone" côté client, et par la séparation entre "In House Products" et "Vendor Products" dans le panneau d'administration.

• Catalogue Diversifié : La navigation s'appuie sur de nombreuses catégories allant de la beauté et l'épicerie, jusqu'à l'électronique et la santé.

• Accessibilité et Support : Le site s'adapte au format mobile (responsive design) en conservant la clarté des fiches produits, comme l'article "Jergens" affiché à 8,000.00FCFA, et inclut un bouton de contact direct via WhatsApp.

• Gestion Back-Office Avancée : Le tableau de bord administrateur permet un contrôle total : gestion des commandes (Orders), des demandes de remboursement, configuration des catégories, et module POS (Point of Sale).

• Suivi des Performances : L'administration intègre des statistiques détaillées, telles qu'un graphique des commandes ("Order Statistics") comparant les ventes internes et celles des vendeurs tiers, ainsi qu'une vue d'ensemble répartissant les utilisateurs entre clients, vendeurs et livreurs.

Choix Graphiques et UI
L'interface adopte des codes visuels propres au secteur du bien-être et du commerce généraliste :

• Couleurs : L'interface s'articule autour d'un vert sapin profond et de fonds blancs, avec des touches de tons beiges et dorés dans les bannières, évoquant le naturel et la qualité.

• Animation Commerciale : Le design fait la part belle à l'ancrage culturel et marketing local, illustré par la large bannière "PROMO MAGAL" offrant des réductions spécifiques pour cet événement.

Looka Market research est une plateforme panafricaine d’études de marché qui fournit une collecte de données accessible et des informations sur les consommateurs dans 20 pays africains.