Gymnasium Lerbermatt: Datenbasierte UX-Strategie trifft nachhaltiges Design
- Kunde
- Gymnasium Lerbermatt
- Kategorie
- WebentwicklungUI DesignStrategie und Nutzerführung
- Aufgaben
- Gestaltung und Entwicklung einer neuen Website
Einleitung
In der ersten Projektphase wurde die bestehende Website lerbermatt.ch umfassend analysiert. Auf Basis quantitativer und qualitativer Daten erfolgte eine detaillierte Auslegeordnung der Inhalte. Die daraus abgeleitete Informationsarchitektur ermöglichte eine präzise Gewichtung der Inhalte und schuf die Grundlage für evidenzbasierte Entscheidungen. Durch diese datengetriebene Herangehensweise konnten Navigation, Seitenstruktur und User Flows gezielt optimiert und auf die tatsächlichen Bedürfnisse der Nutzergruppen ausgerichtet werden.
UI-Design: Vom progressiven Ansatz zum funktionalen, institutionellen Erscheinungsbild
Das visuelle Design wurde mit grosser Sorgfalt entwickelt und verbindet jugendliche Frische mit klarer Funktionalität. Als „grünes“ und nachhaltiges Gymnasium sollten ökologische Werte im Design spürbar werden. Der Gestaltungsprozess führte von einem progressiven Entwurf hin zu einer funktionalen, institutionell geprägten Umsetzung, die gleichzeitig die Unterscheidung zwischen Fachmittelschule (FMS) und Gymnasium visuell klar abbildet. Die enge Zusammenarbeit mit Art Director Sandro Galli ermöglichte zudem die konsistente Anpassung aller weiteren Kommunikationsmittel an das neue Designsystem.
Technische Umsetzung mit Craft CMS und Svelte – lebendige Interaktion und redaktionelle Effizienz
Die Website wurde mit Craft CMS und Svelte realisiert und zeichnet sich durch Page Transitions sowie feinen Mikro-Interaktionen aus, die das Gymnasium lebendig und zeitgemäss wirken lassen. Besonders anspruchsvoll war die Umsetzung unterschiedlicher Komponenten-Views (mit/ohne Sidebar, variierende Layoutsysteme) sowie die Entwicklung einer benutzerfreundlichen Stundenplan-Funktion, die von der Redaktion einfach und regelmässig gepflegt werden kann. Eine spätere Erweiterung ermöglicht es der Lehrerschaft, Beiträge zum Umgang mit KI-Tools zu teilen und zu bewerten. Das Projekt wird auf einem Schweizer Server gehostet und wird von der Redaktion des Gymnasiums sehr gut angenommen.
