KSH München

Großer Website-Relauch in TYPO3 für Hochschule aus München

Die Katholische Stiftungshochschule München ist eine national und international angesehene Hochschule für Soziale Arbeit, Gesundheit, Pflege und Pädagogik. Wir von coma haben den Website-Relaunch umgesetzt – inklusive UX- und UI-Design, Branding, Brand Voice, Content sowie Entwicklung in TYPO3. Ein Relaunch-Großprojekt mit 250+ Seiten auf unserer To-do-Liste.

  • UX
  • UI-Design
  • Corporate Websites
  • Branding
  • Brand Voice
  • Konzept & Strategie
  • TYPO3
  • Contentmanagement
Zur Website

Herausforderung

2 Standorte und mehr als 2.500 Studierende: Die Katholische Stiftungshochschule München (kurz: KSH München) ist eine komplexe Organisation, deren Website nicht nur nach außen, sondern auch nach innen funktionieren muss: Studieninteressierte und weitere Zielgruppen (Forschung, Partner, HR) sollen schnell erfahren, wofür die Hochschule mit Sitz in München und Benediktbeuern steht. Gleichzeitig organisiert die Website auch das Hochschulleben für Studierende, Forschende und Lehrende, die bereits an der KSH München aktiv sind. Die größte Herausforderung im Projekt war deshalb, trotz vieler Zielgruppen und Stakeholder sowie der hohen Inhaltstiefe und Komplexität eine intuitive Website zu kreieren, die optisch und inhaltlich überzeugt.

Groß, größer, KSH München

Für den TYPO3-Relaunch rund um die KSH München waren alle Teams von coma gefragt:

  • Team Kreation für User Experience Design (UX-Design), User Interface Design (UI-Design), Brand Voice und Redaktion (Texte erstellen, Bilder kuratieren).

  • Team Projektmanagement für die Koordination des Projekts mit vielen Stakeholdern auf der Hochschul-Seite und dem großen Agentur-Team im Projekt.

  • Team Entwicklung zur Umsetzung der komplett neu konzipierten und sehr umfangreichen Website in TYPO3.

  • Team Contentmanagement zum Einpflegen, für Korrekturschleifen, Bugfixing und zur Motivation im Website-Endspurt.

Unser Ansatz: alle Kräfte an Bord für eine moderne Hochschulwebsite, die Nutzer und Stakeholder überzeugt.

Unser Vorgehen

THINK – CREATE – LAUNCH. Unser Dreiklang im Projektmanagement greift auch beim großen TYPO3-Relaunch für die KSH München. Erst dreht sich alles um Ziele, Wünsche und Marke, dann geht es ans Entwickeln und Umsetzen. Dabei bleiben wir agil: Einige Projektphasen verlaufen parallel, andere nach dem Wasserfallprinzip.

Unser Vorgehen

  • Projektplanung: Strategie und Roadmap

    Wir starten mit Gesprächen und einem intensiven Kick-off-Workshop ins Projekt. Team und Kunde lernen sich kennen, Ziele und Erwartungen werden ausgetauscht, das Projekt per Roadmap geplant.

  • Branding inkl. Brand Voice: KSH München ist ...?

    Nächster Schritt: Branding-Workshop. Wir definieren die Pfeiler der Marke KSH München (Werte, Wirkung, Wünsche) und holen alle Informationen ein, die unser Kreations-Team braucht.

    Dann starten wir mit CREATE: Das bestehende Brand Design der KSH München wird für den Website-Relaunch erweitert – und wir entwickeln eine Brand Voice inkl. Kernbotschaften für die Bereiche Studieren, Forschen, Arbeiten an der KSH München.

  • Website konzipieren: UX- und UI-Design

    UX-Designer Riccardo von coma entwickelt die umfangreiche Informationsarchitektur – und erklärt, erweitert, verändert die Content-Struktur gemeinsam mit dem Kunden. Auf Basis der definierten Seiten entstehen die ersten Wireframes mit echten Texten – die Brand Voice wirkt.

    Das UI-Design bringt Farbe ins Spiel und zeigt, wie Inhalte emotional, markentreu und nutzerfreundlich dargestellt werden können. Entlang von UX- und UI-Design definieren wir User Journey und Usability der Website.

  • Redaktion: Inhalte kreieren, Content kuratieren

    Größter Baustein im Projekt: das Erstellen und Überarbeiten der Inhalte. Die neue Struktur der Website und die geschärfte Brand erfordern komplett neue oder angepasste Texte. Dafür gründen wir ein Redaktions-Team aus 3 Textprofis, die sich gemeinsam mit den vielen Ansprechpersonen auf Kundenseite ins Zeug legen, um Inhalte, Marke und Timing zu rocken.

    Parallel startet die Bild-Redaktion bei coma: Der bestehende Bilderpool wird gescannt, sortiert, optimiert und Inhalten zugeordnet.

  • Website umsetzen: Entwicklung in TYPO3

    Für eine umfangreiche Website wie ksh-muenchen.de bietet sich TYPO3 als Content-Management-System an. Das CMS wuppt große Seiten mit Schnittstellen und hohen Sicherheitsanforderungen. Auf Basis unseres TYPO3-Skeletons entwickeln wir gestylte Content-Module für die KSH München.

    Außerdem setzt unser Entwicklungsteam die zahlreichen Vorgaben für den Website-Relaunch um (Schnittstellen, Barrierefreiheit, Funktionalitäten).

  • Contentpflege für 250+ Seiten

    Die Inhalte stehen, die Content-Module sind gestylt: Jetzt startet die Contentpflege für die 250+ Seiten der KSH München. Bis ins Detail werden Texte, Metadaten, Bilder und Bilddaten gepflegt, gecheckt und gechallengt, bis Kunde und Team zufrieden sind.

