Janis Zierold

JanisZierold.

Gestaltung, Text und Technik für Auftritte, die Menschen wirklich benutzen.

Mache ichWebsites, Designsysteme, Werkzeuge
AktuellNeuer Auftritt der DPSG Limburg
Vonder Idee bis zum eigenen Server
01 — Arbeiten

Ausgewählte Arbeiten

Der größte Teil entsteht gerade ehrenamtlich für die DPSG im Diözesanverband Limburg: 32 Pfadfinder-Stämme zwischen Frankfurt und Westerwald, die einen gemeinsamen, ehrlichen Auftritt bekommen.

01

DPSG Limburg: die neue Website

Von Grund auf neu gedacht: ein Kreide-Look mit Wegzeichen aus der Pfadfinder-Tradition, ein Stammesfinder für alle 32 Stämme, Termine, Materialausleihe und ein Präventionsbereich, der nüchtern bleibt, wo er nüchtern sein muss. Das Büro pflegt alles selbst im CMS.

Rolle
Konzept, Gestaltung, Umsetzung, Text
Technik
Kirby CMS, PHP, HTML, CSS
Besonders
Kontraste nach WCAG, eigener Schreibstil
Stand
im Testbetrieb
Startseite der neuen DPSG-Limburg-Website: Lagerfeuer im Wald, Überschrift „Pfadfinden in Lindenholzhausen“, Kreide-Zeichen
02

Ein Designsystem für den ganzen Verband

Eine gemeinsame Quelle für Farben, Schriften, Kreide-Effekte, Wegzeichen und Sprache, aus der sich Website, Ticket-Shop, Quiz und Instagram bedienen. Kein Handbuch zum Abheften, sondern Haltung zuerst: wofür der Verband steht, wie er spricht, dann wie er aussieht.

Rolle
Aufbau und Pflege
Umfang
Tokens, Typografie, Farben je Stufe, Schreibstil
Designsystem DV Limburgv0.2
Gut Pfad!
Biber
Wö
Jupfi
Pfadi
Rover
Leitende
Ausbildung
Prävention
03

Instagram als Baukasten

Vorlagen für Ankündigungen, Rückblicke, Erklär-Karussells, Storys und Reels im selben Look wie die Website, mit über 100 Wegzeichen und Doodles. Wer einen Post braucht, füllt Text und Bilder ein und exportiert.

Rolle
Gestaltung, Vorlagen, Export
Kanal
@dpsg_limburg
Post: Was ist eigentlich ein Woodbadge? Post: Fünf Module, ein Weg Post: Wegzeichen der Woche
04

Quizwerkstatt: Pub-Quiz live

Ein Quiz für Beamer und Handys: Tische treten per QR-Code bei, antworten am Handy, die Moderation wertet live aus. Fragen und Bilder pflegt das Team selbst. Zum ersten Mal im Einsatz bei der Diözesanleitung.

Rolle
Idee, Gestaltung, Umsetzung, Betrieb
Technik
Node.js, Live-Verbindung, Docker
Stand
läuft
Quizwerkstatt: Ein Tisch tritt dem DiLei-Quiz bei
05

Ticket-Shop im Kreide-Look

Ein Plugin für die Anmelde-Plattform pretix: Shopseiten, Warenkorb, PDF-Tickets, Rechnungen und Mails sehen aus wie der Verband statt wie eine Software. Anmelden zum Lager fühlt sich so an wie der Rest des Auftritts.

Rolle
Gestaltung und Plugin
Technik
pretix, Python, CSS
06

Sammelkarten für Ehrenamtliche

Ein Generator für Karten wie im Sammelkartenspiel: Stufe wählen, Foto rein, Spruch drauf, Seltenheit von Perle bis Goldwürfel. Als kleines Dankeschön für die Menschen, die den Verband tragen, fertig zum Drucken.

Rolle
Idee, Gestaltung, Umsetzung
Ausgabe
Druck, SVG
Sammelkarten-Generator: Einstellungen links, eine Karte im Stil eines Sammelkartenspiels rechts
02 — Arbeitsweise

Wie ich arbeite

a

Erst die Haltung, dann die Farbe

Wer spricht hier, mit wem, und warum? Aus der Antwort folgen Ton und Gestaltung, nicht umgekehrt.

b

Für alle benutzbar

Kontraste nach WCAG, Tastatur, kleine Bildschirme, ruhige Bewegung für alle, die das so eingestellt haben.

c

Klare Sprache

Ein eigener Schreibstil statt Behördendeutsch oder KI-Klang. Und wo es ernst wird, wie bei Prävention, bewusst nüchtern.

d

Datensparsam und selbst betrieben

Keine unnötigen Dienste, Schriften vom eigenen Server, Tracking nur mit Zustimmung. Was ich baue, kann ich auch selbst betreiben.

KirbyPHPHTML & CSSJavaScriptNode.jsDockerCaddyGitHub ActionspretixBlenderClaude
03 — Nach Feierabend

Und wenn's nicht ernst sein muss?

Meine Spielwiese hat eine eigene Adresse. Sie versteckt sich in diesem Namen.