EuroSpace News

Mon projet de diplôme à l'ECV Paris devait démontrer la maîtrise complète d'un processus UI/UX, de la stratégie au prototype interactif. J'ai choisi un sujet qui me passionne — l'exploration spatiale européenne — et qui présente un vrai défi : la vulgarisation. Comment rendre accessible un domaine perçu comme complexe et anglo-américain ? Le positionnement retenu : un média éditorial moderne, narratif, qui parle d'astronautique européenne (ESA, Ariane, missions, satellites) avec un ton pédagogique mais jamais infantilisant. La cible : curieux, étudiants, passionnés débutants.

Une phase de recherche a été menée auprès d'une dizaine de profils variés (étudiants, jeunes actifs, passionnés) à travers questionnaires et entretiens semi-directifs. Trois enseignements clés en sont ressortis : un fort intérêt pour les missions humaines, une frustration face aux formats trop techniques, et un besoin de pouvoir reprendre une lecture interrompue (consommation morcelée, mobile-first). Ces insights ont structuré toute la suite du projet : approche storytelling, hiérarchie d'information douce, et fonctionnalités centrées sur le retour de l'utilisateur (historique, reprise de lecture).

L'identité visuelle a été pensée pour évoquer l'espace sans tomber dans les clichés : palette sombre profonde, accents cyan et magenta inspirés des images radar et infrarouges, typographies modernes et larges. Les pages éditoriales adoptent une mise en page cinématographique avec de larges visuels, citations en surimpression et compositions verticales scrollables. Un design system complet a été produit (tokens, composants, patterns éditoriaux) pour garantir une expérience cohérente sur l'ensemble du site et faciliter l'ajout de nouveaux articles ou rubriques.

Pour transformer la lecture passive en engagement durable, j'ai conçu un système de gamification complet et discret. Chaque utilisateur dispose d'un profil avec points d'expérience (XP) gagnés en lisant des articles, en complétant des quiz contextuels ou en explorant des dossiers thématiques. Un ensemble d'achievements (premier article lu, série de jours consécutifs, exploration d'une rubrique, etc.) ponctue le parcours sans jamais bloquer la lecture. Les niveaux ouvrent l'accès à des contenus exclusifs et à des badges visibles sur le profil. L'objectif : créer une boucle de retour vertueuse, sans manipulation excessive.

Inspirée des plateformes de streaming, la reprise de lecture mémorise précisément la position de l'utilisateur dans chaque article, et propose à sa prochaine visite de reprendre exactement là où il s'était arrêté. Un historique de lecture personnalisé recense également tous les articles consultés pour faciliter la redécouverte. Techniquement, la position est synchronisée à la fois en local (immédiateté) et côté serveur (multi-appareil), avec une heuristique qui évite de recaler l'utilisateur sur un paragraphe lu uniquement parce qu'il a scrollé pour aller plus loin.

Le site a été développé avec Next.js, Tailwind CSS et TypeScript pour combiner rapidité, qualité de code et sérénité long terme. Les contenus éditoriaux sont rendus statiquement pour un Time to First Byte minimal et un excellent SEO ; les fonctionnalités utilisateur (profil, XP, historique) passent par une API server-rendered. Les images, lourdes par nature dans un média visuel, sont servies en AVIF/WebP via le composant `Image` de Next, et les motions sont calibrées pour rester fluides sur des configurations modestes.

Le projet a été présenté devant un jury professionnel composé de designers et de directeurs créatifs et a permis l'obtention du diplôme UI/UX Designer. Au-delà du résultat académique, ce projet m'a permis de pratiquer un cycle complet — recherche, design, développement, tests utilisateurs, mise en ligne — et de défendre mes choix face à un jury exigeant. Il reste une vitrine importante de ma capacité à mener un projet ambitieux de bout en bout, en gardant une cohérence forte entre intention éditoriale, design et exécution technique.