Back office fournisseurs

Description :

Améliorer l'ergonomie, la navigation ainsi que l'aspect visuel de l'interface des fournisseurs que propose Supli.

Période :

Mars 2021 - Septembre 2021

Présentation

Supli est une start up créée par Romain Rousselet. Cette plateforme digitale a pour but de mettre en relation les restaurateurs et les fournisseurs alimentaires.

Les objectifs de Supli sont de faciliter les échanges entre restaurateurs et fournisseurs, permettre aux professionnels de la restauration de gagner du temps et d’accompagner le développement commercial.

La plateforme propose un interface restaurateurs (aussi appelée “interface acheteurs”) et une interface fournisseurs (aussi appelée “interface vendeurs”).
J’ai eu l’occasion de travailler sur ces deux interfaces en étroite collaboration avec l’équipe des développeurs tout au long de mon apprentissage.

Audit de l'interface

Les retours

J’ai réalisé 6 séries de retours concernant l’interface des restaurateurs. Chaque série correspondait à une fonctionnalité (catalogue, message, liste de client, etc...).
Ces retours étaient ensuite présentés aux développeurs afin de prioriser les changements à effectuer en fonction de leur importance (d’un point de vu UX) et de leur complexité technique.

Au total

156 diapo
16 réunions
180 changements

Conception

Cette phase de conception m’a permis de mettre en place des documents communs pour l’équipe design et technique comme une arborescence, un logigrame et plusieurs userflow.

J’ai travaillé sur l’amélioration de la navigation de la partie “Catalogue” et la gestion du paiement.

Focus sur le catalogue (ajout de produit)

Simplification des étapes de création
Amélioration de l’aspect visuel
Travail sur le wording (message d’erreur, message d’information, indication)
Travail sur la cohérence entre les différents éléments de l’interface

J’ai choisi de procéder avec un logigramme et une arborescence pour :

Avoir une vue globale de l’interface
Pouvoir montrer la complexité des différents parcours qu’un utilisateur peut suivre
Montrer qu’il y a beaucoup de changement d’écrans dans une fonctionnalité

Les wireflow ont eu pour objectifs :

D'organiser les éléments de la page
D'échanger avec les développeurs sur les contraintes techniques des différentes pages

Paiement

Inclure la fonctionnalité
Ajouter une page d'accueil avec les informations liées au paiement
Eléments de wording

Comme le paiement des commandes se faisait en dehors de Supli, j’ai choisi de faire plusieurs sketchs du parcours et de la page d’accueil à ajouter.

Ma période d’apprentissage s’est terminée avant la phase de réalisation des wireframes pour cette fonctionnalité.
J’ai réalisé un board avec mes idées sous forme de sketch, des suggestions graphiques ainsi que des wireflow pour faciliter la reprise de mon travail par l’UI designer de Supli.

Wireframes

Une fois la conception terminée, j’ai travaillé sur la nouvelle présentation du catalogue et plus particulièrement l’ajout/gestion d’un produit.

Le fournisseur peut avoir l’aperçu de ses produits :

Sur l’application mobile des restaurateurs
Sur la web app des restaurateurs

La mise en avant de la prévisualisation du produit a pour objectif de pousser les fournisseurs à renseigner toutes les informations nécessaires aux restaurateurs et de choisir des photos qui mettent en valeur les produits.

Conclusion

Pour ce projet il aurait été nécessaire de réaliser une phase de prototypage ainsi qu’une phase de tests utilisateurs pour améliorer la navigation.

Travailler sur l’interface fournisseurs dans sa globalité m’a appris à garder une vue d’ensemble pour préserver la cohérence d’une interface. Ce projet m’a également permis de développer mes capacités en UI en travaillant sur des maquettes desktop.

Contacts

Adresse mail : ameliefellmann16@gmail.com

Téléphone : 06 67 64 31 69

Linkedin : www.linkedin/in/amelie-fellmann