Projet de démonstration — marque fictive
Maison Kôssi
Une boutique de mode en ligne, du panier au paiement Mobile Money, en FCFA comme en euros.
Fiche projetKÔSSI
- Secteur
- Mode et beauté
- Marché
- Afrique centrale et Europe
- Type
- Boutique en ligne
- Pages
- 30
- Langues
- Français, anglais
- Réalisé en
- 2026
Le besoin
Maison Kôssi coupe ses robes en wax dans un atelier de Douala. Elle veut vendre aux Camerounais, qui paient surtout en Mobile Money ou à la livraison, et à la diaspora, qui paie par carte en euros. Sa boutique doit donc encaisser des deux façons, sans mauvaise surprise sur les frais.
Pour leurs clients
Aïcha, à Douala, choisit une robe, règle avec son téléphone et sait que le livreur passe demain. Grace, à Paris, offre une tenue à sa mère : elle voit le prix en euros, droits compris, et n’a rien à payer à la réception.
Ce que j’ai construit
-
Une commande en 4 étapes
Coordonnées, livraison, paiement, vérification. Les frais sont visibles dès l’étape 2. Pour le Mobile Money, la boutique simule la demande sur un téléphone : on valide ou on refuse, pour voir les deux cas.
-
Des prix en FCFA ou en euros
Un bouton « Livraison » change de zone. Les prix passent en euros, TVA et droits inclus, et le panier reste en place. Rien n’est converti à la volée : chaque zone a ses prix.
-
Un catalogue qui se trie
Filtres par taille, couleur, prix et matière, recherche et tri. Le nombre d’articles se met à jour à chaque choix.
-
Un lookbook à repères
Sur chaque photo de la collection, des repères numérotés ouvrent la fiche de la pièce. On passe de l’image à l’achat sans changer de page.
-
Une histoire qui rassure
La fondatrice, l’atelier, les artisans partenaires et le détail du prix d’une robe. De quoi mettre en confiance quelqu’un qui commande à distance.
Les choix de design
Un beau catalogue imprimé plutôt qu’une place de marché : fond crème, indigo profond, et une lisière de pagne qui sert aussi de barre de progression pendant la commande. Les photos sont posées dans des arches, comme des portes d’atelier.
- Unbounded, large et géométrique, pour les titres
- Figtree pour les textes et les prix
- CrèmeFond#F7EDDC
- EncreTexte#1C1B2B
- IndigoAction#1B275F
- Or kenteAccent#EAB532
Mesures
Page d’accueil de la démo, sur téléphone et sur ordinateur.
| Indicateur | Mobile | Ordinateur |
|---|---|---|
| Performance | 88 | 100 |
| Accessibilité | 100 | 100 |
| Bonnes pratiques | 100 | 100 |
| Référencement | 100 | 100 |
| Affichage principal (LCP) | 2 346 ms | 617 ms |
| Poids transféré | 210 Ko | 230 Ko |
Mesuré le 3 octobre 2026 avec Lighthouse 13 (profils par défaut), page servie compressée en local, comme en production.
Réalisé avec l’IA
Conception, direction artistique et vérifications par moi. Code et contenus produits en collaboration avec des agents IA, puis relus et testés.
Comment je travaille avec l’IAAutres études de cas
Parlons de votre projet.
Dites-moi ce que vous faites et ce dont vous avez besoin. Je vous réponds sous 24 h ouvrées.
Vous échangez directement avec moi
Mike SOBTAMFO · ingénieur · Cameroun (UTC+1)