Cortex,
un jeu éducatif

  • Conseil
  • UI / UX
  • E-commerce

Dispositif

  • Site web et mobile

Technologies

  • Symfony
  • Elasticsearch
  • HTML 5 & CSS 3
Tableau
Wireframe Cortex

Le concept

Pour la première fois, nous avons eu pour mission de créer une Progressive Web App éducative : un système d’apprentissage par cartes à destination d’élèves scolarisés.

L’apprentissage par carte est un moyen de favoriser l’apprentissage par coeur (de listes de vocabulaire par exemple), avec un système de recto / verso, à travers des jeux.

La réalisation graphique

#06D1BD
#F6F7FC
#FF6260
#5F63BB
#5A5A59

Iconographie

UI Iconographie Cortex

Les illustrations

Illstration d'une maison

Nous avons intégré dans notre conception les problématiques SEO, et notamment le maillage interne du site.

L'utilisation d'un menu overlay nous a permis d'exposer au premier niveau de navigation un nombre très important d'entrées.

Illustration d'un appartement
Illustration de connexion pour Orpi

Nous avons intégré dans notre conception les problématiques SEO, et notamment le maillage interne du site.

L'utilisation d'un menu overlay nous a permis d'exposer au premier niveau de navigation un nombre très important d'entrées.

Les jeux

UI jeu asso Cortex
UI jeu memo cortex
UI jeu typo cortex
UI jeu brio Cortex

Nous avons développé 4 modes de jeux :

  • un jeu de mémory
  • un jeu où l'élève rédige au clavier la réponse
  • un jeu où l'élève doit associer les deux faces d'une meme carte
  • un mode aventure, où l'élève doit répondre au plus de questions possibles

Chacun de ces modes de jeux est disponible en solo (pour l'apprentissage) et en mode duel, pour challenger les autres élèves de sa classe.

Site web et mobile

mockup d'ordinateur

Afin de permettre aux élèves de se repérer dans l'outil sans aucun apprentissage ni formation, nous avons repris les codes navigationnels des applications populaires parmi le jeune public, à l'instar de youtube.

UI page de menu Cortex
UI page de menu Cortex
UI page de Cortex

Conçue pour un usage en mobilité, nous avons pensé l'application pour qu'elle soit légère et très lisible. Les codes couleurs permettent aux élèves de se repérer facilement entre les matières, et un système d'onglets permet de différencier différentes vues.

Conçue pour un usage en mobilité, nous avons pensé l'application pour qu'elle soit légère et très lisible. Les codes couleurs permettent aux élèves de se repérer facilement entre les matières, et un système d'onglets permet de différencier différentes vues.

Photo Cortex
Photo Cortex
Ils nous ont fait confiance
Retour en haut keyboard_arrow_down background Layer 1