# Storyblok

## Storyblok Agentur

![Storyblok-Logo](https://www.digit-one.com/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fp48sl94f%2Fproduction%2F733685fbd16245c42a9a0b2e36010c86a9549dcd-3856x824.png&w=1920&q=75)

![Storyblok-Logo (hell)](https://www.digit-one.com/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fp48sl94f%2Fproduction%2F7673c3fd66e762df834a3b2490bf6edb174f9edc-768x271.webp&w=1920&q=75)

Storyblok ist ein Headless CMS mit **Visual Editor**: Dein Team sieht beim Bearbeiten sofort, wie die Seite aussehen wird, und klickt sich neue Seiten aus fertigen Komponenten zusammen. Ideal für **Marketing-getriebene Websites, Multi-Site-Setups und mehrsprachige Auftritte**, bei denen Inhalte laufend in Bewegung sind.

Wir sitzen in **Bregenz** und arbeiten mit Teams in Österreich, Deutschland und der Schweiz.

## Das CMS, das dein Team **wirklich gern benutzt**

Digit-One ist **Storyblok-Partner**: Wir beraten, bauen mit Next.js und betreuen deine Website auch nach dem Go-live.

## Warum Storyblok? Freiheit mit Leitplanken

Der Visual Editor ist der Grund, warum Redaktionen Storyblok lieben: **Bearbeiten heißt Sehen.** Kein abstraktes Formular-Ausfüllen, sondern die echte Seite, live im Editor. Neue Landingpage? Dein Marketing baut sie selbst, ohne Ticket an die Agentur.

Damit dabei nichts kaputtgeht, bauen wir die **Leitplanken**: ein Komponenten-System, in dem dein Team frei gestaltet, aber jedes Element automatisch im Design bleibt. Freiheit für die Redaktion, Konsistenz für die Marke.

Technisch steht darunter unser bewährter Stack: **Next.js für Performance**, saubere Strukturen für SEO und AI-Sichtbarkeit und eine Internationalisierung, die mehrsprachige Inhalte wirklich handhabbar macht. Bei Multi-Site-Setups zeigt Storyblok seine Stärke besonders: **Neue Seiten entstehen in Stunden statt Tagen**, weil Komponenten und Inhalte wiederverwendbar sind.

### Storyblok in einem Satz

Storyblok mit Digit-One heißt: ein CMS, in dem dein Team **selbst gestaltet**, und Komponenten von uns, die dabei **nichts kaputtgehen lassen**.

### Wann Storyblok die richtige Wahl ist

- Marketing-getriebene Websites mit häufigen Landingpages
- Multi-Site- und Multi-Brand-Setups
- Mehrsprachige Auftritte
- Teams, die selbst gestalten wollen, nicht nur Texte tauschen

Kostenlos & unverbindlich

Vier Funktionen, die im Redaktionsalltag den Unterschied machen.

## Was in Storyblok **steckt**

## Visual Editor

Live-Vorschau

Klick-Navigation

Sofort sichtbar

Die echte Seite erscheint direkt im Editor: Ein Klick auf einen Block öffnet seinen Eintrag, jede Änderung ist sofort sichtbar. Bearbeiten heißt Sehen.

### Komponenten statt Seitenchaos

Wiederverwendbar

Design-System

Leitplanken

Seiten entstehen aus fertigen Komponenten. Dein Team kombiniert frei, und jedes Element bleibt automatisch im Design. Einmal gebaut, überall nutzbar.

### Mehrsprachigkeit

Felder

Ordner

Spaces

Sprachen lassen sich je Feld, je Ordner oder je Space abbilden und miteinander kombinieren. Übersetzungen können einzeln veröffentlicht werden.

### Next.js als Frontend

Offizielles SDK

Server-Komponenten

Performance

Für Next.js gibt es ein offizielles Storyblok-SDK, das Inhalte als Server-Komponenten rendert. Die Basis für schnelle Seiten mit sauberer Struktur.

## Storyblok oder Sanity: So findest du es heraus

Beide sind erstklassige Headless-CMS, und wir arbeiten mit beiden. Fünf Fragen helfen bei der Entscheidung:

- **Wer pflegt die Inhalte?** Gestaltet dein Marketing Seiten gern selbst und visuell, spricht das für Storyblok. Stehen strukturierte Inhalte im Vordergrund, spricht es für Sanity.
- **Wie wichtig ist die Seitenvorschau?** Storyblok ist visual-first: Bearbeiten heißt Sehen. Visual Editing gibt es auch bei Sanity, dort steht aber ein Studio im Mittelpunkt, das exakt zu deinen Inhaltstypen passt.
- **Wie viele Seiten, Marken und Sprachen?** Viele Websites mit gemeinsamen Komponenten und Inhalten sind eine Stärke von Storyblok. Inhalte, die auch in App, Shop oder weiteren Kanälen laufen sollen, sind eine Stärke von Sanity.
- **Wie individuell muss die Redaktionsumgebung sein?** Storyblok bringt einen erprobten Editor mit Leitplanken mit. Das Sanity Studio wird wie Code konfiguriert: deine Inhaltstypen, deine Rollen, deine Freigabewege.
- **Wie arbeitet dein Team zusammen?** Sanity ist stark in der Echtzeit-Zusammenarbeit mehrerer Personen am selben Inhalt. Storyblok bietet Rollen und Workflow-Stufen für klare Redaktionsprozesse.

Am Ende zählt dein Projekt, nicht die Tabelle. Den ausführlichen Vergleich findest du im [CMS-Vergleich](https://www.digit-one.com/headless-cms-vergleich), mehr zur Alternative auf unserer [Sanity-Seite](https://www.digit-one.com/web/headless-websites/sanity).

## So bauen wir mit Storyblok

Am Anfang steht das **Komponenten-Konzept**: Welche Bausteine braucht dein Team, um alle Seiten der nächsten Jahre bauen zu können? Daraus entsteht das Design-System, dann die Umsetzung mit Next.js, inklusive Visual Editing, das live funktioniert.

Getestet wird auf einer **eigenen Testumgebung**, bevor irgendetwas live geht, und nach dem Go-Live bleiben wir an Bord: Betrieb, Wartung und Weiterentwicklung kommen aus demselben Haus. Migration von einem bestehenden CMS? Machen wir regelmäßig, inklusive **Datenübernahme und SEO-Erhalt per Redirect-Konzept**.

[Jetzt kontaktieren](mailto:islam.mechtijev@digit-one.com%20)

### Islam Mechtijev

![Porträt von Islam „Sami“ Mechtijev, Director Web & Dev-Ops und Co-Founder bei Digit-One](https://www.digit-one.com/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fp48sl94f%2Fproduction%2Fb7efcc5ffb54b0c383108137ad22722a4107fb23-1920x1152.jpg&w=1920&q=75)

Director Web & DevOps, Co-Founder @ Digit-One

Storyblok richtig aufgesetzt fühlt sich wie Magie an. Zeig ich dir gern.

## Der Wechsel zu Storyblok: So läuft er ab

Du hast schon eine Website, etwa mit WordPress oder TYPO3, und willst wechseln? Dann gehen wir in fünf Schritten vor, damit Inhalte und Sichtbarkeit sicher ankommen:

1. **Bestandsaufnahme:** Wir erfassen Inhalte, Struktur, Adressen und Rankings deiner aktuellen Website und klären, was bleibt, was wegfällt und was neu entsteht.
2. **Inhaltsmodell:** Daraus entwickeln wir die Komponenten und Inhaltstypen in Storyblok, passend zu dem, was dein Team künftig pflegen will.
3. **Übernahme:** Inhalte und Dateien übernehmen wir per Skript oder von Hand, je nachdem, was sich lohnt.
4. **Prüfung:** Wir testen auf einer eigenen Testumgebung, prüfen die übernommenen Inhalte und gleichen sie mit dem Altbestand ab.
5. **Umleitungen und Start:** Jede alte Adresse bekommt ein Ziel auf der neuen Website, wir testen die Weiterleitungen und achten auf Canonicals und Sitemap. Nach dem Start beobachten wir Indexierung und Rankings. Danach bleiben wir für Betrieb und Weiterentwicklung an Bord.

Wie das bei deiner Website aussieht, klären wir gern im Erstgespräch.

## Storyblok im Einsatz: b_smart

Die b_smart Hotelgruppe betreibt mehr als 20 Hotels und Motels auf einer einzigen Storyblok-Instanz. Was das konkret heißt:

- **Eine Instanz, viele Standorte:** Globale Inhalte werden einmal gepflegt und überall ausgespielt, standortspezifische Inhalte liegen in eigenen Ordnern.
- **Zwei Sprachen, mehrere Erscheinungsbilder:** Ein Designsystem mit gemeinsamen Komponenten, Farb- und Formsprache je Marke.
- **Neue Standorte in Stunden statt Tagen:** Dafür reichen Konfiguration, ein Starter-Gerüst, Content-Pflege und die Einstellungen für den Go-live.
- **Geprüft und ausgezeichnet:** Mehr als 150 Usability- und Funktionstests vor dem Start, dazu der German Web Award für das Projekt.

Ganze Case Study

[b_smart Hotelgruppe](https://www.digit-one.com/cases/b_smart)

Digitale Identität mit Charakter. Skalierbar für 20+ Häuser und dabei so persönlich wie ein Handschlag an der Rezeption.

![Luftaufnahme des b_smart hotel in Widnau mit Villa und modernem Neubau vor Bergkulisse](https://www.digit-one.com/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fp48sl94f%2Fproduction%2Fcbd2f6dc2fc48866953bf50e0029d8500909bab4-1920x1438.jpg&w=1920&q=75)

## Corporate Website

### Storyblok

### Headless CMS

[+43 664 168 39 50](tel:00436641683950)

Lass uns reden

Lass uns über dein Projekt sprechen

[hello@digit-one.com](mailto:hello@digit-one.com)

## Was ist Storyblok?

Storyblok ist ein Headless CMS mit Visual Editor: Inhalte werden von der Darstellung getrennt verwaltet, aber dein Team bearbeitet sie trotzdem direkt in der echten Seitenansicht. Das Unternehmen stammt aus Österreich (Linz) und wurde 2017 gegründet. Heute wird Storyblok weltweit von Marken jeder Größe genutzt.

### Was kostet Storyblok?

Zwei Dinge auseinanderhalten: Die Lizenz für Storyblok zahlst du direkt an Storyblok. Es gibt einen kostenlosen Einstiegsplan für Tests und kleine Projekte, für Unternehmenswebsites kommen in der Regel kostenpflichtige Stufen infrage, je nach Teamgröße und Funktionsumfang. [Aktuelle Preise](https://www.storyblok.com/pricing) stehen bei Storyblok. Die Projektkosten für Konzept, Design und Umsetzung kalkulieren wir transparent pro Vorhaben, abhängig von Umfang, Komponenten und Integrationen. Beides rechnen wir dir im Erstgespräch ehrlich vor.

### Storyblok oder Sanity: Was passt zu uns?

Beide sind erstklassige Headless-CMS, und wir arbeiten mit beiden. Die Faustregel: **Storyblok**, wenn dein Team visuell gestalten will (Visual Editor, Landingpage-Tempo, Multi-Site). [**Sanity**](https://www.digit-one.com/web/headless-websites/sanity), wenn strukturierte Inhalte und ein maßgeschneidertes Studio im Vordergrund stehen. Die ehrliche Empfehlung gibt es nach einem Blick auf dein Projekt.

### Können wir Inhalte wirklich selbst pflegen?

Ja, das ist der Kern von Storyblok: Dein Team **sieht beim Bearbeiten die echte Seite** und baut neue Seiten aus fertigen Komponenten, ohne Technik-Wissen. Unsere Komponenten sorgen dafür, dass dabei alles im Design bleibt. Schulung zum Start inklusive, danach braucht ihr uns nur noch für das, was wirklich neu ist.

### Wie lange dauert ein Storyblok-Projekt?

Das hängt vom Umfang ab: Eine fokussierte Website mit klarem Komponenten-Set ist **in wenigen Wochen** live, komplexe Multi-Site- oder Mehrsprachigkeits-Setups brauchen entsprechend länger. Durch das Komponenten-Prinzip geht es nach dem Start schnell: Jede weitere Seite ist eine Frage von Stunden, nicht Tagen.

### Migriert ihr bestehende Websites zu Storyblok?

Ja, regelmäßig. Wir starten mit einer **Bestandsaufnahme von Inhalten, Struktur und Rankings**, planen die Datenübernahme und sichern deine Sichtbarkeit mit einem sauberen Redirect-Konzept. Egal ob WordPress, TYPO3 oder ein anderes System: Der Umzug ist Handwerk, und das machen wir sauber.

### Wie funktionieren Mehrsprachigkeit und Multi-Site in Storyblok?

Storyblok kennt drei Wege: Sprachen je Feld, je Ordner oder je Space, und sie lassen sich kombinieren. Für mehrere Standorte oder Marken bewährt sich eine Instanz, in der globale Inhalte einmal gepflegt werden und standortspezifische Inhalte in eigenen Ordnern liegen. Übersetzungen lassen sich einzeln veröffentlichen, eine Sprache kann also live gehen, während die nächste noch in Arbeit ist. Welche Variante zu dir passt, hängt von der Zahl der Sprachen, Marken und pflegenden Teams ab. Das klären wir im Konzept, bevor das erste Bauteil entsteht.

### Ist Storyblok DSGVO-konform, und wo liegen die Daten?

Storyblok gibt an, DSGVO-konform zu sein, und stellt einen Auftragsverarbeitungsvertrag bereit. Gehostet wird auf AWS mit Rechenzentren unter anderem in Europa (Deutschland), welche Region zur Wahl steht, hängt vom Plan ab. Außerdem ist Storyblok nach ISO 27001 zertifiziert. Details stehen im [Trust Center](https://www.storyblok.com/trust-center) von Storyblok. Zur Datenschutz-Bilanz einer Website gehört aber mehr als das CMS, etwa das Hosting des Frontends, Tracking und Formulare. Das gehen wir im Konzept gemeinsam durch. Die rechtliche Bewertung bleibt bei deiner Datenschutzstelle.

### Was passiert nach dem Go-live?

Wir bleiben an Bord, wenn du das möchtest: Betrieb, Wartung und Weiterentwicklung kommen aus demselben Haus, ohne Übergabe an ein anderes Team. Dein Team bekommt zum Start eine Schulung, damit Redaktion und Marketing Seiten selbst pflegen und neue bauen können. Was später dazukommt, etwa neue Komponenten, weitere Sprachen oder zusätzliche Standorte, planen wir in kleinen Schritten, statt jedes Mal neu zu beginnen. Wie die Betreuung im Detail aussieht, legen wir im Projekt gemeinsam fest.