Eine Website, die Notariatsarbeit abnimmt
Notarin Dornbirn
Vom reinen Adobe-XD-Design zur fertigen Website der Notarin in Dornbirn
Zewas Digital hat die technische Umsetzung der Website für die Notarin in Dornbirn übernommen – auf Basis von Storyblok, Next.js und Tailwind. Das Design stammt von Denise Valdes. Herzstück ist ein digitales Todesfallformular mit 55 Feldern, das der Notarin spürbar Vorbereitungszeit spart.
Das Notariat Dornbirn in Kürze
Die Notarin in Dornbirn betreut Mandantinnen und Mandanten in allen klassischen Notariatsfeldern – von Beurkundungen über Verlassenschaften bis zu Verträgen. Für ihren Webauftritt gab es keine bestehende Website, sondern nur ein Designkonzept. Zewas Digital hat die Umsetzung übernommen; das Design stammt von Denise Valdes.
Auf einen Blick
Kunde: Notarin Dornbirn
Branche: Notariat, Rechtsberatung
Leistung: Technische Umsetzung der Website (Design extern)
Tech-Stack: Storyblok, Next.js, Tailwind CSS
Design: Denise Valdes
Hosting: Hetzner (Deutschland) über Coolify
Besonderheit: Todesfallformular mit 55 Eingabefeldern, Instagram-Slider, Fluid Design
Wo wir gestartet sind
Ausgangslage war kein bestehender Webauftritt, sondern ausschließlich ein Design aus Adobe XD. Es gab eine klare gestalterische Vorlage von Denise Valdes, aber keine technische Basis, keine Inhalte im System und keine bestehende Struktur, auf der man aufbauen konnte.
Die Aufgabe von Zewas Digital war damit, das statische XD-Design in eine lebendige, pflegbare und performante Website zu überführen – und das Schritt für Schritt.
Wie wir es gelöst haben
Begonnen haben wir bewusst klein: Zuerst entstand nur eine Landingpage – ohne Unterseiten. So ging die Notarin schnell mit einem hochwertigen, fertigen Auftritt online, bevor der volle Funktionsumfang stand.
Im weiteren Verlauf wurde dann die gesamte Website nachgezogen: alle Unterseiten, Inhalte und Funktionen kamen hinzu, bis aus der Landingpage ein vollständiger Webauftritt wurde. Umgesetzt wurde alles mit Storyblok als Headless-CMS, Next.js als Framework und Tailwind CSS für das Styling.
Screenshot:
Screenshot:
Das Todesfallformular: 55 Felder, die Zeit sparen
Insgesamt wurden vier Formulare erstellt – drei klassische und ein besonderes. Das besondere ist das Todesfallformular mit 55 Eingabefeldern.
Die Idee dahinter nimmt der Notarin spürbar Arbeit ab: Der Klient füllt das Formular vorab online aus, statt das Dokument vor Ort mit Stift und Papier auszufüllen. Die eingegebenen Daten werden anschließend an den passenden Stellen automatisch in ein Word-Dokument eingefügt. Dieses fertige Word-Dokument wird an die Notarin versendet.
So kann sie sich gezielt auf den Termin vorbereiten und spart deutlich Zeit – der aufwendige, händische Teil entfällt komplett.
Screenshot:
.png%3F2026-06-25T05%253A46%253A34.209Z&w=3840&q=80)
Immer aktuell dank Instagram
Damit der Auftritt dauerhaft lebendig bleibt, wurde ein Instagram-Slider eingebunden. Neue Beiträge erscheinen automatisch auf der Website – sie bleibt dadurch immer aktuell und ist direkt mit dem Instagram-Kanal der Notarin verknüpft, ohne dass Inhalte doppelt gepflegt werden müssen.
Scharf auf jedem Bildschirm: Fluid Design
Eine technische Besonderheit ist das durchgängige Fluid Design. Statt nur an festen Breakpoints (Handy, Tablet, Desktop) umzuschalten, skaliert die gesamte Gestaltung – Schriftgrößen, Abstände, Elemente – stufenlos mit der Bildschirmbreite mit. Das Layout wirkt dadurch auf jeder Auflösung ausgewogen, von kleinen Notebooks bis zu großen 4K-Monitoren, auf denen klassische Layouts oft verloren wirken.
Mehr dazu im Blogartikel: Fluid Design für 4K-Monitore.
Datenschutz & Hosting in der EU
Beim Datenschutz galten besondere Anforderungen. Anders als sonst üblich konnte die Next.js-Anwendung daher nicht auf Vercel gehostet werden.
Stattdessen läuft die Website bei Hetzner in Deutschland und wird über die Open-Source-Plattform Coolify betrieben. Damit bleiben die Daten in der EU, die Infrastruktur ist transparent und unabhängig – passend zu den hohen Vertraulichkeitsansprüchen eines Notariats.
Was dabei herauskam
Eigenständiger Webauftritt: aus einem reinen Adobe-XD-Design wurde eine vollständige, gepflegte Website.
Echte Zeitersparnis: das Todesfallformular mit 55 Feldern nimmt der Notarin die manuelle Vorbereitung ab.
Immer aktuell: der Instagram-Slider hält die Seite ohne Mehraufwand lebendig.
Perfekt auf jedem Display: Fluid Design sorgt für ein stimmiges Bild bis 4K.
Datenschutzkonform: Hosting bei Hetzner (DE) über Coolify statt Vercel.
Diese Technologien haben wir eingesetzt
Storyblok
Storyblok ist ein innovatives Headless-Content-Management-System (CMS), das Entwicklern und Vermarktern die Flexibilität bietet, Inhalte schnell und effizient zu erstellen und zu verwalten. Mit seinem API-first-Ansatz und seinem visuellen Editor bietet Storyblok ein nahtloses Arbeitsumfeld für Teams, um ihren Content-Workflow zu optimieren.
Häufige Fragen zum Projekt
Wer hat Design und Umsetzung der Notarin-Website gemacht?
Das Design stammt von Denise Valdes, die technische Umsetzung von Zewas Digital.
Womit wurde die Website der Notarin Dornbirn umgesetzt?
Mit dem Headless-CMS Storyblok, dem Framework Next.js und Tailwind CSS.
Was kann das Todesfallformular?
Es hat 55 Eingabefelder. Klienten füllen es vorab aus, die Daten werden automatisch in ein Word-Dokument übertragen und an die Notarin versendet – das spart Vorbereitungszeit.
Warum wird die Website nicht auf Vercel gehostet?
Aus Datenschutzgründen läuft sie bei Hetzner in Deutschland über die Open-Source-Plattform Coolify, sodass die Daten in der EU bleiben.
Was ist Fluid Design?
Eine Gestaltung, die stufenlos mit der Bildschirmbreite mitskaliert – statt nur an festen Breakpoints umzuschalten. Dadurch sieht die Seite auch auf großen 4K-Monitoren ausgewogen aus.
