UX/UI · Design System · B2B · E-Learning · 2019–2022

E-Learning LMS

Rolle

Product Designer

Unternehmen

Rise Up · Lisbon

Jahr

2019–2022

Werkzeuge

FigmaZeroheightHotjarDesign System 150+

Als erster UX/UI-Designer bei RiseUp leitete ich das komplette Redesign einer B2B E-Learning-Plattform mit 3M+ aktiven Nutzern. Angesichts einer kritischen Abbruchrate und schlechter UX-Scores entwarf ich eine Mobile-first-Experience mit KI-gestütztem Conversational Support. Die Transformation lieferte messbaren Business-Impact: +27% Nutzer-Engagement, +34% Abschlussrate, und das alles im Einklang mit dem technologischen Migrationsplan der Plattform.

01

Problemstellung

RiseUps Legacy-E-Learning-Plattform verlor massiv Nutzer aufgrund fundamentaler UX-Fehler. Trotz 3M+ professioneller Lerner litt die Plattform unter hoher Abbruchrate und negativen NPS-Scores. Durch User Research identifizierte Schmerzpunkte: überladene, veraltete Oberfläche mit kognitiver Überlastung (78% Navigationsabbruch), fehlerhafte Mobile-Experience (responsive aber keine App) trotz 70% mobilem Traffic, komplexer Zertifikat-Abrufprozess mit zu vielen Support-Tickets, fehlende personalisierte Lernpfade und Motivation, keine intelligente Assistenz für häufige Aufgaben.

Problemstellung

02

UX-Strategie: Forschung & Entdeckung

Meine Designstrategie basierte auf drei Kernpfeilern: kognitive Vereinfachung, intelligente Personalisierung und subtile Gamification. Ich führte umfassende User Research durch, einschließlich qualitativer Interviews, Analytics-Tiefenanalyse und Stakeholder-Workshops mit Hotjar-Tracking. Dies zeigte, dass Nutzer 40% ihrer Zeit mit Inhaltssuche statt Lernen verbrachten. Das "My Activity"-Dashboard wurde von einer überladenen Oberfläche in ein schlankes, personalisiertes Command Center umgewandelt, mit kontextbasierter Informationspriorisierung, 60% weniger Suchzeit und einem klaren Einstiegspunkt für alle User Journeys.

UX-Strategie: Forschung & Entdeckung

03

Gamification & LIA-Chatbot-Integration

Statt kindischer Spielelemente entwarf ich eine ausgeklügelte Fortschrittsvisualisierung für professionelle Lerner. Das Interface bot kontextuelle Fortschrittsbalken, kompetenzbasierte Erfolge und visuelle Feedbacksysteme, die berufliche Entwicklungsmeilensteine feierten, ohne den Ernst des Workplace Learning zu untergraben. Die nahtlose Integration von LIA, unserem KI-Assistenten, löste kritische Schmerzpunkte durch kontextuelle, proaktive Unterstützung. LIA übernahm den Zertifikatabruf (zuvor der größte mobile Reibungspunkt), sendete intelligente Session-Erinnerungen und bot sofortige Hilfe ohne das Interface zu überladen. Ergebnis: -30% Support-Tickets bei verbesserter Nutzerautonomie.

Gamification & LIA-Chatbot-Integration

04

UI Design & Design System

Das visuelle Design durchlief eine signifikante Transformation. Das alte, überladene Layout wurde durch eine cleane, moderne Ästhetik ersetzt, fokussiert auf Klarheit mit nur den relevantesten Daten. Die visuelle Hierarchie stellte sicher, dass Session-Deadlines und Lernpfade sofort sichtbar waren. Ich erstellte ein umfassendes Design System mit 150+ wiederverwendbaren Komponenten auf Zeroheight. Der Mobile-first-Ansatz optimierte daumenfreundliche Interaktionen, reduzierte Ladezeiten um 40% und bewahrte die visuelle Hierarchie auf allen Bildschirmgrößen. Jede Komponente erfüllte WCAG 2.1 AA Barrierefreiheitsstandards.

UI Design & Design System

05

Ergebnisse & Strategische Erkenntnisse

Nach der Implementierung stieg die Nutzeraktivität um 27% mit +34% Abschlussrate. LIA verzeichnete starke Interaktion, besonders für Erinnerungen und Zertifikatzugriff. Push-Benachrichtigungen reduzierten verpasste Sessions. Die gamifizierten Ziele steigerten die Retention. Ich löste Integrationsprobleme durch Progressive Disclosure und smartes Triggering basierend auf Nutzerverhalten. Strategische Erkenntnisse: B2B-Gamification erfordert professionelle Raffinesse, subtile Fortschrittsindikatoren übertreffen offensichtliche Spielmechaniken. KI-Integration gelingt, wenn sie sich wie intelligente Assistenz anfühlt. Mobile-first im B2B erfordert andere Interaktionsmuster als Consumer-Apps. Datengetriebene Personalisierung muss transparent und nutzersteuerbar sein.

Ergebnisse & Strategische Erkenntnisse

+27% Nutzer-Engagement

+34% Abschlussrate bei Schulungen

-30% Support-Tickets dank LIA-Chatbot

-60% Suchzeit für Inhalte

-40% Ladezeiten durch Mobile-first-Optimierung

Design System mit 150+ Komponenten (Figma + Zeroheight)

WCAG 2.1 AA Barrierefreiheit über alle Komponenten