Portfolio-Engine
Einmal kuratieren. Überall publizieren.
Verwalten Sie Collections aus einem Dashboard und zeigen Sie sie sofort als Galerien, Stories, Portfolio-Seiten und immersive Viewing-Experiences über Ihre Website.
GrapesJS-Editor
Portfolio blocks in the editor
Portfolio-Kategorie-Blöcke (plus Portfolio Hero und Before/After) sind First-Class im visuellen Editor – jeder exponiert Traits für Medien, Layout und Präsentation. Wählen Sie einen Block, dann einen Layout-Modus, um zu sehen, wie die Canvas-Preview auf ausgeliefertes Verhalten mappt.
Layout / display modes (traits)
Portfolio
Öffentliche Galerie-URL
Dedizierte Portfolio-Seiten
Jede Collection kann auf Ihrer Domain als dedizierte Galerie-Seite leben – leicht für Kunden zum Bookmarken, Teilen und Wiederkehren. Die Layouts unten zeigen, wie Proofing, Archive und Portfolio-Marketing sich für Besucher tatsächlich anfühlen.
Design family
Layout
Auswahl-getriebene Layouts mit Hauptbühne und Thumb-Navigation.
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 →
Bildbereich gepaart mit Caption-Lese-Pane. Lange Titel und Beschreibungen bleiben neben dem Frame sichtbar.
Motion-Präsentation
Animierte Portfolio-Templates
Wenn ein statisches Raster nicht reicht, präsentieren Motion-Templates Ihre Arbeit mit Tiefe, Bewegung und einem klaren Hero-Frame. Dieselbe Domain, dieselbe Marke. Die Live-Previews unten entsprechen dem, was Besucher auf publizierten Portfolio-Seiten sehen.
Presentation model
Template
Lineare Karussell-Layouts mit Tiefe und Seiten-Previews.
Horizontaler Pfad mit rotierenden Seiten-Previews. Das gebogene Shelf fällt leicht unter die Bühne, sodass Flanken links und rechts lesbar sind.
Was die Portfolio-Engine antreibt
Runtime- und Editor-Capabilities, auf die Sie jede Woche setzen – keine Buzzword-Liste, sondern die Oberflächen, auf denen Umsatz und Kundenvertrauen reiten.
Medien & Präsentation
Rendering-Engine
Raster, Karussells, Masonry und Hero-Storytelling teilen responsive Srcsets, Pagination und Performance-Defaults für echte Galerien. Keine Demo-Seiten, die unter realen Bibliotheken auseinanderfallen.
Medien & Präsentation
Lightbox-System
Geometrie, Presets, Captions, Thumbnails, Zoom und Video-Pfade verhalten sich in Embeds, PDPs und Long-Scroll-Marketing-Seiten gleich. Damit die Viewing-Experience zum Handwerk passt – nicht zu einem generischen Popup.
Distribution & Skalierung
Embedding-Schicht
Eine Portfolio-Story läuft auf Site-Seiten, Blogs, Kundenoberflächen und Commerce-Kontexten, ohne drei Experiences neu zu bauen. Einmal kuratieren; überall wiederverwenden, wo das Produkt verbindet.
Distribution & Skalierung
Listing & große Bibliotheken
Portfolio Listing komponiert Child-Embeds für jede Galerie; Raster-, Listen- und Tab-Layouts halten Navigation offensichtlich, wenn Collections wachsen. Jedes Child behält eigene Display-Traits, während der Parent die Präsentation steuert.
Editor & Produkt-Klebstoff
GrapesJS-Komposition
Blöcke registrieren sich mit Component-Types, Trait-Sidebars und Canvas-Previews, sodass Autoren Verhalten konfigurieren statt Embed-Codes einzufügen. Der Editor bleibt abgestimmt mit dem, was ausgeliefert wird.
Distribution & Skalierung
Öffentliche Galerie-Seiten
Verwandeln Sie jede Medien-Collection in eine voll gebrandete Kunden-Destination mit maßgeschneiderten Layout-Experiences für spezifische Business-Workflows. Wählen Sie aus Proofing-Layouts, chronologischen Archiven oder adaptiven Rastern.
Vor einer verbundenen Plattform
- Unterschiedlicher Galerie-Code auf der Marketing-Site vs. Kundenübergabe
- Lightbox, die Handys, Captions oder EXIF ignoriert, wenn es zählt
- Embeds, die brechen, wenn Sie eine CDN-URL ändern
Nachdem Sie hier standardisieren
- Ein Portfolio-Renderer über Embeds, Site und kundennahe Oberflächen
- Lightbox-Verhalten, das zum Moment passt – Review, Spektakel oder Mobile Sheet
- Einmal kuratieren; Layouts wiederverwenden, ohne drei Experiences neu zu bauen
Hochperformante Präsentation
YARL
Lightbox-Ansicht
Bildunterschriften, Zoom, Thumbs und Videopfade für Premium-Serien
Portfolio-Seiten in Editorial-Qualität mit sanften Übergängen und immersivem Betrachten, gebaut auf Motion-, Lightbox- und Carousel-Primitiven.
Swipe sideways for more
Galerie-Systeme, die publizieren und präsentieren
Workflows bringen eine Collection von URL zu Seite zu Lightbox. Cluster halten Layout-, Privacy- und Präsentationstiefe.
Eine Galerie-URL publizieren
Public gallery aktivieren, einen Slug setzen, Layout unter Settings → Portfolio abstimmen (oder pro Collection überschreiben) und den Live-Link für Proofing oder Marketing teilen.
Private für Delivery anlegen; Public für Marketing behalten
Beim Anlegen Private für client-only Speicher und Portal- oder Download-Delivery wählen, oder Public für Site-Seiten, Embeds und den CDN-Pfad. Speicher wird beim Upload gesetzt.
In GrapesJS komponieren
Portfolio-Blöcke in Abschnitte und Spalten legen; Portfolios, Layouts und Medien aus Traits wählen statt einmaligem Embed-Code.
Layout pro Block abstimmen
Image Portfolio exponiert Raster, Masonry, Karussell und Hero; Portfolio Listing ergänzt Raster-, Listen- und Tab-Hüllen mit Child-Embeds für Display pro Galerie.
Die Lightbox öffnen
Presets, Captions, Thumbnails, Counter, Zoom und Video-Pfade bleiben konsistent – ob die Story auf einer PDP, einem Blog oder einer Marketing-Seite lebt.
Über dieselbe Pipeline ausliefern
Gespeichertes Seiten-HTML, SSR-Marker und hydrierte React-Oberflächen stimmen überein, sodass das, was Sie editieren, das ist, was die öffentliche Site rendert – kein paralleler Galerie-Stack.
Jedes Layout ist eine Entscheidung über Aufmerksamkeit – nicht eine Skin auf demselben Raster.
- Präsentations-Layouts
- Raster, Masonry, Karussell, Hero, Before/After und video-first.
- Fokussiertes Viewing
- Split Pane, Buchaufschlag und Bühnen-Karussell für Review eins nach dem anderen.
- Timeline-Abschnitte
- Gruppiert nach Shoot-Datum für Archive und Reisegeschichten.
- Cover-Hero
- Volles Banner, kurzes Banner oder keines – optional pro Collection.
- Pagination-Modi
- Für große Bibliotheken gebaut – Klarheit statt Infinite Scroll als Default.
- EXIF & Metadaten
- Gezeigt, wo sie die Geschichte stützen – nicht als Clutter.
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.
Portfolios lesen sich wie statische Seiten
sie lesen sich wie Experiences mit absichtlicher Viewing-Geometrie
Lightbox ist ein generisches Popup
sie wird zum System mit Presets, Captions und Performance, der Sie vertrauen können
Galerien existieren nur als Layout-Blöcke in einem Page Builder
jede Medien-Collection kann nativ ihre eigene Standalone-Premium-Marken-Experience antreiben
Portfolios lesen sich wie statische Seiten
sie lesen sich wie Experiences mit absichtlicher Viewing-Geometrie
Lightbox ist ein generisches Popup
sie wird zum System mit Presets, Captions und Performance, der Sie vertrauen können
Galerien existieren nur als Layout-Blöcke in einem Page Builder
jede Medien-Collection kann nativ ihre eigene Standalone-Premium-Marken-Experience antreiben
Ready when you are
Compare plans, then bring this surface online with the rest of your creative operating system.