UX-Design & Research | Interfacedesign | Prototyping UX/UI-Konzeption und Redesign der Website der IW Akademie
Für den Website-Relaunch der IW Akademie entwickelte ich ein ganzheitliches UX-Konzept, das drei unterschiedliche Zielgruppen – Studierende, Führungskräfte und Unternehmen – gezielt anspricht und komplexe Bildungsangebote verständlich strukturiert.

Rolle

Lead UX/UI Designer

Zeitraum

1,5 Monat (2024)
Konzept bis Go-Live

Designfokus

UX Research, IA, Wireframing, UI Design, Prototyping

Projektübersicht

Die IW Akademie, eine Weiterbildungseinrichtung des Instituts der deutschen Wirtschaft, bietet hochwertige Programme und Kurse an, konnte dies jedoch digital nicht widerspiegeln. Die Website war inhaltlich umfangreich, aber schwer navigierbar. Wesentliche Informationen zur Studienauswahl, Karriereperspektiven oder Weiterbildungsmöglichkeiten gingen schnell verloren.

Der Auftrag an mich:
Die gesamte Plattform so neu zu strukturieren, dass Nutzer:innen schneller Orientierung finden, intuitiv geführt werden und Vertrauen in Angebot und Marke gewinnen.

Herausforderungen

Die alte Website hatte mehrere strukturelle und strategische Probleme, die eine grundlegende Neukonzeption notwendig machten.

Ausgangslage & Kernprobleme

Unklare Informationsarchitektur
Fehlende strategische Positionierung
Veraltete UX-Patterns & fehlende Zugänglichkeit
Inhaltliche Fragmentierung

Zielsetzung

Basierend auf den identifizierten Herausforderungen definierten wir klare, messbare Ziele für das Redesign.

Strategische Ziele

Positionierung als Premium-Weiterbildungsanbieter
Zielgruppengerechte Ansprache
Skalierbarkeit

UX-Ziele

Vereinfachte Informationsarchitektur
Conversion-Optimierung
Mobile-Friendly Design
Barrierefreiheit

Business-Ziele

Steigerung der Bewerbungen für den Masterstudiengang
Erhöhung der Seminar-Anfragen
Reduktion der Absprungrate
Verbesserung der durchschnittlichen Session-Dauer

Research & Insights

Um die Bedürfnisse klar zu definieren, analysierte ich die Geschäftsziele, Nutzergruppen und die bestehende Plattform. Aus Analysen und Stakeholder-Gesprächen ergaben sich vier zentrale Erkenntnisse.

Insights

1. Nutzer wollen Orientierung – sofort.
Studieninteressierte und Unternehmen wollen in wenigen Sekunden verstehen: Was bietet die IW Akademie? Welche Programme passen zu mir?
2. Mobile Nutzung ist entscheidend.
Ein Großteil der Zielgruppe konsumiert Informationen unterwegs oder während der Arbeitspausen.
3. Transparenz und Struktur schaffen Vertrauen.
Klare Module, Ablaufbeschreibungen, Zielgruppen und Inhalte müssen sichtbar und vergleichbar sein.
4. Kurse müssen in einen Kontext gesetzt werden.
Die Nutzer:innen wollen nicht nur Inhalte lesen, sondern verstehen: Warum ist dieses Programm relevant? Wie hilft es mir weiter?

UX Strategie: Klarheit vor Komplexität

Die vorherige Struktur wurde vollständig aufgelöst und in ein logisch nachvollziehbares System überführt.

Mein strategischer Ansatz

Zielgruppenspezifische Einstiege
Jede Nutzergruppe erhält eine klare, visuelle Differenzierung und Ansprache.
Modulare Informationsarchitektur
Ein neues, skalierbares IA-Modell erlaubt, Programme systematisch aufzubauen.
Visuelle Hierarchie statt Textwüste
Inhalte werden gebündelt, priorisiert und visuell geführt.
Durchgängige Nutzerführung
Jede Seite beantwortet drei Dinge: Was ist das? Für wen ist es? Wie funktioniert es?

Das Ergebnis:
Eine Plattform, die sowohl akademisch anspruchsvoll als auch digital zugänglich wirkt.

Interface Insights

Um die Strategie erlebbar zu machen, entwickelte ich eine Reihe von Responsive Design-Layouts. Das neue Design setzt auf ein klares, reduziertes Layout, das die Inhalte in den Vordergrund stellt. Das Farbkonzept in Blau-, Orange- und Grüntönen vermittelt Vertrauen, Nachhaltigkeit und Bildungskompetenz. Für optimale Lesbarkeit verwende ich moderne Schriften wie Roboto und Open Sans. Die Bildsprache zeichnet sich durch authentische Fotos aus echten Lehrsituationen und Workshops aus – mit diversen Gruppen und echten Menschen, die die Werte der IW Akademie greifbar machen.

Die zentralen UX-Prinzipien:

Klare Typografie und visuelle Ordnung
Konsistente Kartenlayouts für Programme
Modulbauweise für Inhalte (Dauer, Zielgruppen, Ablauf)
Visuelle Balance zwischen Seriosität und Zugänglichkeit
Mobile-first Gestaltung für schnelle Scannbarkeit

Designlösungen

Klarer Einstieg statt Überforderung

Nutzer:innen werden über klare Einstiegsseiten abgeholt – abgestimmt auf ihre Perspektive (Studium, Weiterbildung, Unternehmen).

Reduzierte, fokussierte Inhalte
Prägnante Nutzenargumente
Schnelle visuelle Orientierung
Hervorhebung der wichtigsten Programme

Inhalte verstehen – ohne zu suchen

Das Informationsmodell erlaubt, Programme in klaren Bausteinen darzustellen. Jeder Abschnitt folgt einer logischen Storyline, angepasst an die Erwartungen der Zielgruppe.

Programminhalt
Zielgruppen
Module
Ansprechpartner

Entscheiden & Bewerben – mit Sicherheit

Der Bewerbungsprozess wurde in eine einfache, verständliche Navigation eingebettet.

Klar geführte Schritte
Eindeutige Handlungsaufforderungen
Visuelle Strukturierung komplexer Inhalte
Transparenz über Abläufe und Anforderungen

Einschreibung & Einstieg

Nutzer:innen erwarten: Übersicht & Unterstützung, sowie klar kommunizierte Termine, Studienorganisation, Ansprechpartner:innen

Page-Layouts

Outcomes

Der Relaunch führte zu einer klar messbaren Verbesserung der User Experience. Die IW Akademie verfügt heute über eine digitale Struktur, die sowohl ihre inhaltliche Qualität als auch ihre Markenidentität transportiert.

Klare Call-to-Actions steigern die Interaktionsrate auf Kernseiten
Kürzere Suchwege zu Studien- und Weiterbildungsangeboten
Verbesserte mobile Nutzbarkeit
Höhere Markenkohärenz durch ein konsistentes Designsystem
Flexible Skalierbarkeit für neue Programme und Unterseiten

Learnings

Aus dem Projekt nehme ich drei entscheidende Erkenntnisse mit:

Struktur ist Produkt: Eine klare IA ist oft der größte Hebel für UX in komplexen Content-Landschaften.
Weniger Content, mehr Führung: Nutzer wollen nicht alles wissen – nur das Richtige zur richtigen Zeit.
Interdisziplinäre Zusammenarbeit entscheidet: Stakeholder, Redaktion, Technik und Design brauchen ein gemeinsames Verständnis.