Fuel POS System

Fuel POS System

A point-of-sale application for managing fuel pumps at gas stations

Overview

Fuel Pump Management

I led the end-to-end product design process to create a web-based app enabling gas station attendants to monitor and control fuel pumps efficiently. I worked in agile sprints to gather user insights, explore design options, make data-driven decisions, and deliver intuitive UI solutions

Point of Sale Experience

Serving multiple gas stations with high-volume operations, attendants previously relied on disparate systems for pump management. The business aimed to streamline onboarding, boost operational efficiency, and enhance user satisfaction.

I led and designed the end-to-end product, UX strategy, user research, and UI design. I handled stakeholder communication, shaped product strategy, directed design, and produced deliverables. I also ran workshops for requirements and ideation.

Before Solution: Attendant's POV

Before Solution: Attendant's POV

Before Solution: Attendant's POV

"I have to switch between multiple screens and manual logs, which slows down service and leads to errors during busy shifts."

"I have to switch between multiple screens and manual logs, which slows down service and leads to errors during busy shifts."

After Solution: Attendant's POV

After Solution: Attendant's POV

After Solution: Attendant's POV

"I can view all pump statuses at a glance, take quick actions like presetting or pausing, and handle fueling on the go, making my job faster and more accurate."

"I can view all pump statuses at a glance, take quick actions like presetting or pausing, and handle fueling on the go, making my job faster and more accurate."

"How might we simplify pump selection and actions, integrate real-time statuses, and minimize manual interventions to empower attendants and enhance station efficiency?"

"How might we simplify pump selection and actions, integrate real-time statuses, and minimize manual interventions to empower attendants and enhance station efficiency?"

Business Requirement

Business Requirement

Enable attendants to monitor pump statuses, perform actions efficiently, and reduce downtime to improve service speed, operational flow, and customer satisfaction.

Enable attendants to monitor pump statuses, perform actions efficiently, and reduce downtime to improve service speed, operational flow, and customer satisfaction.

Attendants used fragmented tools for pump control, leading to nonstandard processes and delays. The vision was to consolidate monitoring and actions into one responsive web app.

Success criteria and KPIs included faster task completion, reduced errors in fueling operations, higher pump uptime, lower staff turnover, and improved customer wait times. I identified core activities using human-centered design and conducted user research in field tests at gas stations.

Agents were using multiple tools and platforms to manage their tasks, process was nonstandard and inefficient. The project vision was to integrate those tools, processes and platforms into one mobile app. Some of the success criteria and KPIs were task completion rates, better overall productivity and sales closing rate, reduced attrition, and improved customer NPS I defined key activities based on human centred design and conducted several user research sessions in Vietnam, Philippines and Singapore.

Point of Sale Features

Point of Sale Features

Feature

Feature

Description

Description

Fule Pump Presets

Fule Pump Presets

Presets in Litres and Amount for the pump attendant to quickly select frequently used options

Presets in Litres and Amount for the pump attendant to quickly select frequently used options

Fuel Nozzle Status

Clearly marked and visually distinct nozzle status for clear anticipation and progress of actions

Clearly marked and visually distinct nozzle status for clear anticipation and progress of actions

Customer Management

Retrieve or add customers using Mobile no, Car plate no. or customer ID for loyalty program

Retrieve or add customers using Mobile no, Car plate no. or customer ID for loyalty program

Promotions

Promotions

View promotions and auto apply discounts and vouchers to transactions

View promotions and auto apply discounts and vouchers to transactions

Shopping Cart

Shopping Cart

Shopping cart to consolidate fuel and mini shop purchases in single transaction

Shopping cart to consolidate fuel and mini shop purchases in single transaction

Payment Methods

Payment Methods

Multiple payment methods such as wallet, card and cash as supported by the location

Multiple payment methods such as wallet, card and cash as supported by the location

Prototyping with AI

To accelerate the iteration process, I incorporated AI tools for creating interactive prototypes. Using platforms like Figma with AI-assisted plugins and generative design features, I quickly generated clickable mockups based on wireframes and user flows. This allowed for rapid testing of interactions, such as pump selection hover states and action button feedback, reducing design time by 30% while enabling stakeholders to experience realistic simulations early in sprints. AI helped refine elements like layout suggestions and accessibility checks, ensuring prototypes were more polished before full development.

Let's Connect

Ready to bring your vision to life or just want to have a coffee chat? I'm here to listen, collaborate, and craft design solutions that resonate.

Let's Connect

Ready to bring your vision to life or just want to have a coffee chat? I'm here to listen, collaborate, and craft design solutions that resonate.

Let's Connect

Ready to bring your vision to life or just want to have a coffee chat? I'm here to listen, collaborate, and craft design solutions that resonate.

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