Unsere Lösungen

Nutzerfreundliche Struktur, mehr Fokus, markenstarke Inhalte: Das waren die Maßstäbe im Website-Relaunch für die KSH München. In enger Zusammenarbeit mit dem Kunden verwandeln wir die Vorgaben in Lösungen.

Stärken der KSH München in Text und Design

Ein zentrales Ziel des Website-Relaunchs war es, die Stärken der KSH München klar zu definieren und auf der neuen Website sichtbar zu machen.

In enger Abstimmung mit den Kunden entstanden:

  • Erweiterung des Brand Designs für ein modernes UI-Design

  • Brand Voice inkl. Tonalität, Sprachwerten und Kernbotschaften

Um klare Worte zu finden, wurden die KSH München in drei Bereiche gegliedert – Studieren, Forschen, Arbeiten – und in jeweils drei Worten auf den Punkt gebracht:

  • Studieren. Mit Sinn

  • Forschen. Mit Sinn

  • Arbeiten. Mit Sinn

In diesen Worten stecken die Werte der KSH München und die gesellschaftliche Relevanz der Studienangebote und Forschungsleistung rund um Soziale Arbeit, Gesundheit, Pflege und Pädagogik.

Flexibel und skalierbar: Hochschul-Website in TYPO3

UX-Konzept, UI-Design, Content-Konzept und Entwicklung aus einer Hand – das hat folgende Vorteile für die KSH München: ein engagiertes, eingespieltes Team und klar aufeinander aufbauende Projektphasen.

Umgesetzt wurde die Website mit dem flexiblen und skalierbaren Content-Management-System TYPO3, das vor allem für große Websites mit Schnittstellen und hohen Sicherheitsstandard ideal ist.

Digitale Barrierefreiheit mitgedacht – und umgesetzt

Barrierefreiheit ist für viele Website-Betreiber ab Mitte 2025 Pflicht – und war ein wichtiger Aspekt für den Website-Relaunch der KSH München. Die neue TYPO3-Website bietet unter anderem:

  • Dark Mode

  • Farbkontraste

  • Tastaturzugänglichkeit

  • Alternativtexte für Bilder

  • Verzicht auf automatische Elemente

  • ARIA-Markup

  • Formulare und Beschriftungen

  • Flexibilität der Textgröße

  • Linktexte

KSH Plus und Schnittstelle zu Drittsystem

Der Zielgruppen-Fokus der neuen Website liegt auf den Studieninteressierten. Deshalb erhalten die Personen, die bereits an der KSH München aktiv sind (Studierende, Verwaltung, Lehrende) mit KSH Plus einen eigenen Informationsbereich zum Austausch und zur Studienorganisation. Diesen Bereich setzen wir parallel zur Website technisch um.

Für die Darstellung der Professoren integrierten wir eine Schnittstelle zu einem Drittsystem: Die Informationen werden von den Professoren selbstständig im Drittsystem gepflegt, von uns importiert und in die TYPO3-Datenbank übertragen.

Ergebnis

Es ist vollbracht. 250+ Seiten rund um die KSH München schweben im www – vernetzt durch ein UX-Konzept, das Zielgruppen versteht und fokussiert. Nutzer sehen, lesen, fühlen auf den ersten Klick, wofür die KSH München steht: Studieren, Forschen und Arbeiten – mit Sinn.

Ansprechpartner Martin Kirmaier coma AG

Sie wollen auch Erfolge wie diese?

Sprechen Sie mit mir über Ihre Herausforderungen und Ideen – in einem unverbindlichen Erstgespräch. Gemeinsam finden wir Lösungen, die begeistern.

Martin Kirmaier Vorstand der coma AG martin.kirmaier@coma.de

Weitere Projekte

  • Statamic Website für ConSense Statamic Website für ConSense
    • Statamic
    • Corporate Websites
    • UX
    • UI-Design
    • Konzept & Strategie
    • Contentmanagement
    • Brand Voice
    ConSense GmbH Statamic-Website-Relaunch: Wenn Komplexität einfach wird
    • UX
    • UI-Design
    • Corporate Websites
    • WordPress
    OPED Wundversorgung Relaunch der Corporate Website für OPED Wundversorgung – mit WordPress, Fachlexikon, Barrierefreiheit und klarer User Journey.
    • UI-Design
    • Branding
    • Konzept & Strategie
    techcast.event.cloud Ausgefeiltes UI-Design für Event-Plattform (SaaS)
  • coma Kundenprojekt OPED Group Logo coma Kundenprojekt OPED Group Logo
    • TYPO3
    • Corporate Websites
    • UI-Design
    • UX
    OPED Group Corporate Website in TYPO3: OPED Group geht live
    • Statamic
    • Corporate Websites
    • Branding
    • UX
    • UI-Design
    • Content
    • SEO
    ISARTAL akademie GmbH „Wir schaffen Erlebnisse“: Neue Website = neuer Markenauftritt für Münchner Seminaranbieter
    • Webanwendungen
    • Konzept & Strategie
    Hofbräu München Komplett digital, endlich einfach: Hofbräu managt Tische und Kunden mit dem Festzelt-Reservierungssystem von coma