Aperçu

Résumé du Projet

Le contexte : K.B Créateurs est la marque design de Karine et Boris Molinier. Tandis que Boris capture les images originales, Karine apporte sa touche artistique avec des traitements et filtres créatifs — une collection d'œuvres distincte, avec son propre univers visuel.

L'évolution : Démarré comme un simple site vitrine, le projet a naturellement grandi pour devenir une vraie plateforme de gestion de portfolio artistique — catalogue dynamique, backend partagé avec 2 autres sites Boris, admin unifié pour piloter 3 marques.

🖼️
95+
Œuvres en catalogue
🗂️
5
Collections thématiques
🔗
3
Sites sur 1 backend
📄
20
Documents de handoff

Le Défi

D'un Vitrine à une Plateforme

Le projet a démarré comme un brief simple. Au fil des échanges avec Karine et Boris, les besoins ont évolué — non pas par dérive incontrôlée, mais par une compréhension progressive de ce dont les artistes avaient vraiment besoin pour gérer et présenter leur travail.

Évolution du Scope

Site vitrine statique
Catalogue dynamique — 95+ œuvres
5 collections thématiques
Backend partagé avec les sites Boris
Admin unifié pour piloter 3 marques
Filtres dynamiques par sous-catégories
Section "Coups de cœur" dynamique

La Solution

Architecture Multi-Sites & Design Apple

La vraie innovation de ce projet : un backend unique (bm-tirage) qui alimente trois sites distincts, chacun avec son identité visuelle propre. Pour K.B Créateurs, un design ultra-minimaliste inspiré d'Apple — pour que le design ne concurrence jamais les œuvres.

Architecture Backend Partagé

┌─────────────────────────────────────────┐
│           ADMIN UNIFIÉ                  │
│                                         │
│  Karine & Boris pilotent les 3 sites   │
│  depuis une seule interface             │
└─────────────────┬───────────────────────┘
                  │
                  ▼
┌─────────────────────────────────────────┐
│             API Partagée                │
│                                         │
│  Endpoints communs, données isolées     │
│  par marque                             │
└──────────────┬──────────────────────────┘
               │
     ┌─────────┼─────────┐
     ▼         ▼         ▼
  Boris      K.B      Events
 Molinier  Créateurs   Photos
 Tirages    Design    Mariages

Design Apple Minimalist

Black
#000000
iOS Blue
#007AFF
White
#FFFFFF
Gray
#f9f9f9

Principes design :

  • Chaque pixel justifie sa présence
  • Le design s'efface pour mettre l'œuvre en avant
  • Blanc dominant — galerie épurée
  • Bleu iOS uniquement pour les actions
  • Typographie système (Apple SF Pro style)

Fonctionnalités Clés

Catalogue Dynamique

95+ œuvres chargées depuis l'API, organisées en 5 collections : K.B Concept, ESSKISS, K.B Kids, Vieux Bois, Atelier.

Intelligent Layout

Grille adaptative gérant automatiquement l'orientation des images (portrait/paysage). Lazy loading progressif, cache localStorage.

Filtres Sous-Catégories

Collection ESSKISS : filtres par thème (Église, Hiver, Automne, Été, Animaux). Badges de comptage dynamiques, catégories vides désactivées.

Coups de Cœur

Section homepage dynamique alimentée par les œuvres marquées featured dans l'admin. Chargement parallèle depuis toutes les collections.

Lightbox Premium

Visionneuse plein écran avec navigation clavier (←/→/Esc), swipe tactile mobile, préchargement des images adjacentes.

Admin Partagé

Interface unique pour gérer les 3 marques. Switch Boris/K.B/Events, CRUD photos, drag & drop pour l'ordre d'affichage.

Admin Unifié — Fonctions

Fonction Description
Sélecteur de marque Switch entre Boris / K.B / Events
CRUD photos Ajouter, modifier, supprimer des œuvres
Collections Organiser par thèmes
Sous-catégories Filtres ESSKISS par thème
Featured Marquer les coups de cœur homepage
Ordre d'affichage Drag & drop pour personnaliser l'ordre

Résultats

Valeur Créée

Type de projet
Site vitrine statique Plateforme e-commerce
✅ Catalogue + Admin + API
Contenu
Statique 95+ œuvres dynamiques
✅ 5 collections + filtres
Gestion de contenu
Aucun admin Interface complète
✅ Autonomie totale
Infrastructure
Sites séparés 1 API pour 3 sites
✅ Coûts optimisés
Impact : Karine et Boris gèrent leurs 3 marques (Boris Molinier, K.B Créateurs, Events) depuis une seule interface. Mise à jour instantanée du catalogue, sans intervention technique. Trois vitrines, un seul effort de maintenance.
Leçon clé : Le scope creep est souvent une opportunité déguisée. Plutôt que de résister à l'évolution naturelle du projet, on a accompagné les artistes vers ce dont ils avaient vraiment besoin — une plateforme bien plus puissante qu'un simple site vitrine.

Technique

Stack Technologique

HTML5 / CSS3Frontend
JavaScript VanillaFrontend
ES ModulesFrontend
Node.js + ExpressBackend
MongoDBBase de données
SharpImages
JWTAuth
PM2Process
Nginx + Let's EncryptInfra

Intégrations

Backend bm-tirage partagé Intelligent Layout System Lightbox avec swipe Admin multi-marques LocalStorage caching Sharp image optimization

Timeline

Date Milestone
Sept 2025 Brief initial — site vitrine simple
Oct — Nov 2025 Évolution vers catalogue dynamique
Déc 2025 Migration vers backend partagé bm-tirage
Jan 2026 Système de filtres, featured photos
Fév 2026 Admin unifié, finitions
18 Fév 2026 Mise en production ✅

Témoignage

Ce Qu'en Disent les Clients

"Le site a évolué bien au-delà de ce qu'on imaginait au départ. Maintenant on peut tout gérer nous-mêmes, c'est exactement ce qu'il nous fallait."

— Karine & Boris Molinier, K.B Créateurs

Vous avez plusieurs marques à gérer en ligne ?

Backend partagé, catalogues dynamiques, admin unifié — discutons de votre plateforme multi-sites.