top of page

FuelPass — Airline Fuel Procurement, Simplified

FuelPass is an MVP desktop platform that brings clarity to aviation fuel procurement—helping teams make faster, cost-aware decisions without burning time or money.

Role: UX Designer (2-Designer Team)

Worked alongside a Senior UX Designer on FuelPass, owning the design system and high-fidelity UX—and carrying those designs through to the frontend so they shipped as intended.

What we did

resarch.gif

UX Research

ux.gif

UX Design

brand design.gif

Brand Design

web.gif

Web Design

Business Goals

Help aviation teams stop burning money on fuel chaos.
The platform simplifies how fuel is bought and managed by giving clear visibility into prices, vendors, and usage—all in one place. It cuts manual work, reduces errors, speeds up decisions, and keeps everyone aligned. The result: smarter fuel purchases, smoother operations, happier teams, and a system that scales as routes and regions grow.

Challenges Identified

Fuel procurement in aviation was stuck in inboxes, phone calls, and spreadsheet limbo. Prices kept shifting, suppliers were hard to compare, and teams had no single source of truth—so decisions slowed and clarity took off without them.
 

The challenge: turn this chaos into one secure web app with role-based access, where every stakeholder can manage fuel procurement quickly, clearly, and without chasing emails.

User Pain Points

  • Supplier comparison was a guessing game — prices were scattered, options weren’t visible in one place, and good deals flew by before decisions were made.

  • Request status was a mystery — approvals lived in emails and phone calls, forcing users to chase updates instead of moving work forward.

Design Process

FigJam – Brainstorming & Workflow Mapping
We kicked off in FigJam, mapping user journeys, spotting pain points, and untangling workflows for each role. It helped the team get aligned fast—deciding what to fix, what to simplify, and how the app should actually work from start to finish.

Design System & Reusable Components
We built a scalable design system—grids, colors, typography, and reusable components—so the product stayed consistent and the team didn’t reinvent buttons for fun. The result: smoother collaboration and faster, cleaner builds.

Figma – Wireframes to Final UI
We took the ideas into Figma, starting with rough wireframes and polishing them into high-fidelity screens. Together, we shaped layouts, tested flows, and locked the visual direction—turning concepts into a product that actually feels finished.

Project Features

  • One smart form, zero juggling – All flight and fuel details live in a single, clean interface. No tab-hopping, no guesswork.

  • Less typing, more flying – Pre-population reduces manual input and mental effort, with automation ready to take over later.

  • Clear decisions, fewer mistakes – Choose estimated fuel or hand it to the captain. Everyone knows who decides what.

  • Right info for the right role – Role-based visibility shows who’s responsible and what matters—nothing more.

  • Timezone-proof scheduling – Times adjust automatically, so planning doesn’t cross wires across regions.

  • Designed to think for users – Logical grouping, clear labels, and step-by-step flow keep cognitive load low and confidence high.

Impact

  • Faster decisions – All the data in one place means less comparing, less chasing, more doing.

  • Fewer mistakes – Structured forms and pre-filled fields keep human errors grounded.

  • Total transparency – Flights, fuel, and responsibilities are visible at a glance—no hiding in inboxes.

  • Higher efficiency – Fewer emails, fewer calls, fewer follow-ups. Fuel procurement finally behaves.

  • Confident users – Clear roles and intuitive flows help users act quickly and without second-guessing.

bottom of page