O’Care

E-commerce et gestion métier réunis dans une même application : catalogue, commandes, abonnements et back-office.

Conception produit et développement full-stack — Maël Robert

Format: Projet client · e-commerce
Technologies: Next.jsTypeScriptPrismaStripe

O’Care

Aperçu principal

Outiller la vente et le suivi, dans une seule plateforme.

Un client spécialisé dans les produits d’entretien pour spa avait besoin d’un canal de vente en ligne et d’un espace de gestion adapté à son activité. J’ai conçu une application full-stack qui relie le catalogue public, les parcours de commande et d’abonnement, l’espace client et le back-office.

Du besoin à la livraison

De l’enjeu à la solution.

Problème

Réunir présentation des produits, vente en ligne et gestion commerciale sans multiplier les outils.

Solution

Un storefront responsive relié à un back-office pour administrer produits, commandes, promotions, abonnements, livraison et contenus du site.

Mon rôle et le résultat

J’ai pris en charge la conception produit, l’UI, le front-end, les services serveur et la modélisation des données. Le parcours complet a été vérifié sur une base contenant des commandes de test et des données métier.

Fonctionnalités vérifiées

Un commerce administrable de bout en bout.

Storefront responsive

Accueil configurable, catalogue, fiches produit, panier, pages de contenu et adaptation mobile.

Commandes et paiement

Checkout validé côté serveur, création de commande, redirection Stripe et traitement des webhooks avec protection contre les doublons.

Comptes et abonnements

Authentification client, adresses, historique de commandes, suivi d’abonnement et accès au portail de gestion.

Back-office métier

Tableau de bord, gestion des produits, commandes, promotions, abonnements, pages légales et paramètres du site.

Catalogue structuré

Produits actifs ou inactifs, images ordonnées, bénéfices, conseils d’utilisation, spécifications, FAQ et SEO par produit.

Livraison intégrée

Paramètres de livraison configurables et intégration UPS avec authentification OAuth2 et création d’expédition.

Architecture

Une stack full-stack pensée autour des flux métier.

Interface

Next.js 16 · React 19 · TypeScript · Tailwind CSS · Radix UI

Données et sécurité

Prisma · MySQL · Better Auth · Zod · cookies sécurisés

Commerce et services

Stripe Checkout · webhooks Stripe · UPS OAuth2 · API Routes Next.js

Produit livré

Du storefront au back-office.

Contraintes techniques

Fiabiliser les opérations sensibles.

Garder le serveur comme source de vérité

Les produits, montants et frais de livraison sont recalculés côté serveur avant la création de la session de paiement.

Synchroniser paiement et commande

Les événements Stripe mettent à jour les statuts métier et sont enregistrés pour éviter le retraitement d’un même webhook.

Séparer les accès

Le storefront, l’espace client et l’administration disposent de parcours et de contrôles d’accès distincts.

Projet client

Un besoin concret, transformé en produit maintenable.

Cette réalisation illustre ma capacité à cadrer, concevoir et développer une application métier complète.

Me contacter Retour aux projets