Projet démonstratif
Piscine Access
Démonstration complète pour un pisciniste marseillais : site vitrine avec scène 3D, boutique en ligne, demandes de devis et d'intervention, CRM et back-office. Un seul projet, du premier écran à la préparation des commandes.
- Statut
- Projet démonstratif
- Secteur
- Pisciniste — magasin et boutique en ligne
- Année
- 2026
- En ligne
- piscine-access-demo.vercel.app
Projet démonstratif. Concept démonstratif indépendant — non affilié à l'entreprise. Maquette de présentation conçue par Roman Gomes, sans commande ni partenariat : L'entreprise Piscine Access n'est pas présentée ici comme une référence client. Le catalogue, les prix et les stocks affichés sont fictifs ; les paiements sont simulés.
Fig. A — Bureau, 1440 × 900Fig. B — Mobile, 390 × 844
01Point de départ
Le problème
Un pisciniste qui tient aussi un magasin a trois métiers à montrer : les services, la vente de produits et le conseil. Un site vitrine classique n'en couvre qu'un, et laisse la boutique, les devis et le suivi des demandes dans des outils séparés.
02Cap
L’objectif
Montrer qu'un même site peut tout porter : présenter les services, vendre en ligne avec retrait en magasin, recueillir devis et demandes d'intervention, et donner à l'équipe un back-office pour suivre l'ensemble.
03Ce que j’ai construit
La solution
Un site vitrine ouvert par une scène 3D procédurale (three.js, chargée à la demande, repli en image vectorielle), avec pages services, conseils et zones locales.
Une boutique : catalogue, stock, panier, livraison ou Click & Collect, paiement Stripe en mode test ou simulé, suivi de commande.
Des parcours de devis et de demande d'intervention, reliés à un CRM avec automatisations et journal des communications.
Un back-office : commandes, stocks, retraits, livraisons, prospects, devis, interventions, contenus et réglages SEO.
Des garde-fous de véracité inscrits dans le code : aucune note, aucun avis ni horaire publié sans validation, et un build de production refusé tant que les données de l'entreprise ne sont pas vérifiées.
Prix et stock recalculés côté serveur, réservation de stock atomique contre la survente, validation Zod, en-têtes de sécurité.
04Fiche technique
Technologies
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS 4
- three.js
- PostgreSQL (Supabase) / PGlite
- Stripe
- Zod
- Vitest
- Playwright + axe
05Ce qui est livré
Le résultat
- Une démonstration en ligne, consultable de bout en bout, avec des données fictives signalées comme telles.
- Un parcours d'achat complet en démonstration : panier, paiement simulé, préparation, code de retrait, mise à jour du stock.
- Un back-office fonctionnel avec deux rôles (gérant, équipe).
- Des tests automatisés présents : unitaires et d'intégration (Vitest, sur la vraie migration SQL), 26 scénarios de bout en bout (Playwright) et contrôle d'accessibilité axe.
- Un audit, une check-list et une documentation de mise en production livrés avec le code.
Aucun chiffre d’audience ou de ventes ici : une démonstration n’en produit pas. Ce qui compte se vérifie en ouvrant le site.
Voir la démonstration en ligne (nouvel onglet)
Votre projet
Votre projet mérite le même soin.
Décrivez votre activité et votre objectif en quelques lignes. Je reviens vers vous avec une première lecture de votre projet et une proposition claire.