PRODUCT DESIGNER
PORTFOLIO / 2025
DISPONIBLE POUR UN
STAGE EN 2025
CONTACT@VICTORIANIABA.FR
(+33) 7 66 33 67 31
Espace Animation de la Fresque du Numérique
- DESIGN D’EXPÉRIENCE UTILISATEUR (UX)
- DESIGN D’INTERFACE UTILISATEUR (UI)
- TEST UTILISATEUR
- DESIGN THINKING
- FIGMA (LOGICIEL)
Présentation
L’association La Fresque du Numérique propose des ateliers collaboratifs pour sensibiliser aux enjeux écologiques du numérique. Ce projet vise à améliorer l’expérience des animateurs sur leur application, en appliquant des principes de design responsable.
Client
La Fresque du Numérique
Année
2023
Contexte
La Fresque du Numérique est une association qui œuvre pour la sensibilisation aux enjeux écologiques du numérique, notamment à travers des ateliers collaboratifs. Ces ateliers sont conçus pour sensibiliser les participants aux impacts environnementaux du numérique, avec l’aide d’animateurs qui facilitent les sessions.
Toutefois, l’espace d’animation présentait des défis en termes de navigation, d’accessibilité et d’engagement pour les animateurs. L’association souhaitait améliorer cet espace afin de faciliter la gestion des ateliers, tout en intégrant des principes d’éco-conception pour aligner le projet avec ses valeurs de durabilité et de responsabilité.
Problématique
Comment améliorer l’expérience utilisateur de l’espace animation en appliquant les principes d’éco-conception et de design numérique responsable ?
Rôle et Mission
Dans ce projet, j’ai occupé le rôle de UX/UI designer au sein d’un groupe de pairs. Nous avons mené ensemble un audit de l’interface existante pour identifier les freins liés à la navigation, à l’accessibilité et à l’engagement.
Nous avons ensuite repensé l’interface UI en intégrant des principes d’éco-conception, avant que je ne mette en place un test utilisateur à distance via Maze pour valider nos choix.
Résultats
La refonte de l’espace animation a permis d’atteindre les objectifs du projet. L’interface est devenue plus claire, plus facile à utiliser et plus engageante pour les animateur·ice·s. L’accès aux contenus pédagogiques a été simplifié, et l’ensemble a été repensé dans le respect des valeurs d’éco-conception de l’association.
Les tests utilisateurs réalisés avec Maze ont montré que les choix UX/UI étaient efficaces, avec une nette amélioration dans la compréhension des parcours. Cette nouvelle version aide les animateur·ice·s à mieux gérer leurs ateliers, de façon plus autonome et plus fluide.
Audit du site existant
Avant d’imaginer une nouvelle interface, nous avons réalisé un audit approfondi de l’espace animation du site de la Fresque du Numérique. Cet audit nous a permis d’identifier plusieurs points d’amélioration, tant en UX qu’en UI : hiérarchisation des informations, cohérence des icônes, tailles de texte inadaptées, ou encore problèmes de lisibilité générale. Ces éléments clés ont constitué une base pour repenser l’expérience utilisateur.
Évaluation heuristique
Pour appuyer notre analyse, nous avons mené une évaluation heuristique de l’interface de l’espace animation, en nous appuyant sur les critères ergonomiques de Bastien et Scapin. Cette démarche nous a permis de repérer les défauts d’ergonomie, de les prioriser et de formuler des recommandations concrètes, en lien direct avec les problèmes observés.
Persona
À partir des constats réalisés, nous avons défini un persona principal, DenisROC, représentant le profil type des utilisateurs animateurs. Ce persona nous a guidés pour imaginer des parcours plus fluides et adaptés.
parcours utilisateur et wireframe
Nous avons ensuite construit une User Journey Map retraçant les différentes étapes et interactions clés de ce persona avec l’espace animation, ce qui nous a permis d’anticiper ses besoins et de cibler les améliorations prioritaires. Un wireframes a été également effectuer afin de poser rapidement les premières idées sur la nouvelle structure de l’espace animation. Il a permis d’illustrer notre vision des fonctionnalités clés à mettre en avant, tout en assurant une navigation simple et intuitive.
Tests utilisateurs
À partir des wireframes réalisés, nous avons travaillé sur la refonte de la nouvelle interface de l’espace animateur. Pour valider cette refonte, nous avons mené un A/B testing en ligne via l’outil Maze, avec 29 participants.
L’objectif était de vérifier si cette nouvelle interface répondait mieux aux besoins des utilisateurs : les résultats ont montré que le parcours est plus simple, rapide et facile à prendre en main pour nos participants.
Ces tests comprenaient plusieurs tâches ciblées :
Tâche 1 : vérifier si l’écran est facilement mémorisable et si la charge de travail est réduite pour les utilisateurs,
Tâche 2 : observer si les utilisateurs parviennent à voir leur niveau de progression sur l’ancienne version,
Tâche 3 : vérifier la même capacité sur la nouvelle interface,
Tâche 4 : s’assurer que les utilisateurs peuvent organiser un atelier sur la nouvelle version de l’espace animateur.
Maquette et choix UI
La maquette finale incarne notre vision d’un espace plus intuitif et agréable pour les animateurs.
Nous avons intégré plusieurs fonctionnalités clés pour améliorer l’expérience utilisateur :
un système de badges et une barre de progression afin de valoriser l’évolution de l’utilisateur et encourager son engagement,
l’internalisation des ressources avec la possibilité de télécharger facilement les PDF,
un processus d’inscription sécurisé, permettant aux utilisateurs de créer un mot de passe après vérification de leur e-mail, supprimant ainsi l’ancien système basé sur un code PIN.
L’objectif était de concevoir une interface claire, efficace et en phase avec les besoins réels des animateurs, tout en modernisant l’expérience proposée par l’espace animation.
