Compare Bids Map

The map allows originators to jump between customers quickly and onboard to new territories. The map has a consolidated data set of core bid data to aid originators in sales conversations and quickly create transactions.

Project Scope

This project starts with a simple table and progresses to adding a comprehensive map, including icons, interactions, and workflows.

Following the map release, the project proceeded with a subsequent major iteration: the Freight Calculator.
This entire case study is representative of multiple quarters of work, from research onsite to final and future iterations.

My Role

Sole UX designer on a scrum team consisting of 4-5 developers. Actively participated in weekly team lead meetings with the Product manager and Tech lead.
Responsible for the entire design process from wireframing to final execution and iteration. Engaged in weekly UX meetings to update peers on project status and design developments.
Collaborated closely with a Senior Product Manager to align design with product goals and user needs

Research

I visited customers' offices and noticed giant whiteboards with numbers everywhere. These whiteboards contained local pricing for competitors. The team used this information to stay informed during conversations with farmers about procuring grain for the facility. In addition to the whiteboards, the originators constantly opened websites and kept many tabs open with similar information.

Problem Definition

5W1H

I facilitated a design thinking workshop to align the product manager, tech lead, and other UX designers on the information gathered from a customer visit. We started with a "five Ws and 1 How" session to ensure everyone had the same understanding. Then, I had the group work independently to create problem statements using a template. After that, we regrouped to share and vote on the best problem statements. Finally, we collaborated and agreed on a final problem statement.ed and agreed on the final statement.

Build

Refine

Problem Statement

A grain originator with diverse customers across states needs to quickly and confidently know the local price of grain in their customer's market compared to the price they are offering in order to sound informed and effectively convince the farmer to sell grain to them.

How Might We

Next, I broke down the problem statement into smaller pieces to develop “How Might We” questions with the group to continue the problem framing.

Jumping between different geographies
Comparing prices
Quickly consuming new information

Brainstorming

Finally, the group started sketching and brainstorming. The group was encouraged to bring examples of other systems that handle these problems well in addition to coming up with their own solutions.

First Iterations

Dataset

Create the database with a limited ability to view and interact with the data on the front end. The goal was to get good at consolidating information and presenting that raw data in a way that made sense to the consumer.

MVP

First Map Iteration

Created a new page layout for the table and map display, including additional crop, location, and delivery month filters. Designed bid pills with display, hover, and active states, leading to a create transactions workflow. Added indicators to bid rows to understand "My Bids" vs competitors. In addition added an action to create transactions from bid rows.

Enhanced Product Experience

Design Decision

Filter Priority

MVP Designs

Shared Component vs. Filter Layout

Shared Component vs. Filter Layout

Grouping Filters

Grouping Filters

Ideal Filter Layout

Here is a prototype showing the first time user experience selecting a location and engaging with the map.

Prototype

Results

Within the last month one user at Landus came to the insights page almost every business day - 32 times with multiple visits per day

Next Iteration

Freight Pricing

Designed workflow to add “Freight Pricing” to Compare Bids. Created an input form that walked the originator through the steps to develop and adjust freight pricing for their customer. Designed a preview graph to understand the inputs visually.

Advanced Pricing Display