Demander un devis

Réalisation · Boutique en ligne

Boutique Kprod

Boutique en ligne pour vendre les photographies de l'éclipse solaire totale du 12 août 2026 : catalogue filtrable, paiement, téléchargements sécurisés et backoffice d'administration.

Secteur
Photographie · Art numérique
Type de projet
Boutique en ligne
Eclipse — Hero section avec illustration et accroche.

Problématique

Lukas Fantasia, photographe, voulait vendre en ligne sa série sur l'éclipse solaire de 2026 — des tirages numériques et une édition limitée — sans passer par une plateforme générique qui aurait imposé son design et pris une commission sur chaque vente.

Solution

Une application Next.js 15 (App Router) sur mesure, avec une vraie chaîne e-commerce de bout en bout : catalogue en base PostgreSQL via Prisma, panier persistant, paiement Stripe, génération de commande côté serveur avec snapshot des prix, livraison des fichiers par liens signés à durée limitée, e-mails transactionnels et factures PDF. Un backoffice intégré permet de gérer produits, images, commandes et clients sans toucher au code.

Approche

J'ai construit le front comme une galerie avant d'y greffer la boutique : palette sombre (#0E1114, texte blanc chaud), Space Grotesk en titrage et Inter en lecture, larges respirations, animations discrètes au scroll et parallaxe sur le hero — « moins d'interface, plus de photographie ».

Toute la logique commerciale est isolée du reste : le catalogue, les commandes, les paiements (mock ou Stripe) et le stockage (local, S3/R2 ou Vercel Blob) sont des couches indépendantes interchangeables. Le prix est toujours recalculé côté serveur et les informations du produit sont figées en snapshot au moment de l'achat : une modification de tarif ne réécrit jamais une facture passée.

J'ai traité la protection des fichiers comme un vrai enjeu : aucune image haute résolution n'est exposée dans le dossier public. Les aperçus passent par un endpoint qui applique un watermark à la volée, et l'achat génère un jeton signé expirant en 5 minutes avec un quota de téléchargements, vérifié à chaque requête.

Le backoffice va plus loin qu'un simple CRUD : éditeur visuel de l'ordre des produits en glisser-déposer (photos et éditions sur deux zones distinctes, avec mise en avant du premier élément), upload d'images, publication, gestion des commandes, des utilisateurs et export des factures en PDF.

Résultat

Un site autonome, prêt à encaisser de vraies commandes : le catalogue se pilote depuis le backoffice, les paiements Stripe sont confirmés par webhook, et chaque client reçoit sa facture PDF et ses liens de téléchargement. Le projet fonctionne aussi en mode démo sans base de données, ce qui permet de le présenter et de le tester en quelques secondes.

Fonctionnalités

  • Design sur mesure
  • Catalogue filtrable et Backoffice complet
  • Animations au scroll et parallaxe sur le hero
  • Catalogue filtrable via URL (?categorie=photos|editions)
  • Panier persistant en localStorage + drawer
  • Paiement Stripe + webhook de confirmation
  • Mode démo complet, sans base de données ni Stripe
  • Comptes clients avec session JWT en cookie httpOnly
  • Téléchargements protégés par jetons signés et quotas
  • Watermark appliqué à la volée sur les aperçus
  • Factures PDF générées côté serveur
  • E-mails transactionnels avec pièce jointe
  • Éditeur visuel de mise en ordre en glisser-déposer
  • Image Open Graph générée dynamiquement
  • SEO complet : métadonnées, sitemap, robots.txt
  • Base PostgreSQL modélisée avec Prisma

Galerie

Votre projet

Un site qui répond à vos contraintes, pas à un modèle.

Racontez-moi votre situation. Je vous dirai ce qui est utile pour votre activité — et ce qui ne l’est pas.

Zone
Metz et Grand Est
Réponse
Réponse sous 24 heures ouvrées