Mourrat Laura

Logo de Laura Mourrat, Directrice Artistique, mettant en valeur ses compétences en web design, communication, conception 3D et vidéo.
Icône représentant mes projets de webdesign

Project Masterclass | Plateforme d'e-learning

Découvrez Masterclass, une plateforme de e-learning dédiée à l’éco-mobilité et à la sécurité routière. Conçu avec soin par notre équipe de professionnels, ce projet offre une expérience d’apprentissage interactive et immersive. Explorez nos ressources pédagogiques de haute qualité et approfondissez vos connaissances sur ces sujets cruciaux. Avec une interface conviviale et un design intuitif, Masterclass accompagne les utilisateurs dans leur parcours d’apprentissage pour une conduite responsable et respectueuse de l’environnement.

Capture d'écran de la page d'accueil non connectée de l'application Masterclass

Accueil hors ligne

La section « Accueil hors ligne » est une interface conçue pour permettre aux utilisateurs de découvrir la plateforme de e-learning, même lorsqu’ils ne sont pas connectés à Internet. Elle est développée en utilisant les technologies HTML, SCSS et JavaScript. Cette section offre un aperçu convivial et interactif des fonctionnalités principales de la plateforme, telles que la navigation, la recherche de cours et la consultation de contenus pédagogiques. Grâce à son design intuitif et attractif, les utilisateurs peuvent explorer les différentes options disponibles et se familiariser avec l’environnement d’apprentissage, même en mode hors ligne.

Accueil

Ce mockup illustre l’interface d’accueil de l’application MasterClass, offrant aux utilisateurs un accès facile à une gamme complète de formations sur des sujets liés à l’éco-mobilité et à la sécurité routière. Explorez nos cours interactifs, des tutoriels pratiques et des ressources pédagogiques pour enrichir vos connaissances et améliorer votre pratique de la conduite responsable.

Mockup de l'accueil de l'application MasterClass de e-learning.
Mockup de la page de progression des formations avec une barre de progression représentée par un écureuil.

Page de progression

Ce mockup illustre la page de progression des formations de l’application MasterClass, mettant en avant vos étapes de formation avec une barre de progression représentée par un écureuil. Suivez votre avancement étape par étape et atteignez vos objectifs d’apprentissage avec notre guide sympathique et ludique.

Page de étape

Ce mockup illustre la page de progression des formations de l’application MasterClass, vous permettant de visualiser vos prochaines étapes de formation avec des illustrations captivantes et des descriptions détaillées pour chaque module. Explorez votre progression et préparez-vous à plonger dans de nouvelles connaissances et compétences passionnantes.

Mockup de la page de progression des formations avec une représentation visuelle des étapes de la formation.

L'Iconographie

Chez DevRoad, nous croyons au pouvoir de l’iconographie pour communiquer efficacement avec les utilisateurs. Les icônes soigneusement conçues jouent un rôle crucial dans notre approche du design, permettant de transmettre des idées et des fonctionnalités complexes de manière simple et intuitive. Découvrez comment notre iconographie aide à enrichir l’expérience utilisateur et à rendre les produits plus accessibles et conviviaux.

Logo de la MasterClass.
Mascotte écureuil de la MasterClass.
Gland de la MasterClass, compagnon fidèle de notre mascotte écureuil.
Gland mangé par la mascotte écureuil de la MasterClass.

Signification des Couleurs

Chez DevRoad, chaque couleur de la palette visuelle a été choisie avec soin pour véhiculer l’identité et des valeurs. Voici ce qu’elles représentent

Couleur bleu foncé

Le bleu, incarne la fiabilité, la confiance et la stabilité. Elle symbolise notre engagement envers nos clients et notre professionnalisme dans tout ce que nous entreprenons.

Couleur bleu

Le bleu clair est une couleur apaisante, représentant la clarté, la fraîcheur et la tranquillité. Il symbolise notre engagement envers l’harmonie et l’expérience utilisateur agréable.

Couleur orange

L’orange est une couleur vive et énergique, symbolisant la créativité, l’innovation et l’enthousiasme. Elle incarne notre passion pour l’excellence et notre désir constant de repousser les limites.

Couleur blanc

Le blanc représente la pureté, la clarté et la simplicité. Il reflète notre approche transparente et accessible dans la communication et le design de nos produits.

Couleur vert

Le vert évoque la croissance, l’équilibre et la santé. Il représente notre engagement envers la durabilité, la responsabilité sociale et la progression constante vers un avenir meilleur.

Vous souhaitez travailler avec moi ou discuter d'un projet ?

Me retrouver