Hochschule für Musik Karlsruhe

Klassik trifft auf Moderne

Die Hochschule für Musik Karlsruhe ist eine renommierte, vom Land Baden-Württemberg getragene Hochschuleinrichtung für die künstlerische und wissenschaftliche Berufsausbildung von Musikern, Komponisten, Musikwissenschaftlern, Musikjournalisten und im Bereich Musik / Computer-Technologie. Hier trifft Klassik seit langem mit Erfolg auf Moderne, und das sollte auch nach außen getragen werden.

Siteseeing hatte die Aufgabe, die Website visuell in neue Wege zu leiten, die dem Selbstverständnis der Hochschule und der Studenten entsprechen.

Lösung

  • Klare und intuitive Nutzerführung: Eine durchdachte Navigation und eine logisch aufgebaute Struktur ermöglichen es Nutzer:innen, schnell und gezielt die gewünschten Informationen zu finden. Inhalte sind übersichtlich gegliedert, leicht erreichbar und führen mit wenigen Klicks ans Ziel – für eine reibungslose und effiziente Nutzung.
  • Zeitloses Design: Eine moderne, reduzierte Ästhetik, die die Inhalte in den Vordergrund stellt und die Exzellenz der Hochschule für Musik visuell unterstreicht.

Ergebnis

Die Website vereint Funktionalität und Ästhetik und wird von Studierenden, Bewerber:innen und Interessierten gleichermaßen geschätzt. Sie transportiert das renommierte Image der Hochschule authentisch, reduziert den administrativen Aufwand erheblich und schafft einen digitalen, lebendigen Ort, der Orientierung bietet, inspiriert und zur Interaktion einlädt.

Website: hfm-karlsruhe.de

HFM Karlsruhe Website, Foto Eingang KonzertsaalResponsive Webdesign auf dem Smartphone

Klarheit in jeder Hinsicht

Eines der Kernprobleme der alten Seite war der Mangel an Übersichtlichkeit für die riesige Menge an Informationen. Aus dem Grund arbeiteten wir zunächst an einer Neustrukturierung der Inhalte, um verschiedene Nutzergruppen bestmöglich und schnell erreichen zu können. Die Inhalte wurden daher in drei Gruppen aufgeteilt, sodass jedes Interessensgebiet eine eigene Übersichtsseite hat.

Der Fokus auf eine Klarheit und Einfachheit erstreckt sich über das ganze Erscheinungsbild der Website. Nicht nur hinsichtlich des Visuellen, sondern vor allem unter dem Aspekt der Ordnung und des Aufbaus der Informationen.

Designsystem

Jedes Designelement verfolgt das Ziel, zeitlose Eleganz mit moderner Ästhetik harmonisch zu vereinen.

Typografie

Daher entschieden wir uns für eine serifenlose Schrift, die ihre Wurzeln in den Serifenschriften der Renaissance hat. Ein weiterer wichtiger Aspekt war, eine Schriftart zu wählen, die auch für spätere Anwendungen wie Plakate bestens geeignet ist. Für längere Texte wählten wir eine Schrift mit geringerem Grauwert, die weniger dicht wirkt. So entschieden wir uns für die sehr gute ausgebaute Fira Sans, die auch in kleinen Größen wunderbar lesbar ist.

HfM Karlsruhe Corporate Design Schriftwahl

Farben

Die Farbauswahl wurde unter gleichen Gesichtspunkten definiert. Überwiegend kühle und zurückhaltende Farbtöne vermitteln die Seriosität und das Ansehen der Hochschule. Ein kräftiges, warmes Rot setzt dabei einen modernen, dynamischen Akzent und rundet das Farbkonzept harmonisch ab.

Module

Die Reduktion verschiedener Elemente erleichtert die Nutzerinteraktion. Wiederkehrende Strukturen werden schnell und intuitiv erfasst, wodurch der Fokus stets auf dem Inhalt bleibt.

HfM Karlsruhe Webdesign Designsystem Komponenten
HfM Karlsruhe Website-Design

Referenzen