• Edtech Learning Management System pour un institut de formation saoudien

Nous avons conçu et développé un LMS complet couvrant les panels admin, formateur et apprenant à travers des formats de cours en ligne, en présentiel et enregistrés, avec une interface arabe RTL complète.

03

Panels utilisateurs

40+

Écrans conçus

10

Mois de livraison

06

Membres dédiée
 
  • APERÇUUn écosystème de formation complet

Notre client avait besoin d’une plateforme complète pour gérer toute son opération de formation : de la création de cours et la planification de sessions, en passant par les examens, les sondages et les certificats, jusqu’à la gestion complète des utilisateurs. Chaque workflow devait supporter nativement les interfaces arabes RTL, pas comme une réflexion tardive.

client

Institut de formation saoudien

Saudie Araia — EdTech

industrie

Éducation et développement professionnel

Développement professionnel

SERVICES

Design UI/UX, développement frontend, développement backend, intégration Zoom SDK QA

LE PROBLÈME

Outils déconnectés, visibilité zéro

Le client gérait la formation via des tableurs Excel pour la planification, des plateformes vidéo séparées pour les sessions en ligne, une génération manuelle de certificats dans Word, et aucune manière centralisée de suivre la progression des apprenants ou de recueillir du feedback structuré. Les formateurs n’avaient aucune interface unifiée pour leurs cours. Les apprenants n’avaient aucun portail pour accéder aux cours, passer les examens ou récupérer les certificats. Tout le workflow devait être digitalisé et unifié : avec un support complet de l’arabe RTL intégré dès le jour 1, pas ajouté après coup.

LA SOLUTION

Trois panels, une plateforme unifiée

Nous avons conçu et construit une plateforme unique qui a remplacé toute la stack fragmentée. Trois panels dédiés — admin, formateur et apprenant — chacun avec des workflows adaptés à leurs tâches quotidiennes. Un builder de cours modulaire qui supporte les formats en présentiel, en direct (via intégration Zoom SDK native) et pré-enregistrés. Génération automatisée de certificats avec des templates personnalisables. Moteurs d’examens et de sondages intégrés. Gestion utilisateurs complète avec contrôle d’accès par rôle. Et un design system arabe RTL complet appliqué de manière cohérente à travers chaque écran — les 40 écrans des trois panels.
 
  • LE PROCESSUSDe la découverte au déploiement
Découverte et recherche UX

Cartographie du cycle de vie complet de formation via des ateliers avec les parties prenantes : types de cours, rôles utilisateurs, flux d'évaluation, logique de certification et besoins de reporting administratif.
Résultat : une compréhension partagée de ce que « terminé » signifiait.

Design UI/UX

Conception de 40+ écrans à travers 3 panels dans Figma. Construction d'un design system arabe RTL complet avec composants, patterns et règles d'interaction cohérents — la fondation qui a fait que 40 écrans donnaient l'impression d'un seul produit.

Développement

Frontend Angular couplé à un backend Node.js. Intégration Zoom SDK pour les sessions en direct, contrôle d'accès par rôle à travers les trois panels, et un builder de cours modulaire qui gère de manière uniforme les formats en présentiel, en ligne en direct et pré-enregistrés.

QA et lancement

Tests end-to-end à travers les trois panels et chaque parcours utilisateur. Déploiement itératif en production avec un onboarding structuré des formateurs et des sessions de formation pratiques pour les admins — parce qu'une plateforme que personne ne sait utiliser n'est pas une plateforme livrée.

 
  • FONCTIONNALITÉSConçu pour l’excellence de la formation

Cours multi-formats

Présentiel, en ligne en direct via Zoom, et pré-enregistrés : chaque format avec un workflow de création adapté à ses spécificités, pas un formulaire universel

Builder de sessions et de contenu

Sessions structurées avec pièces jointes de contenu, liens vidéo, quiz intégrés et supports de formation téléchargeables : tous réutilisables à travers les cours.

Examens et évaluations

Évaluations pré et post-cours avec limites de tentatives, paramètres de difficulté, notes de passage et examens chronométrés — avec notation automatique et rapports de notes.

Sondages et feedback

Moteur de sondages intégré pour du feedback apprenants structuré avec planification, configuration par thème et reporting agrégé pour les formateurs et admins.

Certificats

Génération automatisée de certificats avec templates personnalisables pour présence, complétion et performance — livrés en PDF téléchargeable avec QR codes anti-contrefaçon.

Gestion des utilisateurs

Administration complète avec attribution de rôles, sélection en lot, filtrage avancé et inscription directe aux cours depuis le panel admin.

Intégration Zoom

Intégration Zoom SDK native pour planifier et héberger des sessions en direct directement dans la plateforme — pas de changement de contexte, pas de liens de réunion séparés.

Interface arabe RTL

Une interface arabe de droite à gauche complète avec des patterns de design culturellement appropriés: pas une couche de traduction ajoutée, mais un design system RTL construit dès le départ.

A tilted screenshot showing multiple web pages in Arabic, featuring data tables, forms, profile photos, text fields, and charts—all part of a Custom LMS Development interface with navigation menus in a sleek white and teal colour scheme.
 
  • PRODUITUn regard plus proche sur la plateforme
Screenshot of a web dashboard in Arabic showcasing Custom LMS Development, with a user profile on the left and a grid of user cards with profile images and details on the right. The sidebar menu appears on the far right.
Three screenshots of a Custom LMS Development web interface in Arabic, featuring forms and navigation menus on a teal and white dashboard. One screen displays an image upload area, while others highlight data tables and profile information forms.
Screenshot of a web dashboard in Arabic for Custom LMS Development, showing tables and lists with headings, coloured buttons, and highlighted rows. The light-coloured interface organises data into sections for easy navigation and review.
A collage of presentation slides in Arabic featuring charts, graphs, text blocks, and logos in green and white showcases programme details, analysis data, participant information, and highlights aspects of bespoke LMS development.
 
  • RÉSULTATSConçu pour l’excellence en formation

3x

Capacité de cours

Triplement du nombre de cours que l’institut peut gérer simultanément, par rapport au processus manuel pré-plateforme.

70%

Temps admin économisé

Réduction de la charge administrative sur la mise en place des cours, l’inscription des apprenants et l’émission de certificats.

100%

Transition digitale

Migration complète d’une stack d’outils fragmentée (Excel, plateformes vidéo séparées, certificats Word) vers une plateforme unifiée unique.

40+

Écrans livrés

À travers les panels admin, formateur et apprenant — prêts pour la production, avec support arabe RTL complet.

TÉMOIGNAGE CLIENT

STEPS a compris la complexité de nos opérations de formation dès le premier atelier. Ils ont livré une plateforme que nos formateurs veulent vraiment utiliser, ce qui est la partie la plus difficile de n’importe quel projet EdTech.