Hochschule für Musik Nürnberg: umfassende Webplattform auf TYPO3

Querflöte über einem Notenblatt
Kunde
Hochschule für Musik Nürnberg
Branche
Hochschulen & Bildung
Projektart
Website
Technologie
TYPO3
Projektzeitraum
2022 bis 2023

Eine der drei staatlichen Musikhochschulen Bayerns

Die Hochschule für Musik Nürnberg ist eine von drei staatlichen Musikhochschulen in Bayern. Rund 400 Studierende werden dort in künstlerischen und künstlerisch-pädagogischen Studienbereichen ausgebildet. Im Januar 2023 haben wir die neue Webplattform der HFM gelauncht – auf Basis eines neuen Corporate Designs, eines neu aufgesetzten Konzepts und des Open-Source-Enterprise-CMS TYPO3.

Startseite der HFM Nürnberg mit Konzertankündigung auf einem LaptopStartseite der HFM Nürnberg mit Konzertankündigung auf einem LaptopStartseite der HFM Nürnberg mit Konzertankündigung auf einem Laptop
Gestaltungselemente der HFM-Website mit Logo und Schräge
Personenübersicht der HFM-Website auf einem SmartphonePersonenübersicht der HFM-Website auf einem SmartphonePersonenübersicht der HFM-Website auf einem Smartphone
Personenprofil der HFM-Website auf einem SmartphonePersonenprofil der HFM-Website auf einem SmartphonePersonenprofil der HFM-Website auf einem Smartphone
Personenprofil der HFM-Website auf einem Tablet
Teaser-Elemente der HFM-Website mit Veranstaltungen und PersonenTeaser-Elemente der HFM-Website mit Veranstaltungen und Personen

Rot und die Schräge im Web

Das neue Corporate Design ist geprägt von der Farbe Rot und einer sehr präsenten Schräge, die sich auch im Print findet. Dieses Element so ins Web zu übertragen, dass es technisch und in der Handhabung gut funktioniert, gehörte zu den Herausforderungen. Die Website richtet sich an verschiedene Zielgruppen, besonders an potenzielle neue Studierende. Die Navigation musste Einfachheit, Tiefe und ein attraktives Design vereinen – und mobil sehr gut funktionieren.

Drei Menüebenen der mobilen HFM-NavigationDrei Menüebenen der mobilen HFM-NavigationDrei Menüebenen der mobilen HFM-Navigation
Gitarrensaiten in Nahaufnahme
Veranstaltungsliste der HFM-Website auf einem Smartphone
Veranstaltungskalender der HFM-Website auf einem TabletVeranstaltungskalender der HFM-Website auf einem TabletVeranstaltungskalender der HFM-Website auf einem Tablet
Konzertseite „Next Generation“ der HFM-Website auf einem Smartphone
Cellistin mit Bogen in Nahaufnahme

Agil entwickelt mit SCRUM

Wir haben das Projekt nach der agilen Methode SCRUM gemeinsam mit den Ansprechpartner:innen der Hochschule entwickelt, sodass viele Details und Lösungen schrittweise im Prozess entstehen konnten. Das Design ist als Designsystem aufgebaut: bis in seine kleinsten Elemente heruntergebrochen und zu größeren, funktionalen Layoutblöcken kombinierbar. So entstehen frei konfigurierbare Seiten. Einfachheit, Klarheit und Hochwertigkeit waren die Leitplanken der gesamten Gestaltung und Umsetzung.

Studiengangsübersicht der HFM-Website auf einem TabletStudiengangsübersicht der HFM-Website auf einem TabletStudiengangsübersicht der HFM-Website auf einem Tablet
Klaviertasten in Nahaufnahme
Studiengangssuche mit Filtern der HFM-Website auf einem Smartphone
Gestaltungselemente des Corporate Designs der HFM NürnbergGestaltungselemente des Corporate Designs der HFM Nürnberg
Farbverläufe aus dem Corporate Design der HFM NürnbergFarbverläufe aus dem Corporate Design der HFM NürnbergFarbverläufe aus dem Corporate Design der HFM Nürnberg

Kalender, Stellenbörse und Profile

Die Plattform bietet einen großen Funktionsumfang inklusive Anbindung an interne Systeme. Auf der Website erlebbar sind vor allem Veranstaltungskalender, Stellenbörse, Personenprofile und Kleinanzeigenmarkt. Videos sind – gerade in Verbindung mit anstehenden Konzerten – nahtlos und DSGVO-konform eingebettet. Studieninteressierte finden eine Übersicht der Studiengänge; dabei hilft eine Suche auf Basis unserer Extension ke_search. Zum Leistungsumfang gehörten UX/UI-Design, die Umsetzung im SCRUM-Verfahren, die technische Umsetzung in TYPO3 und DevOps; seit 2023 betreuen wir die Plattform im laufenden Support.

Mediaplayer-Elemente aus dem Corporate Design der HFM NürnbergMediaplayer-Elemente aus dem Corporate Design der HFM Nürnberg
Entwürfe für grafische Teaser der HFM NürnbergEntwürfe für grafische Teaser der HFM Nürnberg
Varianten von Teaser-Ansichten der HFM NürnbergVarianten von Teaser-Ansichten der HFM NürnbergVarianten von Teaser-Ansichten der HFM Nürnberg
Listenelemente und Kopfbereich der HFM-WebsiteListenelemente und Kopfbereich der HFM-Website
Zu den Referenzen

Kontakt

Sie planen ein ähnliches Projekt?

Erzählen Sie uns von Ihrem Vorhaben – wir zeigen Ihnen, wie wir es angehen würden.