shreyas
13 upvotes
I started designing with research. First of all, I empathized the user situation. when and how they arise and how they are described. This helped me figure out what information would be most useful for the user. Considering the user to be most probably in a situation where he wants to find a low costing fuel station when he is running less on gas, I have not added the login and signup pages because the customer will be in a tension and hurry and wouldn’t be happy sitting and wasting time logging in. I provided a function where the location is auto dected and the nearest gas stations with low fuel rates will be displayed, and also to view the fuel station individually the user can tab on the fuel ballons on the map.. Next, I made simple wireframes for convenience and proceeded to develop the design itself. I decided to add additional information i.e., the fuel costs itself so that the user can analyse with a single gaze and not having to tap multiple times. The whole project took me about 15 working hours. Thanks for this challenge. It was interesting to learn something new. Good luck everyone!
I started designing with research. First of all, I empathized the user situation. when and how they arise and how they are described. This helped me figure out what information would be most useful for the user. Considering the user to be most probably in a situation where he wants to find a low costing fuel station when he is running less on gas, I have not added the login and signup pages because the customer will be in a tension and hurry and wouldn’t be happy sitting and wasting time logging in. I provided a function where the location is auto dected and the nearest gas stations with low fuel rates will be displayed, and also to view the fuel station individually the user can tab on the fuel ballons on the map.. Next, I made simple wireframes for convenience and proceeded to develop the design itself. I decided to add additional information i.e., the fuel costs itself so that the user can analyse with a single gaze and not having to tap multiple times. The whole project took me about 15 working hours. Thanks for this challenge. It was interesting to learn something new. Good luck everyone!

Feedback (3)
Hi Shreyas, One thing that I felt you could look into is the font hierarchy on all the screens. You can reduce the font for the arrival at your destination and make it a single line. This improves readability.
I agree with Neha on highlighting fuel costs. I would recommend using colors for location tags to suggest low, average, and high fuel cost stations so that users can quickly locate the low-price options. The payment method can be additional information that the user can see on the card of a particular station or for frequent users, it could be set as a preference in the settings. The bottom navbar seems to have irrelevant buttons that are making the user experience more complex. Overall, I like the clean design and presentation. Good job, my namesake! :)
Hey Shreyas, great job with the app. The interface is indeed very simple. I would like to add though, that saving money and finding affordable gas stations is the primary goal of the user, so I believe instead of adding fuel costs as additional information, it would be better to highlight that. Furthermore, to add some personalization, you could provide some way to find exactly what they're looking for in terms of fuel type, payment method (to save time as they're in a hurry)