Graincorp

Connecting customers with a global agribusiness platform

Financial dashboard showing a yellow line graph of monthly data over a year with options to select time ranges and a holdings list for Wheat ASW1, Barley BAR, Canola CAN, and Sorghum SOR.

Introduction

GrainCorp is a large Australian agribusiness that specialises in the storage, handling, and marketing of grain and other agricultural products.

A product strategy team and I were tasked with studying the needs of their customers and stakeholders, and then devising improvements to their experience. We interviewed customers, mapped user journeys, and identified problems.

With these insights I designed a new platform to connect these diverse interests in two months.

The new customer portal was presented to the board of directors and met with general approval. The plan is now to develop applications related to key functions of the design.

Team

Role:
UX, UI, Visual design

Team:
1 x Designer, 1 x Product Manager, 2 x Strategy

Time:
8 weeks

Problem

GrainCorp operates a network of storage facilities, export terminals, and processing plants, and is involved in other agricultural, food and logistics sectors.

Across this landscape, third-party contractors and customers were unable to connect or communicate. Their platform for trading grain commodities was also outdated.

An integrated digital solution was required to address customer needs.

Research

Key customers involved in the GrainCorp network were interviewed, in order to understand their roles and how their interactions with the company might be improved.

The customers included growers, commodities buyers, energy suppliers, and transport contractors.

Close-up of scattered sticky notes with handwritten notes about trading teams, contract management, risk monitoring, and meeting reviews.
Colored sticky notes arranged in a matrix chart illustrating roles, jobs, and job details in grain marketing and sales processes.
Flowchart illustrating grain supply chain from grain growers to buyers and carriers with processes like sourcing, trading, and delivery, highlighting issues like inefficient truck turnaround, onboarding challenges, and compliance checks.
Flowchart showing 'channels' branching into face to faces, phone calls, email, and Crop Connect; and 'systems' branching into shipping stem booking, GrainTransact with limitations and functionalities, and CropConnect.

Define

Based on insights gained from the research workshops, and in order to better inform the design process, personas representing the key customers were created.

These personas were used in Customer Journey Maps to help illustrate their respective roles and relationships to GrainCorp.

This process helped the client buy into the vision of the future state customer portal.

Blue-toned image of an older man wearing a hat and glasses on the left, with text detailing grower frustrations, current and future use cases, and current and future tool usage in grain commodity management.
Infographic on energy suppliers detailing frustrations, current use cases, current and future tool usage, with a semi-transparent image of a smiling woman and a bearded man in business attire on a yellow background.
Infographic titled 'Buyers All commodities' detailing buyer frustrations, current and future use cases, and tool usage ratings with images of four men in the background.
Table showing energy personas across the journey stages onboard, source, store, transact, process, deliver, and bill for supplier, buyer, and carrier with key notes on onboarding, sourcing competition, storage adjustments, manual trades, oil processing, and billing challenges.
Three panels titled Grower, Supplier, and Buyer with portraits of people in each. The Grower, a man in a hat and glasses, states he grows grain, buys and sells grain commodities, uses Croptimiser, and arranges deliveries to GrainCorp. The Supplier, a smiling woman, buys high-quality edible oils and human nutrition products, and needs to dispose of used cooking oil. The Buyer, a man holding a lamb, farms livestock, buys and sells feed commodities, and purchases animal nutrition products from GrainCorp.

Ideate

With the vision of a future state for GrainCorp now more defined, the design process began with sketching and wireframe development.

The existing GrainCorp platform was deconstructed and reimagined to accommodate new features for energy and transport, as well as the marketplace for grain commodities trading.

Hand-drawn wireframe sketches with notes outlining app interface elements for deliveries, contracts, price trends, trade activities, and transport management.
Future site map showing two sections: Grower with blue-coded categories and Buyer with yellow-coded categories, each containing lists of features such as Marketplace, Stock, Transactions/Trades, Network, Movements/Logistics, Accounting?, and Sites?, plus legends indicating new, retained, and removed items.
UI flowchart showing user interface processes for Energy Contracts, Energy Orders, and Nutrition Stores with linked steps, tables, buttons, and screens.

Prototype

As the information architecture was restructured, the designs were fleshed out, and the navigation between them was defined, a prototype began to take shape.

I presented to the client for their feedback and the design went through several rounds of iterations and improvements.

A key development was adapting the experience for the different use cases.

Four dashboard sections titled Stock, Energy, Nutrition, and Dashboard/Stock/Sites showing user interface mockups of mobile and web app screens with data tables, charts, transaction details, contracts, order tracking, and nutrition information.
Dashboard showing commodity prices and recent bids for wheat, barley, canola, and sorghum with live site prices and bid filters.
UI wireframe showing a complex flowchart with multiple connected app screens organized into sections such as LOGIN, CC STOCK, CC MARKETPLACE, ENERGY, TRANSPORT, and NUTRITION.
Three-person workflow showing roles: Grower with grain holdings and seller offer interface, Supplier with favorites and transit history, Buyer with bids, orders, transport details, and scheduled pickups.

Refine

The design was further polished and applied to desktop format.

The methods by which the new portal addressed the needs of customers was demonstrated to top stakeholders.

These actions including buying and selling commodities, tracking price trends, and arranging deliveries.

Grower

GrainCorp app dashboard showing price trends, holdings, recent trades, and contracts on mobile screens alongside a portrait of a farmer wearing a hat.

Supplier

Supplier section with a smiling woman on yellow background and three smartphones displaying GrainCorp's app interfaces for managing cooking oils, blended oils shopping, and transport tracking.

Buyer

GrainCorp buyer interface featuring a farmer portrait, commodities dashboard, pricing charts, open bids, and protein-based custom feed options on mobile screens.

Dashboard

GrainCorp dashboard displaying holdings, grades, sites, price trends, crop optimiser, recent trades, and contracts on a laptop and smartphone screens.
GrainCorp dashboard user interface displayed on a laptop and smartphone, showing holdings, price trends graph, recent trades, and crop optimiser details.
Laptop screen displaying GrainCorp dashboard with navigation menu, price trends graph for various grains, holdings, recent trades, and contract details.
Laptop screen showing GrainCorp commodities trading dashboard with sell offers for canola and vegetable oil including prices, locations, and accept buttons.

Design system

For this project I used the GrainCorp style guide to customise a white label Figma system from scratch to suit my needs.

I had a useable system ready in a couple of days, and I continued to update and adjust it as I worked.

A variety of rectangular buttons labeled 'BUTTON CTA' in different colors, styles, and sizes arranged diagonally on a white background.
Multiple smartphone screens showing a GrainCorp mobile app interface with commodity trading features including offers, contracts, price trends, recent trades, and navigation menu.

Outcome

Outcome

The future state customer portal was presented to the board of directors and met with general approval.

A plan is now underway to develop applications related to key functions of the design.