Moteur de portfolio
Plateforme de portfolio photo pour studios et photographes
Créez un portfolio photographique professionnel sur votre propre domaine. Galeries, mises en page et éditeur visuel pour présenter votre meilleur travail.
Éditeur GrapesJS
Portfolio blocks in the editor
Les blocs de catégorie Portfolio (plus Portfolio Hero et Before/After) sont de première classe dans l’éditeur visuel — chacun expose des traits pour médias, layout et présentation. Choisissez un bloc, puis un mode de layout, pour voir comment l’aperçu canvas se mappe au comportement livré.
Layout / display modes (traits)
Portfolio
URL galerie publique
Pages portfolio dédiées
Chaque collection peut vivre sur votre domaine comme page galerie dédiée, facile à mettre en favori, partager et retrouver pour les clients. Les layouts ci-dessous montrent ce que l’épreuvage, les archives et le marketing portfolio ressentent vraiment pour les visiteurs.
Design family
Layout
Layouts pilotés par la sélection avec scène principale et navigation miniatures.
Portfolio engine
Dedicated public gallery URLs with zero-runtime-latency rendering for premium photography and media delivery.
Organize collections into three design families—grid galleries, immersive browsing, and chronological timelines—each tuned for how clients review work.
Public portfolio pages →
Volet image associé à un volet de lecture de légende. Titres longs et descriptions restent visibles à côté du cadre.
Présentation motion
Modèles portfolio animés
Quand une grille statique ne suffit pas, les modèles motion présentent votre travail avec profondeur, mouvement et un cadre hero clair. Même domaine, même marque. Les aperçus live ci-dessous correspondent à ce que les visiteurs voient sur les pages portfolio publiées.
Presentation model
Template
Layouts carrousel linéaires avec profondeur et aperçus latéraux.
Parcours horizontal avec aperçus latéraux rotatifs. L’étagère courbe descend légèrement sous la scène pour que les flancs se lisent à gauche et à droite.
Ce que le moteur de portfolio alimente
Capacités runtime et éditeur sur lesquelles vous vous appuyez chaque semaine : les surfaces où circulent le revenu et la confiance client.
Médias et présentation
Moteur de rendu
Grilles, carrousels, masonry et storytelling hero partagent srcsets responsive, pagination et défauts de performance calibrés pour de vraies galeries. Conçu pour de grandes bibliothèques avec densité et rythme prévisibles.
Médias et présentation
Système lightbox
Géométrie, presets, légendes, miniatures, zoom et parcours vidéo se comportent de la même façon dans embeds, PDP et pages marketing long-scroll. Ainsi l’expérience de visionnage correspond au métier de l’œuvre.
Distribution et échelle
Couche d’embedding
Une histoire portfolio tourne sur pages site, blogs, surfaces client et contextes commerce sans reconstruire trois expériences. Curatez une fois ; réutilisez partout où le produit connecte.
Distribution et échelle
Listing et grandes bibliothèques
Portfolio Listing compose des embeds enfants pour chaque galerie ; layouts grille, liste et onglets gardent la navigation évidente à mesure que les collections grandissent. Chaque enfant garde ses propres traits d’affichage tandis que le parent contrôle la présentation.
Éditeur et colle produit
Composition GrapesJS
Les blocs s’enregistrent avec types de composants, sidebars de traits et aperçus canvas pour que les auteurs configurent le comportement depuis l’éditeur. L’éditeur reste aligné avec ce qui est publié.
Distribution et échelle
Pages galerie publiques
Transformez toute collection média en destination client pleinement brandée avec des expériences de layout conçues pour des workflows business spécifiques. Choisissez parmi layouts d’épreuvage, archives chronologiques ou grilles adaptatives.
Avant une plateforme connectée
- Code galerie différent sur le site marketing vs. la livraison client
- Lightbox qui ignore téléphones, légendes ou EXIF quand ça compte
- Embeds qui cassent quand vous changez une URL CDN
Après standardisation ici
- Un renderer portfolio entre embeds, site et surfaces côté client
- Comportement lightbox qui correspond au moment — revue, spectacle ou feuille mobile
- Curatez une fois ; réutilisez les layouts sans reconstruire trois expériences
Présentation haute performance
YARL
Visionnage en lightbox
Légendes, zoom, vignettes et pistes vidéo pour les séries premium
Des pages portfolio de qualité éditoriale, avec transitions fluides et visionnage immersif, bâties sur des primitives motion, lightbox et carrousel.
Swipe sideways for more
Des systèmes galerie qui publient et présentent
Les workflows mènent une collection de l’URL à la page jusqu’à la lightbox. Les clusters portent layout, confidentialité et profondeur de présentation.
Publier une URL galerie
Activez Public gallery, définissez un slug, réglez le layout sous Settings → Portfolio (ou override par collection), et partagez le lien live pour l’épreuvage ou le marketing.
Créer Private pour la livraison ; garder Public pour le marketing
À la création, choisissez Private pour un stockage client-only et une livraison portail ou téléchargement, ou Public pour pages site, embeds et le parcours CDN. Le stockage est fixé à l’upload.
Composer dans GrapesJS
Déposez des blocs portfolio dans sections et colonnes ; choisissez portfolios, layouts et médias depuis le panneau de traits.
Régler le layout par bloc
Image Portfolio expose grille, masonry, carrousel et hero ; Portfolio Listing ajoute grilles, listes et coques onglets avec embeds enfants pour l’affichage par galerie.
Ouvrir la lightbox
Presets, légendes, miniatures, compteur, zoom et parcours vidéo restent cohérents que l’histoire vive sur une PDP, un blog ou une page marketing.
Livrer via le même pipeline
Le HTML de page enregistré, les marqueurs SSR et les surfaces React hydratées s’alignent pour que ce que vous éditez soit ce que le site public rend.
Chaque layout est une décision d’attention : grille, immersif ou chronologique selon la façon dont les visiteurs doivent regarder.
- Layouts de présentation
- Grille, masonry, carrousel, hero, avant/après et orienté vidéo.
- Visionnage focalisé
- Split pane, double page livre et stage carousel pour une revue une-à-une.
- Sections timeline
- Groupées par date de shoot pour archives et récits de voyage.
- Cover hero
- Bannière pleine, bannière courte, ou aucune — optionnel par collection.
- Modes de pagination
- Conçu pour les grandes bibliothèques : clarté plutôt que le scroll infini par défaut.
- EXIF et métadonnées
- Affichés là où ils soutiennent l’histoire, et discrets quand ils n’apportent rien.
E-mails de marketing
Les collectionneurs ne rechargent pas votre site. Écrivez-leur quand il y a du nouveau.
Studio
Maintenant
La nouvelle galerie est en ligne.
Voyez l’œuvre sur le site.
La nouvelle galerie
L’e-mail renvoie vers l’œuvre sur votre propre domaine. Ils arrivent dans la galerie, pas sur une page de newsletter avec votre logo collé dessus.
Ceux qui voulaient la voir
Des abonnés, pas une liste achetée.
Ce que vous voyez ensuite
La campagne indique combien sont partis et combien ont été rejetés. La liste des abonnés indique qui a demandé d’arrêter.
Continuity across the business
The difference isn't one feature. It's what happens when publishing, commerce, media, and delivery stop behaving like separate products or plugins.
Les portfolios se lisent comme des pages statiques
ils se lisent comme des expériences avec une géométrie de visionnage intentionnelle
La lightbox est un popup générique
elle devient un système avec presets, légendes et performance en lesquels vous avez confiance
Les galeries n’existent que comme blocs de layout dans un page builder
chaque collection média peut nativement piloter sa propre expérience de marque standalone et premium
Les portfolios se lisent comme des pages statiques
ils se lisent comme des expériences avec une géométrie de visionnage intentionnelle
La lightbox est un popup générique
elle devient un système avec presets, légendes et performance en lesquels vous avez confiance
Les galeries n’existent que comme blocs de layout dans un page builder
chaque collection média peut nativement piloter sa propre expérience de marque standalone et premium
Ready when you are
Compare plans, then bring this surface online with the rest of your creative operating system.