Plateforme e-commerce haut de gamme pour une parfumerie existante à Casablanca : catalogue parfums, abayas et accessoires, parcours d'achat fluide et gestion des commandes.
Emara Store — Casablanca
10 semaines
2025
Design UI/UX & développement full stack
À propos
À propos du projet
Emara Store est une boutique physique de parfums et mode à Casablanca qui souhaitait étendre sa présence en ligne. Flamingo a conçu une vitrine digitale premium reflétant l'univers de la marque, avec un catalogue riche, un panier optimisé mobile et un back-office simplifié pour l'équipe commerciale.
Vision
Objectifs du projet
🛍️
Vitrine premium
Présenter les collections avec une esthétique élégante fidèle à l'identité Emara.
📦
Vente en ligne
Permettre l'achat direct avec suivi des commandes et confirmations automatisées.
🔍
Découvrabilité
Faciliter la recherche par catégories, collections et promotions saisonnières.
📱
Mobile-first
Optimiser l'expérience smartphone, canal principal des clients cibles.
Features
Fonctionnalités principales
Catalogue produits — Fiches détaillées parfums, abayas et accessoires avec images HD
Collections & catégories — Organisation par univers et collections saisonnières
Recherche & filtres — Moteur instantané par prix, catégorie et disponibilité
Panier & checkout — Calcul automatique des totaux, frais et remises
Gestion commandes — Workflow complet de la commande à la confirmation client
Back-office admin — Interface de gestion stocks, promotions et contenus
Stack
Technologies utilisées
HTML5CSS3JavaScriptPHPMySQLResponsive Design
Rétrospective
Défis & solutions
Défi
Catalogue hétérogène mêlant parfums, textiles et accessoires avec des attributs différents.
Solution
Modèle de fiches produits flexible avec champs dynamiques par catégorie et variantes.
Défi
Forte concurrence locale sur le segment parfumerie premium au Maroc.
Solution
UX soignée, temps de chargement optimisé et mise en avant des best-sellers dès l'accueil.
Impact
Résultats obtenus
+68%
Trafic mobile
3,2%
Taux conversion
1 200+
Produits catalogués
4,8/5
Satisfaction client
1. Contexte
Emara Store exploite une boutique physique à Casablanca depuis plusieurs années. La clientèle demande une expérience d'achat en ligne alignée sur la qualité perçue en magasin.
2. Problématique
Absence de canal e-commerce structuré, gestion manuelle des commandes via réseaux sociaux et difficulté à scaler les ventes hors du point de vente.
3. Objectifs
Lancer une boutique en ligne premium
Automatiser le cycle commande-paiement-livraison
Renforcer la notoriété digitale de la marque
Réduire la charge administrative de l'équipe
4. Besoins fonctionnels
ID
Besoin
Priorité
BF-01
Consulter le catalogue par catégories et collections
Haute
BF-02
Ajouter des produits au panier et passer commande
Haute
BF-03
Gérer les promotions et codes remise
Moyenne
BF-04
Administrer produits, stocks et commandes
Haute
BF-05
Rechercher et filtrer les produits
Moyenne
5. Exigences non fonctionnelles
Temps de chargement < 3 s sur 4G
Compatibilité Chrome, Safari, Firefox récents
HTTPS et protection des données clients
Interface responsive mobile-first
6. Acteurs
Visiteur / Client
Consulte le catalogue, ajoute au panier et finalise ses achats en ligne.
Administrateur
Gère le catalogue, les commandes, les promotions et le contenu éditorial.
Équipe logistique
Prépare les colis et met à jour les statuts de livraison.
7. Cas d'utilisation
UC
Acteur
Description
UC-01
Client
Parcourir les collections et consulter une fiche produit détaillée
UC-02
Client
Passer une commande avec choix du mode de livraison
UC-03
Admin
Publier un nouveau produit avec images et variantes
UC-04
Admin
Traiter une commande et mettre à jour son statut
8. Architecture
Architecture 3 tiers : front responsive, logique métier PHP et persistance MySQL.
Navigateur (Desktop / Mobile)
↓
HTML5 / CSS3 / JavaScript
Interface responsive
↓
PHP — Logique métier
Sessions & panier
↓
MySQL
Produits · Commandes · Clients
9. Technologies
HTML5CSS3JavaScriptPHPMySQLResponsive Design
10. Planning
S1-2
Cadrage & design
Ateliers métier, wireframes et maquettes UI haute fidélité.
S3-5
Développement front
Intégration pages catalogue, panier et checkout responsive.
S6-8
Back-end & admin
API commandes, gestion produits et tableau de bord admin.
S9-10
Tests & mise en ligne
QA cross-browser, SEO, déploiement et formation équipe.
11. Conclusion
Emara Store dispose désormais d'une vitrine digitale à la hauteur de son positionnement premium, avec un parcours d'achat fluide qui complète l'expérience en boutique à Casablanca.
