The Struggle

Many people run out of fuel or get tricked at petrol stations, yet no app truly helps them avoid these situations. Fueltion was built on a simple idea—what if we could prevent these problems before they even happen?

User Persona

Lo-fi

I started with basic wireframes to focus on layout and flow without visual distractions. This helped validate the structure before moving to high-fidelity design.

Final Screens

Home screen

The home screen shows fuel level, recent refuels, and vehicle status — made for quick daily checks with minimal effort.

Shows nearby stations with pins and info cards — fast, visual, and easy to use on the go.

Map screen

Product detail screen

Shows station details like fuel prices, payment options, and user reviews — clear and quick to scan before choosing.

Statisctics screen

Helps users track fuel expenses, mileage, and refueling trends over time — all in one clean, visual dashboard.

Search screen

Lets users quickly look up stations, fuel types, or locations — with smart suggestions and filters to narrow down results fast.

Hi-fi

Once the structure was clear, I moved to high-fidelity designs to bring the app to life with visuals, branding, and real content.

Outcome

Fueltion gave drivers more control with early fuel alerts, trusted station suggestions, and simple vehicle tracking. The design focused on clarity, speed, and trust for everyday commuters.