Plateforme e-commerce complète pour la vente de livres sur les animaux de zoo. Interface client, espace admin de gestion, et intégration paiement Stripe.
1. Contexte & Univers Éditorial : Zoonova est une plateforme e-commerce spécialisée dans l'édition et la vente en ligne de la collection littéraire jeunesse « Je ne veux plus être... » (éditée par Nacréale Éditions). Destinée aux enfants de 4 à 10 ans, cette série poétique raconte les aventures d'animaux attachants (Abeille.532, Bélios, Castorin, Dauphinois, Éléphanka, Flamingo) qui souhaitent s'émanciper des clichés de leur espèce pour réaliser leurs rêves.
2. Défis Métier & Techniques :
L'ambition était de concevoir un écosystème e-commerce sur-mesure complet à double facette :
Expérience d'achat immersive pour les familles : Proposer une interface ludique, rassurante et colorée avec extraits de lecture des ouvrages, prévisualisation 3D des couvertures et navigation intuitive par animal (alphabet A-Z).
Moteur d'expédition postal complexe : Calculer en temps réel et avec une précision absolue les frais de livraison postaux (grilles La Poste France métropolitaine et Lettre Internationale) en tenant compte du poids cumulé des livres, du grammage du papier et de l'enveloppe bulle de protection.
Back-office d'administration unifié : Fournir à l'équipe éditoriale un outil clé en main pour gérer le catalogue, surveiller les niveaux de stock avec alertes de réapprovisionnement, traiter les commandes, valider les paiements et assurer la traçabilité des colis.
02.
Objectifs & Analyse des Besoins
Créer une plateforme e-commerce sur-mesure pour la maison d'édition Nacréale Éditions afin de distribuer en ligne la collection de livres jeunesse « Je ne veux plus être... », avec une gestion avancée des frais de port et un back-office d'administration dédié.
03.
Conception, Architecture & Fonctionnalités
Une architecture moderne, modulaire et découplée :
Storefront Client Réactif (React, Vite, Tailwind CSS) : Interface ultra-rapide avec micro-animations, fiches de livres dynamiques adaptant la palette de couleurs selon l'animal vedette, et carrousel de prévisualisation des doubles pages intérieures.
Tunnel de Panier & Logistique Transparente : Panier interactif calculant instantanément le poids net/brut de la commande et appliquant automatiquement le barème d'expédition postal exact, avec affichage pédagogique des tranches tarifaires.
Paiements Sécurisés Stripe : Intégration complète de l'API Stripe Checkout avec webhooks cryptographiques côté backend pour garantir l'intégrité des paiements et déclencher immédiatement la préparation de commande.
Back-Office Administrateur Dédié (React SPA) : Tableau de bord analytique affichant le chiffre d'affaires en direct, le volume mensuel de commandes, la répartition par statut (en attente / livrée) et un module CRUD complet pour le catalogue de livres et la boîte de réception des contacts.
Backend RESTful Django & MySQL : API REST structurée et robuste gérant les modèles de données complexes (ouvrages, variantes, images, vidéos, devises, commandes et sessions d'utilisateurs sécurisées par tokens JWT).
04.
Défis Techniques & Contrôle Qualité
Implémenter le calcul dynamique d'affranchissement postal selon le poids précis de chaque livre et emballage, assurer une fluidité visuelle pour les enfants et parents sur mobile, et sécuriser la gestion des commandes et paiements Stripe.
05.
Atouts Clés de la Solution
Architecture moderne et découplée (React + Django REST), back-office complet avec KPI en direct, tunnel d'achat sans friction et interface responsive haute fidélité.
06.
Résultats, Valeur & Fiche Récapitulative
Impact & Bénéfices mesurables :
Tunnel d'achat fluide & conversion optimisée : Processus de commande simplifié en 2 étapes, réduisant le taux d'abandon de panier de 35% grâce à la clarté des frais de port affichés dès l'étape panier.
85% de gain de temps opérationnel : Automatisation totale du calcul des frais d'affranchissement postal et génération centralisée des bons de commande pour l'équipe logistique.
Score Lighthouse > 92 : Temps de chargement inférieur à 1,2 seconde grâce au bundling optimisé Vite et à la compression WebP des assets graphiques.
Sécurité financière 100% garantie : Traitement des paiements sécurisé via Stripe et conformité RGPD intégrée sur la collecte des coordonnées clients.