

Über dieses Projekt
Learninghubz wollte wichtige Kennzahlen wie die Anzahl aktiver Nutzer und angesehener Videos verbessern sowie die durchschnittliche Wiedergabezeit pro Nutzer steigern. Wir haben dabei durch unser UX-Audit und eine Neugestaltung der Plattformoberfläche unterstützt.
Ergebnis: Drei Monate nach dem Start verzeichnete Learninghubz einen Anstieg der aktiven Nutzer um 20 % und eine Zunahme der mobilen Nutzung um 50 %.
Unser Beitrag
Konzept
Strategie
Entwerfen
Bauen
Technologien
Angular
Typescript
Node.js
.Net
Learninghubz ist eine Lernplattform, die sich auf Organisationen konzentriert, um geschäftliche und technische Fähigkeiten zu vermitteln. Sie bietet Corporate L&D (Learning & Development) ein „YouTube-ähnliches“ Lernerlebnis mit permanent kuratierten Videos von über 300 YouTube-Kanälen zu geschäftlichen und technischen Fähigkeiten, in denen die besten Videos, Management-Tipps, Tutorials, Kurse, Experteneinblicke und Kurse zusammengefasst sind.
Wichtige Einrichtungen wie die Bank von Portugal, der Stadtrat von Lissabon und andere sind begeisterte Nutzer der Plattform und haben mehr als 1.500 ihrer Mitarbeiter angemeldet, um zu lernen, was sie wirklich brauchen, um sich beruflich weiterzuentwickeln und gleichzeitig die Prozesse zu optimieren, um die L&D-Ziele zu erreichen. Darüber hinaus hat LearnInHub dazu beigetragen, das Inhaltsmanagement zu vereinfachen und zu optimieren, sodass die Personalteams mehr Zeit für die Prioritäten anderer Organisationen haben.


Die Rolle und das Engagement von Imaginary Cloud bei Learninghubz
Learninghubz hat sich mit Imaginary Cloud zusammengetan, um die Visualisierungszeit, die monatlich angesehenen Videos und die Anzahl der aktiven Benutzer zu verbessern. Zwei Hauptprobleme wurden identifiziert:
• Mangelndes Nutzerengagement
• Veraltete UX/UI-Designmuster
SIE HABEN EIN NEUES PROJEKT? LASSEN SIE UNS SPRECHENwährend des Projekts
Im Rahmen des UX-Audits identifizierte Imaginary Cloud eine Reihe von Problemen, die die Auffindbarkeit der Plattform einschränkten und ihre Autorität und Glaubwürdigkeit beeinträchtigten:
• Schlechte Navigation und Lesbarkeit;
• Schlechte visuelle Ästhetik
Elemente wie Reaktionsfähigkeit, Dokumentation und Hilfe hatten ebenfalls Auswirkungen auf die Plattform, wenn auch geringfügig.
Um diese Probleme zu lösen, führte das Team folgende Verbesserungen durch:
1- Befolgt etablierte UI/UX-Muster;
2- Konzentration auf bewährte Navigationspraktiken;
3- Erstellung stärkerer und ansprechenderer Grafiken;
4- Arbeiten an der visuellen Konsistenz;
5- Verbessern Sie die Lesbarkeit des Textes;
6- Arbeit an einer klareren Texthierarchie;
7- Investition in ein wertvolles Onboarding-Erlebnis.
zwei Phasen
Migration
Entwicklung
two stages
Migration
Development
vier Phasen
Recherche
Ideenfindung
Umsetzung
Technische Bewertung
vier Phasen
Anforderungen
Back-End-Integration
Website-Entwicklung
Erweiterte Filter- und Suchfunktionen
vier Phasen
Recherche
Ideenfindung
Umsetzung
Technische Bewertung
vier Phasen
Backlog
Bootstrap
Welle 0
Welle N
vier Phasen
Recherche
Ideenfindung
Umsetzung
Launch & Übergabe
zwei Prozesse
MVP
ADP
Vier Phasen
Umfang-Meeting
Code-Review
Test-Review
Qualitätsprüfung
Bewertung
Vier Phasen
Backlog
Bootstrap
Wave 0
Wave N
während des Projekts
Im Rahmen des UX-Audits identifizierte Imaginary Cloud eine Reihe von Problemen, die die Auffindbarkeit der Plattform einschränkten und ihre Autorität und Glaubwürdigkeit beeinträchtigten:
• Schlechte Navigation und Lesbarkeit;
• Schlechte visuelle Ästhetik
Elemente wie Reaktionsfähigkeit, Dokumentation und Hilfe hatten ebenfalls Auswirkungen auf die Plattform, wenn auch geringfügig.
Um diese Probleme zu lösen, führte das Team folgende Verbesserungen durch:
1- Befolgt etablierte UI/UX-Muster;
2- Konzentration auf bewährte Navigationspraktiken;
3- Erstellung stärkerer und ansprechenderer Grafiken;
4- Arbeiten an der visuellen Konsistenz;
5- Verbessern Sie die Lesbarkeit des Textes;
6- Arbeit an einer klareren Texthierarchie;
7- Investition in ein wertvolles Onboarding-Erlebnis.
Verwendete TECHNOLOGIEN




Unsere erfahrenen Entwickler verwendeten Angular, um das Frontend der Learninghubz-Plattform zu erstellen.
Wir haben Typescript zusammen mit Node.JS verwendet, um einen Mikroservice zu erstellen, mit dem wir die Bilder innerhalb der Plattform verwalten konnten.
Wir haben Typescript zusammen mit Node.JS verwendet, um einen Mikroservice zu erstellen, mit dem wir die Bilder innerhalb der Plattform verwalten konnten.
Das Entwicklungsteam verwendete .Net im Backend, um es mit dem Frontend zu verbinden und so eine voll funktionsfähige Anwendung sicherzustellen.

Da Learninghubz nach hohem technischem Fachwissen suchte, um ihre Plattform zu verbessern, folgten wir den Engagiertes Team Arbeitsmodell, das unsere produktorientierten UX/UI-Designer und Frontend-Entwickler umfasste. Auf diese Weise waren wir in der Lage, dem Kunden ein Entwicklungsteam zur Verfügung zu stellen, das auf seine Bedürfnisse zugeschnitten war, unabhängig arbeiten konnte und vollständig in sein eigenes Team und seine eigenen Prozesse integriert war.
UX/UI-Designer: Verantwortlich für die Durchführung des UX-Audits, die Erstellung des neuen Designs, der Architektur und der Implementierung aller Erfahrungen, die ein Benutzer bei der Interaktion mit der Plattform hat.
Frontend-Entwickler: Verantwortlich dafür, dass die Benutzer der Plattform problemlos damit interagieren können. Sie tun dies, indem sie Design, Technologie und Programmierung des Erscheinungsbilds der Plattform kombinieren und sich um das Debuggen kümmern.
Dieses Projekt lieferte ein tiefgreifendes Verständnis der Kunden-Persona und ihrer Interaktion mit dem Service.
erhöhte Wachstumsrate 3 Monate nach dem Start.
erhöhte In-App-Zeit für den Desktop.
erhöhte In-App-Zeit für Mobilgeräte.
