Moteur de portfolio
Curatez une fois. Publiez partout.
Gérez les collections depuis un seul tableau de bord et affichez-les instantanément en galeries, récits, pages portfolio et expériences de visionnage immersives sur votre site.
É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 — pas une liste de buzzwords, mais les surfaces sur lesquelles reposent revenu et confiance client.
Médias et présentation
Moteur de rendu
Grilles, carrousels, masonry et storytelling hero partagent srcsets responsive, pagination et valeurs de performance calibrées pour de vraies galeries. Pas des pages de démo qui s’effondrent sous de vraies bibliothèques.
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. Pour que l’expérience de visionnage corresponde au craft — pas un popup générique.
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, barres latérales de traits et aperçus canvas pour que les auteurs configurent le comportement au lieu de coller des codes d’embed. L’éditeur reste aligné avec ce qui est livré.
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 les traits plutôt qu’un code d’embed ponctuel.
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
HTML de page enregistré, marqueurs SSR et surfaces React hydratées s’alignent pour que ce que vous éditez soit ce que le site public rend — pas de stack galerie parallèle.
Chaque layout est une décision d’attention — pas une peau sur la même grille.
- 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çus pour les grandes bibliothèques — clarté plutôt que scroll infini par défaut.
- EXIF et métadonnées
- Affichés là où ils soutiennent le récit, pas comme du bruit.
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.