Gestaltung einer Plattform für den Elternausschuss

Eine Plattform für Schulklassen, Kindergartengruppen und Sportgruppen. Budgets und Kasse, Teilnehmerliste, ein Feed mit Social-Media-Elementen, Abstimmungen und Dokumente liegen an einem Ort.

Rolle: UI/UX-Design, Designsystem Stack: Sketch, Figma, Next.js, Framer-Motion

Ausgangssituation

Elternbeiräte führen ihre Arbeit in Chats, Excel-Tabellen und auf Papier. Budgets, Beschlüsse und Abstimmungen gehen dabei verloren, und neue Mitglieder finden sich nur schwer zurecht.

Dashboard

Der Startbildschirm beantwortet die Frage: „Was passiert gerade in der Klasse und was braucht meine Aufmerksamkeit?" Statt sich durch den Chat zu scrollen, sehen Eltern alles auf einer Seite.

Struktur des persönlichen Kontos

So kann eine einzige Plattform jede Kindergruppe abbilden, und Eltern können gleichzeitig in mehreren Elterngruppen aktiv sein – etwa in der Schule und im Sportverein.

Vom Login zur Aktion

Eltern öffnen die App mit einem konkreten Anliegen: einen Beitrag bezahlen, abstimmen, ein Dokument finden. Die Navigation führt in höchstens drei Schritten zur gewünschten Aktion. Das Dashboard ist der Einstieg in alle Bereiche, und Querverweise zwischen Gruppe, Finanzen, Abstimmungen und Dokumenten ersparen den Weg zurück zum Startbildschirm.

Auf jedem Gerät

Eltern greifen meist vom Smartphone zu: in der Pause, auf dem Weg, das Kind abzuholen, in der Warteschlange. Deshalb ist die Anwendung von Anfang an responsiv konzipiert und nicht als Desktop-Version, die auf Mobilgröße gestaucht wurde.

Seiten laden schnell, Bedienelemente lassen sich bequem mit dem Daumen treffen, die Navigation bleibt auf jedem Bildschirm verständlich, und keine Funktion fällt weg.

Individuelle Icons & Illustrationen

Für einen einheitlichen Stil wurden eigene Illustrationen und Icons entworfen. Sie zeigen eine offene Elterngemeinschaft, in der man sich gegenseitig unterstützt und gemeinsam etwas bewegt.

Funktionen

Elternbeirat in wenigen Schritten einrichten Teilnehmerliste mit Rollen, Kindern und Beitragsstatus Quartalsbudget und Kasse mit Einnahmen und Ausgaben

Dark Mode: erweiterte Personalisierung

Das dunkle Theme verbessert nicht nur die Sichtbarkeit bei wenig Licht, sondern ermöglicht auch mehr Personalisierung und bleibt dabei visuell konsistent mit dem hellen Theme.

Ein Pattern für alle Szenarien

Wer einmal abgestimmt oder eine Ausgabe eingetragen hat, findet sich in jedem Bereich ohne Hilfe zurecht: Formulare, Tabellen und Karten sind überall gleich aufgebaut.

Optimierung für mobile Endgeräte

Ich ging davon aus, dass das primäre Nutzungsszenario des Kundenportals im Büro stattfindet. Die mobile Version hatte daher eine sekundäre Priorität, war jedoch notwendig, um Kennzahlen und deren Dynamik auch unterwegs oder in dringenden Situationen schnell überprüfen zu können.