Matrack Fuel Near Me

Matrack Fuel Near Me is a fuel-savings and IFTA app for truckers. Find the cheapest fuel nearby on a live price map, track every receipt, and calculate quarterly fuel taxes across jurisdictions.

Role

Lead UI/UX Designer

Timeline

7 weeks

Team

1 Engineer, 1 PM, 1 Product Designer

Platform

App

Link

NA

Overview

Matrack Fuel Near Me is a fuel-savings and IFTA tax app for commercial truckers, redesigned for Matrack Inc. It handles the two numbers a trucking business runs on: what fuel costs and what the tax collector is owed. Drivers find the cheapest fill-up nearby on a live map and a price heat map, keep every receipt in one searchable place, and turn the dreaded quarterly IFTA report into a guided calculator. This was a redesign of Matrack's existing app, with a new product icon designed alongside it, built for owner-operators and fleets running rigs like the Freightliner Cascadia.

The Challenge

Trucking lives and dies on two things: fuel spend and fuel taxes. Fuel is a driver's largest controllable cost, and prices swing station to station, so a few cents a gallon across a month of fill-ups adds up to real money. Sitting on top of that is IFTA, the fuel-tax report every interstate driver files each quarter, tallying miles driven and gallons bought in every state or province and working out tax owed or credited. Most drivers wrestle this across paper receipts, memory, and spreadsheets, which is slow and easy to get wrong. Matrack already had an app, so the task was to redesign it into one place that helps a driver spend less at the pump and file IFTA without dread, for someone using a phone in a cab, usually in a hurry.

Research & Insight

The redesign started with the people who live in the product, through stakeholder sessions, work with the product manager, and interviews with actual drivers. A few things shaped everything after.

  • Fuel price is the hook, and it belongs on a map. Drivers think in "what's cheap near my route," so price has to be spatial, not a list.

  • IFTA is the pain nobody wants to touch. It's mandatory, quarterly, and confusing, so making it calculable inside the app is a genuine reason to keep it installed.

  • Receipts are the connective tissue. The same fill-ups feed both savings and tax reporting, so capturing them once and reusing them removes double work.

  • The context is a truck cab. Big targets, high contrast, and clear numbers matter more than density, because this gets used on the move.

  • Tax needs a light touch and an honest caveat. The calculator has to feel effortless while being clear that it's an estimate.

Product Strategy

  • Put price on the map. Two map modes: branded gas-station pins for finding a specific stop, and a price heat map that colors stations green, orange, and red by cost per gallon, so the cheapest fill-up shows at a glance. Favorites get a heart.

  • Make IFTA doable. A guided calculator built around the real workflow: pick the quarter, set the base jurisdiction, add each state traveled with its miles and gallons, and get a clear result of tax owed or credited, with records and a help tab right beside it.

  • Capture once, use twice. Fuel receipts live in a searchable, filterable list (grade, station, location, time, price, gallons), and that same data feeds the tax math.

  • Fit the driver's world. A vehicle profile, preferred fuel type, average MPG, and a monthly fuel summary keep the app tuned to a working rig, with export for the paperwork.

  • A friendly face for a dry job. The new app icon gives a compliance-and-savings tool an approachable, memorable identity.

Experience Architecture

Getting in. Onboarding sells the core promise, compare prices and save on every fill-up, then asks for the two permissions that make it work, location for nearby stations and notifications for price updates, with a skip for later. Login and signup carry the Matrack brand.

The four anchors. A bottom bar keeps the app to four tabs: Map, Receipts, Accounts, and Menu.

  • Map is the daily driver, toggling between Gas Stations and a Price Heat Map, with search, filters, favorites, and standard map controls.

  • Receipts is the record, a searchable list of every fill-up with grade, price, and gallons, paginated for longer histories.

  • Accounts is the profile, driver details, vehicle information (the Freightliner Cascadia, license, fuel level, average MPG), settings, preferred fuel type, a monthly fuel summary, and data export.

  • Menu opens the heavier tools, IFTA and Reports.

The IFTA flow. The calculator is the centerpiece, with a Calculator tab for the quarterly workflow, a Records tab that stores past entries with search and export, and a Help tab that walks a first-timer through the five steps. Trips feed it through a simple Add Trip Record form: date, origin and destination jurisdiction, miles, and gallons.

Interface System

  • Clean and legible for the cab. A light, airy layout on a soft blue-grey ground, white cards with generous spacing, and a clear type hierarchy, tuned to be read fast and at arm's length.

  • Cyan as the signal. A bright cyan carries actions, active tabs, prices, and links, giving the app one confident, recognizable accent.

  • Color that means price. The heat map speaks in green, orange, and red for cheap, mid, and high per-gallon cost, and fuel grades get their own quiet badges, so cost reads before any label does.

  • Numbers built to be scanned. Prices, gallons, miles, and MPG use steady, aligned figures, because this is a product people open for its data.

  • An icon with personality. The Matrack Fuel Near Me mark, a pump and a location pin wrapped in a road, pairs the two ideas at the app's heart, fuel and place, in a warm, dimensional style that stands out on a home screen.

Outcome

Matrack's fuel app was redesigned end to end into a single tool that helps a driver save at the pump and stay on top of IFTA, with a new product icon to match. As Lead UI/UX Designer, I ran the work with the product manager and stakeholders and grounded it in interviews with the drivers who actually use it, so the map, the receipts, and the tax calculator all reflect how the job really gets done, in a cab, on the move, with money and compliance on the line. The result gives a demanding and underserved audience, owner-operators and fleets, one clear place for the two numbers their business depends on.

Ready for the work ?

Let's talk

Currently open for collaboration

Connect with me

Ready for the work ?

Let's talk

Currently open for collaboration

Connect with me

Ready for the work ?

Let's talk

Currently open for collaboration

Connect with me

Create a free website with Framer, the website builder loved by startups, designers and agencies.