

À propos de ce projet
Learninghubz souhaitait améliorer ses indicateurs clés de performance, tels que le nombre d'utilisateurs actifs et de vidéos visionnées, ainsi qu'augmenter la durée moyenne de visionnage par utilisateur. Nous les avons accompagnés grâce à un audit UX et à une refonte de l'interface de la plateforme.
Résultat : Trois mois après le lancement, Learninghubz a enregistré une hausse de 20 % du nombre d'utilisateurs actifs et une augmentation de 50 % de l'utilisation sur mobile.
notre IMPLICATION
Concept
Stratégie
Design
Construisez
technologies
Angular
Typescript
Node.js
.Net
LearningHubz est une plateforme d'apprentissage axée sur les organisations pour fournir des compétences commerciales et techniques. Il propose à Corporate L&D (Learning & Development) une expérience d'apprentissage « similaire à YouTube », avec des vidéos sélectionnées en permanence sur plus de 300 chaînes YouTube sur les compétences commerciales et techniques, rassemblant les meilleures vidéos, des conseils de gestion, des didacticiels, des cours, des conseils d'experts et des cours.
Des entités importantes telles que la Banque du Portugal et le conseil municipal de Lisbonne, entre autres, sont de fervents utilisateurs de la plateforme et ont inscrit plus de 1 500 de leurs employés pour apprendre ce dont ils ont réellement besoin pour se développer professionnellement, tout en optimisant les processus pour atteindre les objectifs de formation et de développement. En outre, LearnInHub a contribué à simplifier et à optimiser la gestion de contenu, permettant aux équipes des ressources humaines de consacrer plus de temps aux priorités des autres organisations.


Le rôle et l'implication d'Imaginary Cloud dans Learninghubz
Learninghubs s'est associé à Imaginary Cloud pour améliorer son temps de visualisation, les vidéos mensuelles regardées et le nombre d'utilisateurs actifs. Deux principaux points faibles ont été identifiés :
• Manque of engagement of users
• Modèles de conception UX/UI obsolètes
UN NOUVEAU PROJET EN TÊTE ? DISCUTONS-ENpendant le projet
Grâce à l'audit UX, Imaginary Cloud a identifié un certain nombre de problèmes qui réduisaient la découvrabilité de la plateforme et compromettaient son autorité et sa crédibilité :
• Mauvaises conditions de navigation et de lisibilité ;
• Mauvaise esthétique visuelle
Des éléments tels que la réactivité, la documentation et l'aide ont également eu un impact sur la plateforme, même s'ils étaient mineurs.
Pour résoudre ces problèmes, l'équipe a apporté des améliorations grâce à :
1- En suivant les modèles UI/UX établis ;
2- Mettre l'accent sur les meilleures pratiques de navigation ;
3- Créer des visuels plus forts et plus attrayants ;
4- Travailler sur la cohérence visuelle ;
5- Améliorer la lisibilité du texte ;
6- Travailler sur une hiérarchie de texte plus claire ;
7- Investir dans une expérience d'intégration enrichissante.
deux étapes
Migration
Développement
two stages
Migration
Development
quatre étapes
Recherche
Idéation
Exécution
Évaluation technique
quatre étapes
Besoins
Intégration back-end
Développement de site web
Filtrage et recherche avancés
quatre étapes
Recherche
Idéation
Exécution
Évaluation technique
quatre étapes
Backlog
Bootstrap
Vague 0
Vague N
quatre étapes
Recherche
Idéation
Exécution
Lancement et transfert
deux processus
MVP
ADP
Quatre étapes
Réunion de cadrage
Revue de code
Revue de test
Revue de qualité
Évaluation
Quatre étapes
Backlog
Bootstrap
Vague 0
Vague N
durant le projet
Grâce à l'audit UX, Imaginary Cloud a identifié un certain nombre de problèmes qui réduisaient la découvrabilité de la plateforme et compromettaient son autorité et sa crédibilité :
• Mauvaises conditions de navigation et de lisibilité ;
• Mauvaise esthétique visuelle
Des éléments tels que la réactivité, la documentation et l'aide ont également eu un impact sur la plateforme, même s'ils étaient mineurs.
Pour résoudre ces problèmes, l'équipe a apporté des améliorations grâce à :
1- En suivant les modèles UI/UX établis ;
2- Mettre l'accent sur les meilleures pratiques de navigation ;
3- Créer des visuels plus forts et plus attrayants ;
4- Travailler sur la cohérence visuelle ;
5- Améliorer la lisibilité du texte ;
6- Travailler sur une hiérarchie de texte plus claire ;
7- Investir dans une expérience d'intégration enrichissante.
TECHNOLOGIES utilisées




Nos développeurs expérimentés ont utilisé Angular pour créer le front-end de la plateforme Learninghubz.
Nous avons utilisé Typescript avec Node.JS pour créer un micro-service qui nous a permis de gérer les images au sein de la plateforme.
Nous avons utilisé Typescript avec Node.JS pour créer un micro-service qui nous a permis de gérer les images au sein de la plateforme.
L'équipe de développement a utilisé .Net dans le back-end pour le relier au front-end, garantissant ainsi une application pleinement fonctionnelle.

Étant donné que Learninghubz recherchait une expertise technique de haut niveau pour améliorer sa plateforme, nous avons suivi le Une équipe dédiée modèle de travail, qui incluait nos concepteurs UX/UI orientés produits et nos développeurs frontend. De cette façon, nous avons pu fournir au client une équipe de développement adaptée à ses besoins, capable de travailler de manière indépendante et totalement intégrée à sa propre équipe et à ses propres processus.
Concepteurs UX/UI : Responsable de la réalisation de l'audit UX, de la création du nouveau design, de la nouvelle architecture et de la mise en œuvre de toutes les expériences vécues par un utilisateur lorsqu'il interagit avec la plateforme.
Frontal Deelvers : Responsable de veiller à ce que les utilisateurs de la plateforme puissent facilement interagir avec elle. Pour ce faire, ils combinent la conception, la technologie et la programmation de l'apparence de la plateforme, ainsi que le débogage.
Ce projet a permis une compréhension approfondie du profil client et de son interaction avec le service.
augmentation du taux de croissance 3 mois après le lancement.
augmentation du temps passé dans l'application pour ordinateur de bureau.
augmentation du temps passé dans l'application pour les appareils mobiles.
