Galeries Premium : hero éditorial, 8 polices, thème clair/dark et lightbox cinématique

Cette release refond complètement la vue galerie côté client. Jusqu'ici, les galeries Helpho étaient fonctionnelles — sections, favoris, téléchargement ZIP, vente de tirages — mais elles ressemblaient toutes à la même chose. Un template un peu générique, rigide, qui ne reflétait pas ton style de photographe.

Cette release change ça. Tes galeries racontent maintenant ton histoire, pas celle d'un template.

Hero éditorial plein écran

Chaque galerie accueille désormais ton client par un vrai hero cinématique : une photo de couverture en plein écran, un titre en typographie éditoriale, la date et le lieu de l'événement, ton message d'accueil personnalisé. On est passé d'un simple h1 + compteur photos à une vraie première page de magazine.

• 3 hauteurs de hero au choix : plein écran (100vh), bannière (60vh), ou compact sans image (direct les photos)
• Cover dédiée : upload d'une image spécifique pour le hero, indépendante des photos de la galerie, avec tooltip de dimensions recommandées selon la hauteur choisie (2560×1440 pour plein écran, etc.)
• Infos événement : date, lieu et message d'accueil personnalisé affichés sur le hero
• Signature photographe en footer : ton nom dans ta police, avec un crédit Helpho discret

8 polices au choix + thème clair ou dark

Le gros morceau. Tu peux maintenant choisir parmi 8 polices curées, groupées en deux catégories :

Serif éditoriales : Playfair Display, Cormorant Garamond, DM Serif Display, Fraunces.

Sans-serif modernes : Inter, Space Grotesk, Archivo, Manrope.

Chaque police s'applique au titre du hero, aux séparateurs de sections et à la signature. Combinée avec les 3 styles typographiques (éditorial italique, moderne bold, minimal light), ça fait 24 combinaisons possibles pour exprimer le ton exact que tu veux.

Côté thème, tu choisis entre clair (fond cream éditorial type Pixieset, lisible pour juger les couleurs) ou dark (anthracite cinéma, met en valeur les couleurs saturées). Tous les contrastes de texte, borders et backgrounds s'adaptent automatiquement.

3 layouts pour les photos

Fini la grille 4 colonnes carrées qui écrasait les portraits. Trois dispositions sont maintenant au choix :

• Masonry (défaut) : hauteurs variables, les portraits et paysages gardent leurs ratios naturels (style Pinterest)
• Grille carrée : uniforme, classique, bien pour des reportages où toutes les photos ont le même poids
• Magazine : colonnes aérées avec plus d'espace, pour un rendu éditorial narratif

Live preview dans l'éditeur

Nouvelle UX : quand tu personnalises ton apparence galerie, un aperçu en temps réel s'affiche à droite pendant que tu cliques à gauche. Change la police → le titre change. Change le thème → le fond bascule. Change le layout → la grille se réorganise.

Et en complément, un vrai bouton « Aperçu client » qui ouvre la galerie exactement comme ton client la verra — avec une bannière d'avertissement et les actions (favoris, achats) désactivées pour éviter toute manipulation involontaire.

Lightbox cinématique refondue

Quand ton client clique sur une photo, il entre dans une vraie expérience premium :

• Fond flou cinématique dérivé de la photo courante — effet cinéma
• UI auto-masquée après 2,5 secondes d'inactivité pour l'immersion totale
• Thumbnail strip scrollable en bas — navigation rapide dans toute la galerie
• Zoom cliquable ou à la molette (1x à 4x) + pan en drag pour explorer les détails
• Plein écran natif via Fullscreen API, touche F
• Diaporama autoplay avec 3 vitesses (rapide 3s, normal 5s, lent 8s), progress bar coral en bas — parfait pour la livraison finale d'un mariage en présentation
• Pinch zoom sur mobile avec 2 doigts
• Raccourcis clavier complets : ←/→ navigation, Z zoom, F plein écran, ␣ diaporama, Esc dézoom puis ferme

Wizard de création repensé

La création d'une galerie passe d'un gros formulaire unique à un wizard en 2 étapes :

Étape 1 — L'essentiel : type (livraison / pré-sélection), shooting lié (pré-remplit tout automatiquement), titre (auto-suggéré depuis le client), client (avec création à la volée si le client n'existe pas encore).

Étape 2 — Options : description, thème, polices, layouts, filigrane (en pré-sélection), avec un live preview sur la droite qui utilise tes vraies photos pour te montrer le rendu final avant même de créer.

Combiné au nouveau CTA « Livrer les photos à mon client » dans chaque fiche shooting, tu passes de 10+ clics avec rupture de page à 3 clics sans jamais quitter la création.

Cas d'usage concrets

• Photographe mariage : Cormorant italique + thème cream + sections Préparatifs/Cérémonie/Cocktail/Soirée + pré-sélection verrouillable pour l'album
• Photographe beauté / mode : Archivo condensé + layout magazine + thème dark + lightbox diaporama autoplay pour présenter les éditoriaux
• Photographe portrait : DM Serif + masonry + vente de tirages avec panier Stripe
• Photographe corporate : Inter + thème clair sobre + grille + ZIP haute qualité pour l'équipe communication

Migration automatique

Toutes les galeries existantes passent par défaut en masonry + éditorial + Playfair + dark — c'est-à-dire le style le plus proche de ce qu'elles affichaient avant. Aucun changement visuel en production sans ton action. Tu peux ensuite personnaliser chaque galerie individuellement depuis le bouton « Apparence » dans l'admin.

Disponibilité

Toutes ces améliorations sont incluses dans le plan Pro à 8,99 €/mois — aucun add-on, aucune upsell. Les galeries premium, c'est le nouveau standard Helpho.

Merci à tous les photographes beta qui ont remonté les retours qui ont guidé cette refonte. Les prochaines améliorations de la vue galerie (EXIF dans la lightbox, crop visuel de la cover) sont déjà sur la feuille de route.