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

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.

Nous avons également mené une évaluation heuristique de l’interface de l’espace d’animation, en nous fondant sur les critères ergonomiques définis par Bastien et Scapin.

Denis, jeune actif engagé sur les enjeux environnementaux, a été  notre proto persona principal.
À partir de son UX map, nous avons conçu un storyboard retraçant son parcours utilisateur.
Cette démarche nous a permis de repenser et de prototyper une nouvelle interface pour l’espace d’animation.

A partir du wireframe effectuer nous avons travailler sur la refonte de la nouvel interface de l’espace animateur. Des textes utilisateur on été effectuer sur cette nouvelle refonte avec 29 utilisateur en ligne via l’outil Maze. l’objectif était de voir si l’écran répond mieux aux besoins des utilisateurs. cela à montrer que le parcours est simple, rapide et facile à prendre en main pour nos participants

Tâche 1: Savoir si l’écran est facilement mémorable et si la charge de travail est réduite pour les utilisateurs.
Tâche 2: Les utilisateurs doivent réussir à voir leur niveau de progression sur l’ancienne version de l’interface.
Tâche 3: Les utilisateurs doivent réussir à voir leur niveau de progression de la nouvelle interface
Les utilisateurs doivent réussir à organiser un atelier sur la nouvelle version de l’innterface

Palette de couleurs et police 

Dans le cadre de la refonte de l’espace d’animation, nous avons mis en place :

  • un système de badges et une barre de progression pour valoriser l’évolution de l’utilisateur,

  • l’internalisation des ressources avec la possibilité de télécharger les PDF,

  • un processus d’inscription sécurisé par la création d’un mot de passe après vérification de l’adresse e-mail, supprimant ainsi l’usage du code PIN.