Un extranet viticole audité, puis remis d'aplomb

Client
Phloème
Année
2022

Le challenge

Phloème, société de conseil viticole fait appel à Akiani dans le cadre d’un accompagnement sur l’ergonomie et l’architecture de leur plateforme extranet. Cette dernière permet de saisir et visualiser des informations, en temps réel, sur leurs parcelles de viticulture. Au moyen d’un audit puis d’un atelier de co-conception, nous aidons Phloème à rendre cette solution plus intuitive et ergonomique. Nous avons ensuite décliner ce travail de conception lors d’un sprint UX, puis nous avons valorisé les contenus grâce à la direction artistique et au sprint UI

Un extranet viticole audité, puis remis d'aplomb

Déroulé du projet

01. Cadrage et acculturation
02. Audit ergonomique
03. Ateliers de co-conception
04. Wireframes de la plateforme
05. Direction artistique
06. Design UI de la plateforme
07. Livraison

Détail de l'étude

Audit ergonomique de l'existant

Cette étape est réalisée sur l'extranet en desktop

Cette première étape d’audit ergonomique permet de faire remonter des problématiques de guidage des utilisateurs ainsi qu’un manque d’homogénéité des éléments de la plateforme. Ces difficultés pouvaient provoquer une charge de travail assez importante pour l’utilisateur. Cette analyse nous permet ensuite de nous diriger vers les leviers pertinents à actionner tout au long de la mission.

4 écrans issus de l'audit ergonomique

Atelier de co-conception des écrans

Grâce à des propositions portant sur les pages principales de la plateformes réalisées en amont de l’atelier par Akiani, l’atelier permet de les améliorer et d’y ajouter des éléments de contexte. L’équipe du projet est ainsi invitée à partager les retours de leurs utilisateurs ainsi qu’à réfléchir à des solutions plus intuitives pour les principales pages et composants.

;

Planche de propositions en niveaux de gris pour les pages et composants de la plateforme Phloeme

Wireframes de la plateforme

Suite à l’atelier de co-conception, les différentes maquettes basse définition sont déclinées dans le but de traiter la grande majorité des gabarits de la plateforme.

Planche de maquettes basse fidélité avec tableaux de bord, formulaires et tableaux de données
Wireframes interface Phloeme
Maquettes basse fidélité des tableaux de bord, graphiques de suivi et pages de contenu

Une nouvelle image

Utiliser les codes graphiques liés a l’univers de l’environnement pour un outil métier destiné aux viticulteurs

Nous avons retravaillé le positionnement graphique et visuel de Phloeme, pour offrir aux utilisateurs un outil qui leur correspond. Une nouvelle palette de couleur a été mise en place ainsi qu’une nouvelle police de caractère afin d’optimiser la prise en main et la lisibilité.

Tableau de bord d'accueil de Phloème affiché sur un ordinateur de bureau, avec une alerte, un suivi et des documents
Palette de six couleurs de l'identité visuelle de Phloeme
Quatre spécimens typographiques de Futura PT, portant trois intitulés distincts, Heavy, Demi et Medium
Écran de connexion à Phloeme affiché sur une tablette tenue en main, devant une photographie de vignoble

Design UI des écrans de la plateforme

Planches des écrans de propriétés, de calendrier de traitements, de consommation phytosanitaire et de suivi phénologique de Phloème
Tableau de suivi phénologique de Phloème affiché sur une tablette tenue à deux mains
Mosaïque d'écrans Phloeme avec tableaux de bord, graphiques, formulaires et contenus
Tableau de bord mobile de Phloeme affichant le suivi phytosanitaire et les actualités

Vous souhaitez discuter de votre projet ?

Échangeons sur vos enjeux, vos contraintes et vos ambitions pour construire ensemble la meilleure expérience utilisateur.

Contactez-nous