ÉTUDE DE CAS · COMMERCE
Plateforme e-commerce
Une boutique en ligne et un back-office pour un commerçant indépendant : une navigation rapide côté client, une vraie gestion des stocks en coulisses.
- RÔLE
- Développeur full-stack
- DURÉE
- 12 semaines
- ÉQUIPE
- 2 personnes
- PLATEFORME
- Boutique + back-office
IDENTITÉ PRODUIT
North&Co
La sélection d'automne.
01 · APERÇU
Aperçu du projet
TEMPS DE DÉVELOPPEMENT
12 semaines
De la découverte au lancement
TAILLE DE L'ÉQUIPE
2 personnes
Moi et une designer de marque
RÉSULTAT CLÉ
+41 % de conversion
Par rapport à l'ancienne boutique sur template
LE PROBLÈME
NORTH&CO vendait via une boutique sur template qui masquait les niveaux de stock, plantait au paiement sur mobile et obligeait l'équipe à tenir l'inventaire dans des tableurs.
L'APPROCHE
Une boutique React sur mesure avec paiement Stripe, adossée à un back-office Node et PostgreSQL où l'équipe gère produits, stocks et expéditions au même endroit.
+41 %
de conversion au paiement sur mobile
1,2 s
de chargement médian en 4G
0
survente depuis le lancement
02 · FONCTIONNALITÉS
Ce qu'il fait
Paiement Stripe
Paniers sauvegardés, Apple Pay et Google Pay dans un paiement en deux étapes.
Historique des commandes
Les clients suivent leurs commandes et recommandent leurs favoris en un geste.
Gestion des stocks
Stock en temps réel par taille et couleur, avec alertes de stock bas.
Back-office par rôles
Gérants, équipe et logistique ont chacun les outils dont ils ont besoin.
Recherche produits
Recherche instantanée avec filtres par taille, couleur et prix.
Authentification sécurisée
Authentification JWT avec renouvellement de session côté serveur.
03 · PROCESSUS
Comment il a été conçu
SEMAINE 1–2
Découvrir
Audit du tunnel de l'ancienne boutique et entretiens avec l'équipe sur ses difficultés de stock.
- Audit du tunnel
- Cahier des charges
SEMAINE 3–4
Concevoir
Boutique, fiche produit et back-office conçus avec la designer de marque.
- Prototype Figma
- Charte de marque
SEMAINE 5–10
Développer
Boutique React, API Node, schéma Postgres et intégration Stripe.
- Boutique en ligne
- Back-office
SEMAINE 11–12
Lancer
Migration des données, tests de charge et lancement en douceur auprès des abonnés à la newsletter.
- Lancement
- Bascule sans interruption
04 · STACK TECHNIQUE
Technologies
FRONTEND
- React
- TypeScript
- Tailwind CSS
BACKEND
- Node.js
- Express
- JWT
DONNÉES
- PostgreSQL
- Prisma
- Redis
PAIEMENT ET CLOUD
- Stripe
- AWS S3
- CloudFront
ARCHITECTURE
Boutique NORTH&CO
Boutique React
API Node.js
Commandes, stock, auth
PostgreSQL
Produits, commandes
Stripe
Paiements, webhooks
AWS S3
Images produits
05 · ENSEIGNEMENTS
Défis et enseignements
Survente lors des drops
DÉFI
Les éditions limitées vendaient plus d'unités qu'il n'y en avait en stock.
RÉSULTAT
La réservation du stock pendant le paiement a rendu toute survente impossible.
Paiement mobile trop lent
DÉFI
La moitié des acheteurs mobiles abandonnaient à l'étape du paiement.
RÉSULTAT
Stripe Payment Element avec portefeuilles numériques a ramené le paiement à deux étapes.
Ce projet vous intéresse ?
Je vous présente volontiers le code, les choix qui l'ont guidé ou la façon dont une solution similaire pourrait servir votre équipe.