Présentation
SHEAIMS est une destination beauté multi-marques qui réunit une sélection soignée de marques emblématiques et émergentes de maquillage, soin, cheveux et corps — des grands noms internationaux aux marques marocaines. J’ai conçu et développé leur plateforme e-commerce complète de A à Z : une boutique bilingue, une API REST sur mesure, des intégrations de paiement et de livraison adaptées au Maroc, et un back-office qui permet à l’équipe de gérer toute la boutique en autonomie.
Le défi
- Un catalogue large et profond — plusieurs marques, trois niveaux de catégories et des produits avec plusieurs variantes — qui devait rester simple à parcourir et rapide à explorer.
- Des attentes locales en matière de paiement : paiement par carte via la passerelle interbancaire marocaine, PayPal pour les clients internationaux et paiement à la livraison, toujours le plus utilisé au Maroc.
- Une logistique réelle : des frais de livraison qui dépendent du pays et de la ville, plusieurs transporteurs et la création automatique des expéditions chez un livreur.
- Une équipe non technique qui devait gérer chaque jour produits, promotions, commandes, retours et contenus sans développeur.
Ce que j’ai réalisé
Boutique bilingue
Une boutique entièrement localisée en français et en anglais avec pages marques, arborescence de catégories sur trois niveaux, fiches produits avec variantes et galeries d’images, avis et favoris clients, bandeau d’annonces promotionnelles, sliders et blocs de contenu modifiables — le tout animé avec Framer Motion et React Spring pour une expérience haut de gamme.
Panier, commande & paiements
- Paiement par carte via le CMI (Centre Monétique Interbancaire), avec requêtes signées et vérification des retours côté serveur.
- Paiement PayPal pour les clients internationaux.
- Paiement à la livraison, avec des pages dédiées aux paiements réussis, échoués ou en cours.
- Codes promo (pourcentage ou montant fixe, éventuellement limités aux produits non soldés) et ventes flash limitées dans le temps.
Livraison & logistique
Un moteur de livraison basé sur des zones définies jusqu’au niveau du pays et de la ville, avec transporteurs et tarifs configurables. Les commandes sont transmises à l’API du transporteur Speedaf ; son protocole chiffré en DES a été implémenté en JavaScript pur (node-forge) pour rester compatible avec les versions récentes de Node.js et d’OpenSSL 3.
Espace client
Les clients suivent leurs commandes, gèrent leurs adresses et paramètres, conservent une liste de favoris et demandent un retour en ligne en choisissant un motif (produit défectueux, erreur d’article, colis endommagé…). Les remboursements peuvent être effectués sur le moyen de paiement d’origine, en avoir ou par virement. Des e-mails transactionnels confirment chaque étape importante.
Accès B2B & marketing
- Des formulaires dédiés Pro et Revendeur pour les professionnels de la beauté et les distributeurs.
- Une newsletter offrant une réduction sur la première commande, un blog « Actus & Conseils », une galerie et une page carrières.
Back-office d’administration
Plus de vingt écrans de gestion couvrant produits, marques, catégories, commandes, retours, remboursements, codes promo, ventes flash, zones, transporteurs et tarifs de livraison, sliders, annonces, blocs de contenu, blog, galerie, abonnés newsletter et utilisateurs — avec un éditeur de texte riche et des exports Excel des commandes et des abonnés.
Architecture & sécurité
- Frontend : Next.js 15 (App Router), TypeScript, next-intl, TanStack Query pour la mise en cache des données, SASS.
- Backend : API REST Node.js / Express en TypeScript avec Prisma et PostgreSQL, organisée en une trentaine de modules et un modèle de données entièrement traduisible.
- Sécurité : authentification JWT en cookies HTTP-only, rôles (client / administrateur), Helmet, limitation de débit et validation Zod de toutes les entrées.
- Infrastructure : déploiement sur un VPS Linux derrière Nginx pour une maîtrise totale des performances et de la configuration.
Résultats
- Une boutique en ligne complète et indépendante — catalogue, paiements, livraison et service après-vente — sur une stack sur mesure, sans frais de plateforme.
- Des moyens de paiement et de livraison adaptés au marché marocain, tout en restant ouverts aux clients internationaux.
- Une équipe qui gère au quotidien son catalogue, ses promotions et ses commandes depuis son propre back-office.