Über diesen Demonstrator
Nachweis zum Wertungskriterium „Website im NNL-Design“
Die dioptify UG (haftungsbeschränkt) hat diesen Demonstrator eigens für die Ausschreibung 2026-VG-NG17_0001 „Relaunch Website“ des Staatsbetriebs Sachsenforst gebaut. Er zeigt die Startseite und mehrere Unterseiten der künftigen Website im Corporate Design der Nationalen Naturlandschaften.
Umsetzung des NNL-Corporate-Designs
| Vorgabe im CD-Manual | Umsetzung |
|---|---|
| Farben (36 Farben, keine Abstufungen) | Element Dunkelblau, Dunkel-Grüngelb, Punkt Gelborange, Himmelblau und weitere Farben der Palette |
| Farben Typografie und Barrierefrei | Weiße Schrift nur auf dunklen, schwarze Schrift auf hellen Elementfarben; farbige Schrift nur auf Weiß; alle Paare mit Kontrast nach WCAG 2.1 AA |
| Typografie | Hierarchie Headline Bold, Subline Regular, Copy Light; linksbündiger Flattersatz. Frei lizenzierte Ersatzschrift Atkinson Hyperlegible Next (Bieterantwort 15), im Projekt FS Me |
| Website-Grundregeln | Gebietslogo rechts oben, Menü darunter, großformatiges Bild, darunter die Elementform als Titel; gestapelte Formen mit Weißraum |
| Dialogelemente und Infoboxen | Wellenformen an Kopf, Titel, Abschnitten und Fuß sowie Infoboxen mit Sprechblasenelement als eigene Nachbildung; im Projekt die Originalformen aus dem CD-Manual |
| Piktogramme | Linear und einfarbig |
| Logos | Platzhalter an den Positionen laut Sitemap; die Logodateien liefert der Auftraggeber |
Gezeigte Funktionen aus dem Leistungsverzeichnis
- Warnmeldungen und Waldbrandstufe im Kopfbereich mit Anzeigezeitraum (1.3.2, 1.3.3)
- Interaktive Karte auf OpenStreetMap mit Gebietsgrenzen, Pfaden, Aussichtspunkten und Störungsmeldung (1.3.4, 1.3.7)
- Suche im Kopfbereich mit Trefferliste und Direktlink (1.3.6)
- Veranstaltungskalender mit Filtern und Export als iCal und CSV (1.3.8)
- Deutsch und Englisch, Leichte Sprache, Platz für Gebärdensprache (1.2.1, 1.2.7)
- Schrift vergrößern, Kontrast erhöhen, Vorlesen (1.2.1)
- Weiterleitungshinweis zum Online-Shop (1.3.7) und Zwei-Klick-Lösung für Videos (1.3.1)
- Sitemap nach Anlage 5b mit allen Bereichen und Unterseiten (1.2.8)
Redaktion
Im Projekt erreichen Redakteurinnen und Redakteure die Bearbeitung über eine eigene Website mit Anmeldung über den Identityprovider des Auftraggebers (1.1.8). Der Demonstrator enthält keinen Redaktionszugang.
Technik
Statische Seiten ohne Cookies und ohne externe Schriften. Kartenbibliothek Leaflet, Kartendaten OpenStreetMap. Quelltext im öffentlichen Repository github.com/Birkenpapier/nnl-demonstrator.