MISA Sisters
La boutique en ligne de MISA Sisters, marque française d'abayas et d'accessoires raffinés. J'ai conçu le frontend et le backend de A à Z, avec gestion avancée des promotions, cartes cadeaux et livraison en point relais Mondial Relay.
▸ Le défi
Le brief de départ : une plateforme e-commerce à la hauteur d'un positionnement luxe. Les solutions classiques (Shopify, Wix) ont vite montré leurs limites. Impossible d'y obtenir des cartes cadeaux personnalisables, des codes promo multi-conditions, l'intégration Mondial Relay, un panier multi-devises et une identité visuelle vraiment unique, fidèle à la tradition sans renoncer à la modernité.
Le catalogue produits avec filtres par collection, couleur, taille. Chaque produit a sa fiche détaillée avec sélection de taille, stock en temps réel et ajout au panier.
Focus sur l'expérience utilisateur : détails de navigation, micro-interactions et hiérarchie visuelle.
▸ La solution
J'ai tout développé de A à Z : un frontend Next.js avec animations premium, un backend Node.js et sa base de données pour les commandes, les produits, les utilisateurs et les cartes cadeaux. S'y ajoutent l'API Mondial Relay pour les points relais, des codes promo flexibles (pourcentage, montant fixe, livraison offerte), le paiement sécurisé Stripe et un back-office complet : stock, commandes et promotions se gèrent en autonomie.
Résultats clés
La plateforme tourne, stable, et la cliente est autonome : produits, commandes, codes promo et cartes cadeaux se gèrent depuis le back-office sur-mesure, sans agence externe. Le site est rapide (Lighthouse 95+), sécurisé (Stripe, HTTPS, headers) et entièrement responsive.
95+
Score Lighthouse
6
Modules sur-mesure
Stripe · Mondial Relay
Intégrations
Voir le site
www.misa-sisters.fr
Discutons de votre vision.
Je conçois et développe sur mesure pour des marques exigeantes. Réponse sous 24h.
Chaque projet suit un processus structuré pour garantir un résultat optimal.
Ce projet a été réalisé en 12 semaines, de la découverte initiale au déploiement final.
Stratégie & Architecture
Analyse du marché de l'abaya premium, benchmark des concurrents haut de gamme. Définition de l'architecture technique : frontend Next.js, backend Node.js, base PostgreSQL, stockage d'images sur Cloudinary. Modélisation du schéma de données (produits, variantes, commandes, utilisateurs, codes promo, cartes cadeaux).
Design UI/UX
Direction artistique éditoriale pour le luxe : typographie serif premium, palette or/crème, photographies produits valorisées. Maquettes de toutes les pages (catalogue, fiches produit, panier, checkout, carte cadeau, compte client). Prototypes interactifs testés sur mobile.
Développement Backend
API REST complète en Node.js/Express : authentification, gestion du catalogue, panier, commandes, codes promo avec règles complexes (minimum d'achat, cumul, expiration), cartes cadeaux avec génération de codes uniques et tracking d'utilisation. Base PostgreSQL avec migrations.
Intégrations tierces
Intégration de l'API Mondial Relay pour sélectionner un point relais au checkout. Intégration Stripe pour paiements CB + Apple Pay + Google Pay. Intégration SendGrid pour emails transactionnels (confirmation commande, expédition, carte cadeau offerte). Analytics et conversion tracking.
Développement Frontend
Frontend Next.js avec App Router, SSR pour le SEO, animations Framer Motion premium. Pages catalogue avec filtres dynamiques, fiche produit avec zoom image et sélecteur de taille, checkout multi-étapes optimisé. Intégration du back-office Admin pour gestion en autonomie.
Tests, SEO & Déploiement
Tests end-to-end sur Cypress, tests de charge, optimisation Lighthouse (Core Web Vitals). SEO technique : structured data Product/Offer, sitemap, Open Graph. Déploiement sur Vercel (frontend) et Railway (backend + DB). Formation de la cliente au back-office.
Projet suivant