Comment désacraliser l’apprentissage des langues et maintenir la motivation des apprenants à travers une plateforme web interactive et gamifiée ?
L'enjeu de ce projet en binôme était double. Sur le plan visuel, il s'agissait de créer une interface engageante et conviviale inspirée des jeux mobiles. Sur le plan technique, le défi consistait à concevoir une architecture robuste (base de données relationnelle) pour gérer dynamiquement la génération des quiz, les comptes utilisateurs et le suivi des scores en temps réel.
Une identité ludique : Pour désacraliser l’apprentissage et le rendre agréable, nous avons imaginé une identité visuelle chaleureuse et décontractée. L’interface est guidée par une petite mascotte — un renard — qui accompagne l’utilisateur, créant un univers convivial qui s’inspire directement des codes d’engagement du jeu mobile.
Des choix graphiques assumés : La palette de couleurs s’articule autour de teintes vives et stimulantes (orange, jaune, bleu canard). Pour renforcer cet aspect ludique et accessible, nous avons opté pour des éléments graphiques aux formes douces et arrondies, qu’il s’agisse des boutons d’action ou des champs de saisie.
Intégration Mobile First : Le site a été pensé, conçu et développé à deux avec une approche strictement Mobile First. Cette méthode garantit une intégration responsive fluide, offrant une accessibilité et une expérience de jeu optimales sur tous les supports (smartphones, tablettes, ordinateurs de bureau).
Gestion autonome des utilisateurs : La plateforme gère de manière sécurisée l’intégralité du parcours utilisateur. De l’inscription jusqu’au suivi de progression, chaque action est enregistrée, permettant l’actualisation des scores et le suivi des statistiques en temps réel.
Dynamisme et Base de données : Le cœur du système repose sur une architecture complexe combinant une base de données relationnelle (SQL) et des scripts PHP. Ce système permet l’affichage dynamique des contenus générés à la volée (questions, défis de vocabulaire, compréhension orale ou traduction) selon la langue sélectionnée et le niveau du joueur.
« Développer Speaky a été une excellente opportunité d'allier la conception d'interface (UI/UX) à des défis de développement back-end. La mise en place de l'architecture SQL et la création de scripts PHP pour gérer la logique de jeu m'ont permis de grandement consolider mes compétences techniques, tout en expérimentant la dynamique de développement et de coordination en binôme. »