Affordable Gas Locator || Mobile Apps Concept

Hi everyone!

This is my design for a challenge from Crowwwn about gas station locator with problem statement:

"When I am running low on gas, I want to be able to find the most affordable gas stations near me, so I save money every time I fill up."

When we talk about fuels for our vehicles, it is not always about finding the cheapest gasoline but also having to think about the suitability of the type with the vehicle's engine. It's not just about the differences between engines that run on gasoline or diesel, but also about the differences in research octane number (RON) and cetane (for diesel). To get optimal combustion and reduce scale on the engine which can reduce fuel efficiency and cause damage in the long term, vehicle owners must understand what type of fuel is most suitable for their vehicle.

The design helps users to find out what type of fuel is most suitable for their vehicle based on the type of vehicle, brand, type, and year of manufacture. To make the search easier, users are also able to enter their vehicle registration number, so there is no need to fill in information one by one. After knowing what type of fuel is most suitable for the vehicle, the user will be assisted to find out which brand of fuel is the cheapest, the description of the product, and where is the nearest gas station that provides that type of fuel.

For the UI, I use blue as the primary color and use the brand color of every gas station, both it's primary and secondary, to help users understand what the brand sells that type of fuel.

Feel free to like or leave comment here or there. Any feedback are appreciated!

Thank you.