Design d'un module e-learning
Client
Bouygues Telecom
Agence
Cegos
Type
Direction artistique
Date
2018
Description
La Cegos m’a confié la direction artistique d’un module e-learning à destination des téléconseillers travaillant chez Bouygues Télécom sur des plateformes étrangères. L’objectif de cette formation digitale était de leur faire connaître la France et sa culture. Mon intervention s’est portée sur l’expérience utilisateur (UX design), la réalisation des principaux gabarits des modalités d’apprentissage et leur déclinaison (UI design).
![webdesign elearning module bouygues telecom webdesign elearning module bouygues telecom](https://www.designn.fr/wp-content/uploads/2019/03/webdesign-elearning-module-bouygues-telecom-1024x1024.png)
Deux gabarits d'introduction
Au choix, en fonction des contenus
![webdesign elearning bouygues layout A webdesign elearning bouygues layout A](https://www.designn.fr/wp-content/uploads/2019/03/webdesign-elearning-bouygues-layout-A-1024x768.jpg)
![webdesign elearning bouygues layout B webdesign elearning bouygues layout B](https://www.designn.fr/wp-content/uploads/2019/03/webdesign-elearning-bouygues-layout-B-1024x768.jpg)
La modalité Slideshow
![webdesign elearning slideshow bouygues telecom webdesign elearning slideshow bouygues telecom](https://www.designn.fr/wp-content/uploads/2019/03/webdesign-elearning-slideshow-bouygues-telecom-1024x1024.png)
La modalité click and show hotspots
Step 1
![webdesign elearning bouygues hotspots webdesign elearning bouygues hotspots](https://www.designn.fr/wp-content/uploads/2019/03/webdesign-elearning-bouygues-hotspots.jpg)
Step 2
![webdesign elearning bouygues hotspots 2 webdesign elearning bouygues hotspots 2](https://www.designn.fr/wp-content/uploads/2019/03/webdesign-elearning-bouygues-hotspots-2.jpg)
La modalité Glisser-comparer
![webdesign-elearning bouygues glisser comparer 1 webdesign-elearning bouygues glisser comparer 1](https://www.designn.fr/wp-content/uploads/2019/03/webdesign-elearning-bouygues-glisser-comparer-1-1024x768.jpg)
![webdesign-elearning bouygues glisser comparer 2 webdesign-elearning bouygues glisser comparer 2](https://www.designn.fr/wp-content/uploads/2019/03/webdesign-elearning-bouygues-glisser-comparer-2-1024x768.jpg)
Le quiz - QCM
Step 1
![webdesign elearning bouygues qcm webdesign elearning bouygues qcm](https://www.designn.fr/wp-content/uploads/2019/03/webdesign-elearning-bouygues-qcm-1024x768.jpg)
Step 2
![webdesign elearning bouygues qcm 2 webdesign elearning bouygues qcm 2](https://www.designn.fr/wp-content/uploads/2019/03/webdesign-elearning-bouygues-qcm-2-1024x768.jpg)
Écrans scorés
![webdesign elearning quiz score ko webdesign elearning quiz score ko](https://www.designn.fr/wp-content/uploads/2019/03/webdesign-elearning-quiz-score-ko-1024x768.jpg)
![webdesign elearning quiz score OK webdesign elearning quiz score OK](https://www.designn.fr/wp-content/uploads/2019/03/webdesign-elearning-quiz-score-ok-1024x768.jpg)
La modalité Matching pair
![webdesign elearning bouygues matching pair 1 webdesign elearning bouygues matching pair 1](https://www.designn.fr/wp-content/uploads/2019/03/webdesign-elearning-bouygues-glisser-matching-pair-1-1024x768.jpg)
![webdesign elearning bouygues matching pair 2 webdesign elearning bouygues matching pair 2](https://www.designn.fr/wp-content/uploads/2019/03/webdesign-elearning-bouygues-glisser-matching-pair-2-1024x768.jpg)
Les écrans de feedback
![webdesign elearning matching pair ko webdesign elearning matching pair ko](https://www.designn.fr/wp-content/uploads/2019/03/webdesign-elearning-matching-pair-ko-1024x768.jpg)
![webdesign elearning matching pair ok webdesign elearning matching pair ok](https://www.designn.fr/wp-content/uploads/2019/03/webdesign-elearning-matching-pair-ok-1024x768.jpg)
La modalité Drag and drop
![webdesign elearning drag n drop step 1 webdesign elearning drag n drop step 1](https://www.designn.fr/wp-content/uploads/2019/03/webdesign-elearning-drag-n-drop-step-1-1024x1024.jpg)
Step 2
![webdesign elearning drag n drop step 2 webdesign elearning drag n drop step 2](https://www.designn.fr/wp-content/uploads/2019/03/webdesign-elearning-drag-drop-step-2-1024x768.jpg)
Feedback
![webdesign elearning drag n drop step 3 webdesign elearning drag n drop step 3](https://www.designn.fr/wp-content/uploads/2019/03/webdesign-elearning-drag-drop-step-3-1024x768.jpg)
![logo clients guillaume nedellec cegos logo clients guillaume nedellec cegos](https://www.designn.fr/wp-content/uploads/2023/10/logo-clients-guillaume-nedellec-cegos.png)
![logo bouygues logo bouygues](https://www.designn.fr/wp-content/uploads/2019/03/logo-bouygues-300x130.jpg)