MAROSELLE

Plateforme E-Commerce Marocain Premium

explorer la plateforme explorer la plateforme

Plateforme e-commerce marocaine premium MARoselle

MARoselle est une boutique e-commerce en production, conçue pour le marché marocain du luxe. Elle associe un parcours d’achat localisé, un panier persistant côté client et des notifications de commande en temps réel afin d’offrir une expérience rapide et familière aux clients comme à l’équipe d’administration.

Présentation du produit Tarbouch MARoselle

Présentation

Client

MAROSELLE

État

En production et activement maintenu

Rôle

Développeur full-stack

Marché

e-commerce marocain de luxe

Hébergement

Vercel

Le défi était de créer un parcours d'achat rapide et fiable pour les clients marocains : un panier qui survit aux rafraîchissements, un paiement qui reflète les attentes locales et une boucle opérationnelle qui donne à l'équipe d'administration une visibilité immédiate sur chaque commande.

La solution

La plateforme associe Next.js 15 et React 19 à TypeScript et Tailwind CSS pour proposer une boutique responsive composée de plus de 49 composants. Zustand et localStorage rendent les modifications du panier immédiates et persistantes ; Framer Motion et Embla Carousel ajoutent du mouvement sans compromettre le parcours d’achat.

Caractéristiques principales

Catalogue dynamique avec plus de 60 articles et filtrage par couleur, taille et catégorie
Panier persistant grâce à la persistance Zustand et au stockage côté client
Paiement localisé avec prix en MAD, paiement à la livraison, taxes et planification de la livraison
API Resend et notifications transactionnelles, avec une gestion propre des échecs
Fondations SEO: plans de site dynamiques, métadonnées et données structurées

Résultat

MARoselle est en ligne, reçoit des commandes clients chaque jour et est activement maintenue pour les acheteurs mobiles marocains. La vitrine atteint un LCP inférieur à 2,5 secondes, tandis que la logique produit et de paiement est conçue pour évoluer vers un catalogue de plus de 2 000 produits avec une couverture TypeScript supérieure à 95 %.

« Une expérience de commerce localisée ne fonctionne que lorsque la vitrine, le paiement et les opérations de commande avancent ensemble. MARoselle rend chaque couche immédiate pour le client et fiable pour l'équipe. »