TBLT
Loading000

FREELANCE

WEB DESIGNER

Think · Build · Launch · Transcend

Loading experience

MISA Sisters

[ ID_001 ]Site Marchand Complet/2025

Une boutique en ligne haut de gamme pour une marque française d'abayas et d'accessoires raffinés. Frontend et backend entièrement conçus sur-mesure, avec gestion avancée des promotions, des cartes cadeaux et point relais Mondial Relay.

Client
Marque d'abayas premium — France
Durée
12 semaines
TYPE
Site Marchand Complet
Stack technique
Next.js · Node.js · Stripe · Mondial Relay · PostgreSQL
Aperçu visuel

Le défi

MISA avait besoin d'une plateforme e-commerce sur-mesure à la hauteur de son positionnement luxe. Les solutions classiques (Shopify, Wix) ne permettaient pas la flexibilité requise : carte cadeaux personnalisables, codes promo multi-conditions, intégration Mondial Relay, panier multi-devises, et une identité visuelle unique qui respecte la tradition tout en restant moderne.

▸ FOCUS_FRAME — 001

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.

RES1440×900
FORMATPNG · sRGB
ZOOM1.00×
0,01440,00,9001440,900Catalogue produits avec filtres

La solution

Développement complet de A à Z : frontend Next.js avec animations premium, backend Node.js avec base de données pour les commandes, produits, utilisateurs et cartes cadeaux. Intégration de l'API Mondial Relay pour les points relais, système de codes promo flexible (pourcentage, montant fixe, livraison offerte), paiement sécurisé Stripe, et un back-office complet pour gérer stock, commandes et promotions en autonomie.

0,01440,900Section cartes cadeaux et promotions
0,01440,900Version mobile responsive
Les résultats

Résultats clés

Plateforme e-commerce complète livrée, stable et autonome. Le back-office sur-mesure permet à la cliente de gérer produits, commandes, codes promo et cartes cadeaux sans agence externe. Site 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

Vous avez un projet similaire ?

Discutons de votre vision.

Je conçois et développe sur mesure pour des marques exigeantes. Réponse sous 24h.

Demander un devis
Processus de création

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.

01
Phase 11 semaine

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).

FigmaNotionWhimsical
02
Phase 22.5 semaines

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.

FigmaProtoPie
03
Phase 33 semaines

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.

Node.jsExpressPostgreSQLPrisma
04
Phase 42 semaines

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.

StripeMondial Relay APISendGrid
05
Phase 52.5 semaines

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.

Next.jsFramer MotionTailwind CSSReact Query
06
Phase 61 semaine

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.

CypressVercelRailwayLighthouse
Convaincu par cette approche ?

Propulsons votre projet
au niveau supérieur.

Devis gratuit · Réponse sous 24 h · Disponible immédiatement

Projet suivant

Kyndo