Projekt
In Zusammenarbeit mit Domenig & Partner ist die Plattform datenschutz.law entstanden. Eine Plattform, welche auf verschiedene Zielgruppen eingeht, einen starken Fokus auf die Usability legt und mit den neusten Technologien umgesetzt wird. Die Website greift die aktuellen Themen zum Datenschutzrecht auf, haltet die User auf dem Laufenden und dient als Nachschlagewerk für Anwält:innen.
Herausforderung
Eine Besonderheit dieses Projekts ist die breite Zielgruppe. Sowohl Expert:innen auf den verschiedenen Rechtsgebieten wie Anwält:innen, aber auch Laien bewegen sich auf dieser Plattform und informieren sich über das Thema Datenschutz.
Beide Zielgruppen haben ein unterschiedlich vertieftes Wissen über Datenschutz und in der juristischen Sprache. Aus diesem Grund muss der Content der Website so aufbereitet werden, dass der Inhalt für alle User verständlich ist, aber gleichzeitig dem Anwalt ein detailliertes juristisches Fachwissen vermittelt.
Um diese Herausforderung zu lösen, wurde die Website mit einem Experten-Modus versehen. Sobald dieser Modus aktiviert wird, werden Hilfestellungen ausgeblendet und Erweiterungen eingeblendet, welche Expert:innen helfen, die richtigen juristischen Informationen zum Datenschutz zu finden.
![](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/blog/mobile.png)
Glossar
Das juristische Vokabular ist sehr kompliziert. Nicht wenige verstehen ohne das nötige Fachwissen nur «Bahnhof». Um dies zu verhindern, wurde ein Glossar eingebaut, welches komplexe Fachausdrücke einfacher umschreibt und erklärt.
Die technische Besonderheit dieser Funktion ist, dass die Plattform automatisch erkennt, welche Fachausdrücke in einem Inhaltstext vorkommen. Diese werden auf der Seite als Glossar angezeigt. Es ist keine manuelle Verknüpfung der Inhalte und des Glossars nötig. Dies erledigt die Technik im Hintergrund von selbst.
![](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/datenschutz/glossar.png)
Ratgeber
Der Ratgeber erklärt aktuelle Themen und Fragen zum Datenschutz auf einfache Art und Weise. Es ist also nicht nötig, Gesetze zu wälzen und komplizierte Artikel zu lesen. Alles, was man wissen muss, erfährt man hier einfach und verständlich. Natürlich darf auch dort das Glossar nicht fehlen.
Lösung für Expert:innen
Der Expertenmodus hilft dem Experten die richtigen Informationen schnell zu finden. Das Glossar und die Beschreibungen werden ausgeblendet, dafür neue Funktionen und Schnellzugriffe hinzugefügt.
Verlinkte Inhalte
Gesetzgebungen, Behördeninformationen, Rechtsprechungen und das Gesetz selbst sind Inhalte, die eine stark miteinander verknüpft sind. Die Plattform erleichtert es den Experten einen Überblick über alle Beiträge zu finden. Beiträge, welche einen inhaltlichen gemeinsamen Nenner haben, werden den Experten als verknüpfter Beitrag angezeigt. So kann der User sich einfach durch die verschiedenen Kategorien bewegen und erhält ein vertieftes Wissen über das entsprechende Thema.
Inhalte einfach kopieren und zitieren
Als Anwält:in ist es oft nötig, Texte zu kopieren und zu zitieren. Aus diesem Grund bietet die Plattform die Funktion, Gesetzestexte einfach zu kopieren. Wenn gewünscht, wird gleich die richtige Zitierung hinzugefügt.
![](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/datenschutz/datenschutz-expoerten.png)
Intuitive Darstellung der Gesetze
Die Plattform stellt alle wichtigen Gesetze zum Datenschutz online dar. Damit das Gesetz auch als Arbeitswerkzeug für die Experten gut nutzbar ist, wurde dieses so intuitiv wie möglich dargestellt. Diese Funktionen und Hilfestellungen haben wir umgesetzt:
Integrierte Suche je Gesetz, nach Relevanz basierter Sortierung
Übersichtliche Darstellung der Artikel unterteilt in Kapitel mittels Akkordeon
Direkter Zugriff auf Artikel mit einem Dropdown
Die Möglichkeit, Artikel zu fixieren. Dies erlaubt es Artikel schnell wieder zu öffnen und zu vergleichen
Integrierte Erwägung und Verordnung, welche parallel neben dem Gesetz geöffnet werden können
Verlinkte Gesetzgebungen, Behördeninformationen und Rechtsprechungen
Eine direkte Verlinkung zum englischen Gesetzestext
![](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/datenschutz/datenschutz-gesetz2.png)
Technische Umsetzung
Die Datenschutzplattform wurde mit einer Headless Architektur und dem auf Vue.js basierten Javascript Framework NuxtJS umgesetzt. Als Content Management System (CMS) wurde Statamic eingesetzt, welches einen komponentenbasierten und modularen Aufbau der einzelnen Seiten und Beiträge ermöglicht. Da Statamic auf dem beliebtesten PHP Framework Laravel basiert, konnten wir für die individuellen Entwicklungen auf das reichhaltige Ökosystem von Laravel zurückgreifen.
Newsletter mit Mailchimp
Newsletter können durch die Anbindung an Mailchimp einfach verwaltet und abgesendet werden. Neue E-Mail Adressen aus einer Newsletter Anmeldung werden von der Plattform automatisch in Mailchimp importiert. Zudem wurde die Funktion entwickelt, dass beim Veröffentlichen eines neuen Beitrags automatisch ein Newsletter an alle Abonnenten versendet wird.
Referenzen
![Referenz Gestina AG Immobilienverwaltung](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/gestina/house-1.png)
![Referenz Gestina AG Immobilienverwaltung](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/gestina/cloud-1.png)
Gestina AG Immobilienverwaltung
![Referenz gibb Sporttag](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/gibb-sporttag/gibb-sporttag-thumbnail-2.png)
![Referenz gibb Sporttag](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/gibb-sporttag-thumbnail-1.png)
gibb Sporttag
![Referenz hep Verlag](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/hep/hep_verlag1.png)
![Referenz hep Verlag](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/hep/hep_verlag2.png)
hep Verlag
![Referenz Uniskat AG Transportservice](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/uniskat-ag-transportservice/truck-1.png)
![Referenz Uniskat AG Transportservice](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/uniskat-ag-transportservice/house-1.png)
Uniskat AG Transportservice
![Referenz Denk an mich Website](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/denk-an-mich/Referenz-dam-1639650048.png)
![Referenz Denk an mich Website](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/denk-an-mich/denk_anmich-1639650050.png)
Denk an mich Website
![Referenz La Werkstadt](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/la-werkstadt/lawe_thumb_02.png)
![Referenz La Werkstadt](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/la-werkstadt/lawe_thumb_01.png)
La Werkstadt
![Referenz NZZ Kunst](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/nzz-kunst/nzz-kunst-thumbnail-1.png)
![Referenz NZZ Kunst](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/nzz-kunst/nzz-kunst-thumbnail-2.png)
NZZ Kunst
![Referenz Fracture Monitor](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/fracture-monitor/header_illustration_2.png)
Fracture Monitor
![Referenz Media-Line GmbH](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/media-line-gmbh/thumb_a9-1.png)
![Referenz Media-Line GmbH](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/media-line-gmbh/thumb_logo-1.png)
Media-Line GmbH
![Referenz Working Bicycle](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/workingbicycle/working-bicycle---thumb1.png)
![Referenz Working Bicycle](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/workingbicycle/working-bicycle---thumb-2.png)
Working Bicycle
![Referenz ISP Smarthome](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/isp-smarthome/house-1.png)
![Referenz ISP Smarthome](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/isp-smarthome/isp_logo_white-(1).png)
ISP Smarthome
![Referenz Energie Wasser Bern](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/ewb/ewb_01.png)
![Referenz Energie Wasser Bern](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/ewb/ewb_02.png)
Energie Wasser Bern
![Referenz Roots Kassensystem](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/roots/roots_thumbnail2.png)
![Referenz Roots Kassensystem](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/roots/roots_thumbnail1.png)
Roots Kassensystem
![Referenz nohe Schweiz](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/nohe-schweiz/nohe_thumb_02.png)
![Referenz nohe Schweiz](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/nohe-schweiz/nohe_thumb_01.png)
nohe Schweiz
![Referenz NFP Energie](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/nfp/nfp---thumbnail-1.png)
![Referenz NFP Energie](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/nfp/nfp---thumbnail-2.png)
NFP Energie
![Referenz Nexplore](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/nexplore/nexplore_website_1.png)
![Referenz Nexplore](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/nexplore/nexplore_preview_background-1672997800.png)
Nexplore
![Referenz Game «Generali Running Challenge»](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/running-challenge/running-challenge---thumbnail-1.png)
![Referenz Game «Generali Running Challenge»](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/running-challenge/running-challenge---thumbnail-2.png)
Game «Generali Running Challenge»
![Referenz Kellerhals Carrard](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/kellerhals-carrard/kellerhals-carrard_thumbnail_2.png)
Kellerhals Carrard
![Referenz Seilbahnen Schweiz Webseite](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/seilbahnen-schweiz/seilbahnen-schweiz---thumbnail-1.png)
![Referenz Seilbahnen Schweiz Webseite](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/seilbahnen-schweiz/seilbahnen-schweiz---thumbnail-2.png)
Seilbahnen Schweiz Webseite
![Referenz Golfers Paradise Onlineshop](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/golfers-paradise/golfersparadise---thumbnail1.png)
![Referenz Golfers Paradise Onlineshop](https://res.cloudinary.com/teamnovu/image/upload/w_2000,q_auto,f_auto,c_lfill,g_auto/novu-cms/staging/assets/references/golfers-paradise/golfersparadise---thumbnail2.png)