user logo
profile picture

Héloïse

UXRSRCH

User Agency
+2

Equipe de 2 développeurs

Front-end

Next

Back-end

Next

Database

Postgres

Other

Prisma, TypeScript, Styled-components, Redux, Redux-Saga,

Description

Ce projet consiste à réaliser une application destinée à des équipes UI/UX ainsi que leurs collaborateurs. Cette application fournit un outil précieux pour étudier le parcours utilisateur à travers la création de personas et de cartographie d’expérience. Il permet de regrouper toutes les informations relatives à l’expérience utilisateur et de les mettre à disponibilité des membres d’une organisation et d’équipes au sein d’une même organisation.

Fonctionnalités

  • Authentification via Google NextAuth.js
  • Affichage des équipes et projets par équipe
  • Affichage des personas par organisation
  • Création/ modification/ suppression d'équipes, projets ou personas
  • Filtre personas par projet
  • Liste de personas par projet
  • Cartographie d'expérience mis à jour avec la création/ modification / suppression des étapes de l'avancement du projet
  • Association de chaque étape à un niveau de satisfaction qui est représenté par un point sur la cartographie
  • Création/ modification d'un commentaire lié au degré de satisfaction, visible au clic sur un point de la cartographie
  • Glisser-déposer au niveau des étapes et des sections qui constituent ces différentes étapes
  • Accès aux différentes pages via un menu latéral
  • project mockup screens

    Page d'authentification

    L'utilisateur peut se connecter via son compte Google

    project mockup screens

    Tableau de bord

    Affichage des différentes équipes et projets dans lesquels l'utilisateur fait partie

    project mockup screens

    Projet

    Accès aux informations relatives à un projet : liste des personnas liées au projet et cartographie d’expérience avec les différentes étapes de l’expérience utilisateur. Sur cette page, les étapes ainsi que les différentes sections qui les composent possèdent une fonctionnalité de glisser-déposer.

    project mockup screens

    Persona

    Accès aux divers personas utilisés au sein d’une organisation. Ces derniers peuvent être filtrés par projet.