FuelGenie

Overview

FuelGenie is a digital fuel-delivery platform that helps customers order fuel and manage the delivery journey digitally — from onboarding and customer setup, through delivery location and product discovery, to fuel selection, order confirmation and delivery tracking.

My Role

UI/UX Designer

I worked on structuring and designing the mobile experience, focusing on making the fuel ordering journey simple, clear and easy to follow.

Mobile UX & UI design
User flow design
Onboarding experience
Customer profile setup
Location and delivery experience
Fuel ordering flow
Order confirmation
Delivery tracking
Prototyping and visual design

The Challenge

Fuel ordering involves multiple steps before a delivery can be completed — from setting up customer information and delivery location to selecting fuel and confirming an order. The challenge was to create a simple, structured experience while keeping important delivery information visible throughout the journey.

Key UX Areas

Onboarding

Created a focused entry experience that introduces the product and guides customers into the ordering journey.

Profile & Location

Structured customer information and delivery-location details so the required information is captured before placing an order.

Fuel Selection

Designed the product and fuel-selection experience to make choosing the required fuel and delivery details straightforward.

Order Confirmation

Brought important order and delivery information together before the customer confirms the order.

Order Status

Provided a clear success state after the order was placed, helping customers understand their request had been received.

Live Tracking

Designed the tracking experience to give customers visibility into the delivery journey after placing an order.

Selected Screens

From onboarding to delivery

The complete mobile journey from introducing FuelGenie and setting up a customer profile to selecting fuel, confirming an order and tracking its delivery.

Getting Started

Product introduction → Profile setup

FuelGenie onboarding — Fueling Smarter Journeys

Placing an Order

Delivery location → Product discovery → Fuel & delivery selection → Order confirmation

FuelGenie home screen — explore products

FuelGenie fuel and delivery slot selection

FuelGenie checkout — confirm order and add details

Tracking the Delivery

Order placed → Live delivery tracking

FuelGenie order placed successfully confirmation

FuelGenie order details and delivery tracking

Design Focus

Simple Actions

Keep each step focused on the information and action required at that moment.

Clear Delivery Information

Make location, fuel and order details easy to understand before confirmation.

Visible Status

Give customers clear feedback after placing an order and during delivery.

Mobile Usability

Structure important actions and information for a focused mobile experience.

Outcome

Designed a complete mobile fuel-ordering journey from onboarding to delivery tracking, with a focus on reducing friction, improving clarity and helping customers understand what happens at every stage of their order.

Note

Client Project. This case study presents selected project screens and my design contribution. Confidential client information, internal product details and private data have not been included.