Projet : Étude et conception de l’expérience utilisateur et création d’interface utilisateur pour la refonte de l’application web et mobile de Cagette.net.
Type : Marketplace de vente de produits locaux, bio et équitables en ligne.
Client : Alilo.
Année : 2018. Cette mission est en cours de développement depuis février 2018.
Missions :

  • Étude et conception de l’expérience utilisateur des futures applications web et mobile.
  • Recherche de la concurrence.
  • Audit de l’application actuelle.
  • Analyse de données (Google Analytics)
  • Entretien utilisateurs et création de fiches personas pour l’équipe
  • Design (maquettes en fil de fer), prototypes en papier et en digital (InVision).
  • Validation : séances de test d’usabilité avec les utilisateurs et itérations.
  • Création d’interface utilisateur dont icônes et illustrations
  • Collaboration avec l’équipe de développeurs dans l’intégration CSS de l’interface (React)

1. Rapport Google Analytics

J’ai commencé ma recherche avec l’analyse des données quantitatives sur Google Analytics. Cela m’a permis de comprendre :

  • Le nombre de visites uniques par mois.
  • Le profil démographique des utilisateurs.
  • Le moment de la semaine où les utilisateurs font leurs courses sur Cagette.net.
  • Leur préférence de support (desktop ou mobile)

2. Étude ethnographique, empathie et personas

Fiche persona Cagette.net

Cet étude m’a permis de récolter des informations réalistes pour réaliser les fiches personas et comprendre le mieux possible les utilisateurs afin d’avoir de l’empathie.

Ceci permet de voir clair à toute l’équipe et de comprendre pour qui nous sommes en train de développer l’application.

2. Wireframes

L’un des premiers wireframes pour la nouvelle boutique ecommerce.

J’ai réalisé de nombreux wireframes mobile et desktop et cela a permis d’explorer les meilleurs pistes en équipe.

3. Prototype desktop et tests d’utilisabilité

Au total 8 personnes ont participé aux tests et entretiens.

  • 4 entretiens utilisateurs
  • 10 tests d’utilisabilité avec des utilisateurs cible sur les prototypes mobile et desktop.
Test d’utilisabilité du premier prototype papier de la version mobile.
Test d’utilisabilité du premier prototype papier de la version desktop.

 

J’ai réalisé et testé plusieurs itérations du prototype digital sur Invision.

4. Prototype UI et développement

Version en développement de la nouvelle interface avec l’UI renouvelée

J’ai réalisé l’interface dont icônes et illustrations pour la nouvelle boutique de Cagette.net.

Le développement, en cours de réalisation, se fait en Haxe et React (Material-UI). Je participe à l’intégration FrontEnd de ce projet.

5. Ancienne version de Cagette.net

Ancienne version de Cagette.net