project44-2.jpg
wireframes.jpg
rioUI.jpg
wireframes2.jpg
Fuel.jpg
project44-2.jpg

project44 Overview


project44

SCROLL DOWN

project44 Overview


project44

project44Logo_LargeFullColor.jpg

project44 is a multi-modal API integration network connecting anyone controlling or facilitating shipments (Shippers/3PLs) to anyone carrying them (Carriers) through different technology platforms.

I worked on 2 separate projects while at project44. One being an ROI Calculator and the other is a interactive map to show average fuel costs across the country. 

 

ROI Calculator

The ROI calculator speeds up the sales cycle by quanitfying the cost benefit of switching to project44 -- incredibly important as this is a low margin and profit driven industry. It was important to create a quick and intuitive user flow for the potential customer to see the value of project44.

wireframes.jpg

Wireframes


Wireframes

There was a lot of steps and information the user had to enter so I wanted the flow to be designed for quick and  intuitive completion.

Wireframes


Wireframes

There was a lot of steps and information the user had to enter so I wanted the flow to be designed for quick and  intuitive completion.

For the overall design of the calculator I wanted continuity across all pages. This meant making all the input and outputs uniform as well as having the progress bar and buttons in the same place. I also created a hierarchy of typography to differentiate the main and subcategories. 

 
rioUI.jpg

UI Design


UI Design

The final UI design was clean and minimal allowing users to easily fill out the entire calculator.

Interact with it

UI Design


UI Design

The final UI design was clean and minimal allowing users to easily fill out the entire calculator.

Interact with it

 

Fuel Prices Landing Page

This landing page was created to allow users to easily look up fuel prices for the week and compare it to the last week and year ago prices. This page was imperative to have great UX for user engagement with return users and for them to potentially become a customer.

wireframes2.jpg

Fuel Landing


Wireframes

This page needed to be simple so the user could quickly compare prices and find out the information they are looking for.

Fuel Landing


Wireframes

This page needed to be simple so the user could quickly compare prices and find out the information they are looking for.

For this page I wanted user interactivity. I made each region a different color and when the user hovered over it, they would see the prices for that region. 

 
 
Fuel.jpg

UI Design


UI  Design

The resulting UI Design was simple yet impactful. The user was able to interact with it and easily compare fuel prices in each region as well as across the country.

UI Design


UI  Design

The resulting UI Design was simple yet impactful. The user was able to interact with it and easily compare fuel prices in each region as well as across the country.