A wine-grower extranet audited, then put back on its feet

Client
Phloème
Year
2022

The challenge

Phloème, a viticulture consultancy, brings Akiani on board for support on the usability and architecture of their extranet platform. The platform lets growers enter and visualise information, in real time, about their vineyard plots. Through an audit and then a co-design workshop, we help Phloème make this solution more intuitive and usable. We then carried this design work over into a UX sprint, before showcasing the content through art direction and a UI sprint.

A wine-grower extranet audited, then put back on its feet

Project flow

01. Framing and onboarding
02. Ergonomic audit
03. Co-design workshops
04. Platform wireframes
05. Art direction
06. Platform UI design
07. Delivery

Study detail

Usability audit of what's in place

This step is carried out on the desktop extranet

This first usability-audit step surfaces issues around guiding users as well as a lack of consistency between the platform’s elements. These difficulties could trigger a fairly heavy workload for the user. This analysis then helps us steer toward the right areas to address throughout the engagement.

4 screens from the usability audit

Screen co-design workshop

Thanks to proposals on the platform’s main pages produced ahead of the workshop by Akiani, the workshop helps improve them and add contextual elements. The project team is then invited to share feedback from their users and to think about more intuitive solutions for the main pages and components.

Board of greyscale proposals for the Phloeme platform's pages and components

Platform wireframes

Following the co-design workshop, the different low-fidelity mockups are extended to cover the vast majority of the platform’s templates.

Board of low-fidelity mock-ups with dashboards, forms and data tables
Wireframes of the Phloeme interface
Low-fidelity mock-ups of dashboards, monitoring charts and content pages

A refreshed visual identity

Using visual codes drawn from nature for a professional tool aimed at wine growers

We reworked Phloeme’s graphic and visual positioning, to offer users a tool that fits them. A new colour palette has been introduced along with a new typeface to optimise ease of use and readability.

Phloème home dashboard displayed on a desktop computer, with an alert, monitoring information and documents
Six-colour palette for Phloeme's visual identity
Four Futura PT type specimens carrying three distinct labels, Heavy, Demi and Medium
Phloeme login screen displayed on a hand-held tablet in front of a vineyard photograph

UI design of the platform's screens

Boards of Phloème property, treatment calendar, crop protection product use and phenology tracking screens
Phloème phenology tracking dashboard displayed on a tablet held in both hands
Mosaic of Phloeme screens with dashboards, charts, forms and content
Phloeme mobile dashboard displaying crop-health monitoring and news

Want to discuss your project?

Let's talk about your stakes, constraints and ambitions so we can build the best user experience together.

Contact us