Next Level Quiz

Dans le cadre d’un cours de programmation web j'ai participé à un projet collaboratif où j’ai réalisé le design et le développement front-end. J’ai pris en charge le côté visuel du projet, tandis que mes collaborateurs se sont occupés de la programmation back-end. Le but était de créer un prototype de site web pour un quiz ludique.

Contexte

Ce projet m'a aidé à pratiquer un étroite collaboration avec des développeurs. J'ai du communiquer clairement mes intentions de design et les expliquer à mes collègues pour mener le projet dans la direction désiré. L’intention derrière ce projet était de créer une expérience simple, accessible et engageante, où l’utilisateur comprend rapidement l’objectif tout en profitant d’une navigation intuitive.

Idéation

Prototypage/Maquettage

En étant responsable du design, j’ai commencé par créer un moodboard afin de définir une direction artistique cohérente : couleurs, ambiance, ton graphique et style typographique.
J’ai ensuite réalisé des maquettes low-fi sur Figma pour poser la structure des pages, réfléchir à l’ergonomie et tester différents parcours utilisateur. Ces maquettes ont permis d’aligner toute l’équipe avant de passer à l’intégration front-end et au développement du prototype fonctionnel.

Résultat

Ce projet m’a permis de renforcer mes compétences en conception visuelle, en intégration front-end et en travail d’équipe. Le prototype final reflète une interface claire et ludique, cohérente avec l’objectif initial du quiz.
Il constitue également une base solide pour un développement ultérieur, que ce soit en ajoutant des fonctionnalités, en peaufinant l’interface ou en réalisant de nouveaux tests utilisateurs.
À la fin de cette page, vous trouverez une vidéo montrant l’expérience d’un utilisateur, afin d’illustrer concrètement la navigation et l’interaction avec le site.