Aller au contenu principal
Type
Développement sur-mesure
Client
Codes Rousseau
Mise en ligne
2013
Univers
Services

En 70 ans de présence sur son secteur, Codes Rousseau s’est imposé comme LE spécialiste du permis de conduire en France : auto, moto, bateau et poids lourds. Il met à disposition de tous les outils et informations nécessaires : informations sur les formations, tests de code de la route en ligne, cours…

Il propose également aux professionnels de la formations aux permis et de la sécurité routière du matériel pour auto-école, la vente de livres de code, du matériel pédagogique et toute la méthode de prévention routière Codes Rousseau.

La conception d’un outil d’apprentissage en ligne

En 2010, Codes Rousseau lance son site de tests et de cours Easyweb. Celui-ci met à disposition des élèves des tests permis côtier et fluvial, des fiches de cours et mini tests de 6 questions permis moto et 60 séries de tests de 40 questions pour le permis B.

Codes Rousseau a souhaité enrichir son offre Permis B en ligne en proposant des cours dispatchés en 11 thèmes, suivis de petits quiz d’évaluation. En collaboration avec l’équipe, nous sommes intervenus dès la conception de l’architecture de l’information afin de concevoir des modèles d’interfaces simples d’usage.

Maquette Ergonomique Easy Web Codes Rousseau

Outre cela, nous avons réalisé le web design et le développement de cette nouvelle application web d’e-learning accessible par login et mot de passe :

Codes Rousseau HP

Le web design : simplifier la lecture

Sur ce projet, nous nous sommes appliqués à apporter de la clarté dans la présentation des cours, dont les contenus sont parfois dense. Une touche ludique ajoutée, par le biais de la visualisation des médias et la présentation du quiz, permet de capter l’attention de l’utilisateur (mise en place de codes couleur en fonction de la note obtenue). Aussi, à moins de 4/10, la couleur de la note est rouge, puis à 7/10 elle est orange et, enfin, à plus de 7, elle devient verte.

Nous nous sommes inspirés de la charte déjà posée par Codes Rousseau pour Easyweb, notamment sur les couleurs dominantes et l’aspect global du web design. Un travail sur les typos a également été réalisé pour apporter un confort de lecture et une modernité.

http://blog.lunaweb.fr/wp-content/uploads/2013/06/codes-rousseau-quiz.png

Le développement : concevoir un outil d’e-learning web

Le travail réalisé permet aux élèves d’accéder aux cours de la nouvelle application PHP d’e-learning. Ils peuvent alors :

  • consulter les cours et les médias,
  • naviguer au travers des différentes thématiques,
  • évaluer leur niveau de connaissance au travers de 10 questions.

Via un développement Javascript permettant de câbler les 2 applications tests et cours, le formateur d’auto école peut alors assurer le suivi de chacun de ses élèves : scores réalisés aux quiz et nombre de cours consultés.

Ces données sont également visibles par l’élève depuis l’application.

Un bien beau projet que nous sommes heureux d’avoir pu réaliser : Merci Codes Rousseau !