Arbeiten / Bildung / Responsive Web + Portal
Fallstudie 02

Methodist Grammar School

Eine Schul-Website mit Tradition plus ein Schüler- und Personalverwaltungsportal.

Methodist Grammar School

Meine Rolle

Alleinige UX/UI-Designerin

Tools

Figma · KI-gestützter Workflow

Plattform

Responsive Web + Portal

Jahr

2025–2026

Überblick

Der Kontext

Eine komplette Website plus Schüler- und Personalverwaltungsportal für eine traditionsreiche weiterführende Schule. Die öffentliche Website schafft Vertrauen bei Eltern; das interne Portal gibt dem Personal eine strukturierte Möglichkeit, Schüler:innen, Noten, Zeugnisse, Gebühren und Anwesenheit zu verwalten. Eine einladende Marketing-Website und ein effizientes internes Werkzeug zusammen zu gestalten, war der Kern des Projekts.

Das Problem

Was zu lösen war
  • Eltern fehlte eine verlässliche Quelle. Aufnahme, Programme und Kontaktdaten waren online schwer zu finden.
  • Die Verwaltung war fragmentiert. Daten lagen in getrennten Dateien, was Routineaufgaben verlangsamte.

Die Lösung

Mein Ansatz
  • Eine ruhige, glaubwürdige Website. Klare Navigation und handlungsorientierte Seiten helfen Eltern bei Entscheidung und Bewerbung.
  • Ein fokussiertes Verwaltungsportal. Vorhersehbare Layouts und rollenbasierter Zugriff machen die tägliche Verwaltung schnell und fehlerarm.

Recherche & Nutzer:innen

Für wen ich gestaltet habe

Ich habe zwei sehr unterschiedliche Zielgruppen kartiert — interessierte Eltern und Schulverwaltung — und die Informationsarchitektur um ihre jeweiligen Aufgaben herum gestaltet. KI half bei Sitemap und Proto-Personas.

F

Folake

Interessierte Mutter

Will die Glaubwürdigkeit einschätzen, die Aufnahme verstehen und anfragen — meist mobil.

H

Herr Adeyemi

Verwaltung

Muss Schüler:innen erfassen, Noten eingeben und Zeugnisse erstellen — ohne Spezialsoftware.

Nutzerreise

Der entscheidende Weg
Auf der Startseite landenWerte & Ergebnisse überfliegenAufnahme öffnenSchritte lesenAnfrage senden / Besuch buchen

Zentrale Screens

Aus dem interaktiven Prototyp

Designentscheidungen

Warum es funktioniert

Tradition, modernisiert

Ein würdevolles Navy-Creme-System signalisiert Tradition und bleibt klar.

Trennung der Bereiche

Die öffentliche Website bleibt einladend; die Verwaltung sitzt hinter einem sicheren Portal.

Handlungsorientierte Seiten

Bewerben und Anfragen sind stets griffbereit.

Barrierefreiheit

Durchgängig bedacht
  • Starker Kontrast und klare Hierarchie für Lesbarkeit über Alter und Geräte hinweg.
  • Tastaturbedienbare Formulare und klar beschriftete Felder im Portal.
  • Responsive Layouts, damit Eltern bequem am Handy handeln können.

Ergebnisse

Was ich geliefert habe
  • Eine stimmige mehrseitige Website plus ein Konzept für das Verwaltungssystem.
  • Eine Informationsarchitektur, die Eltern und Personal ohne Kompromisse dient.
Methodist Grammar School
INTERAKTIVER PROTOTYP

Interaktiven Prototyp testen

Erleben Sie das vollständige Erlebnis direkt hier auf der Website — mit Geräte-, Zoom- und Vollbildsteuerung.

Interaktiven Prototyp starten →

Herausforderungen & Erkenntnisse

Reflexion

Der Wechsel zwischen Überzeugung (öffentlich) und Effizienz (Portal) verlangte zwei verschiedene Denkweisen in einem System.

“Dieses Projekt lehrte mich, für die jeweilige Aufgabe zu gestalten — nicht nur für die Optik.”

Zurück← FIT QUESTNächstes ProjektBAJ Royal Farm →