Gas Station App
A mobile application designed during an internship project with the goal of enabling quick and convenient fuel and charging payments. The app was envisioned as a central tool for drivers, combining core payment functionality with additional features that support everyday travel and longer journeys.
Problem
Many existing gas station applications either offer very limited functionality or become overly complex, making them useful only for a narrow group of users. In such cases, the core purpose of the app, enabling fast and simple fuel payments, is often lost. The key challenge was to find the right balance between offering valuable features and maintaining a clear, intuitive experience accessible to a wide audience.
My role and responsibilities
As one of the UX/UI designers on the project, I was responsible for gathering initial requirements and understanding the internal client’s vision for the application. I conducted competitor analysis to identify relevant features and gaps in existing solutions, and collaborated with the client to define the final product vision.
My responsibilities also included creating the information architecture, defining user flows, and designing the initial screens using the company design system. Where needed, I designed custom components to support unique features. I built an interactive prototype to present the solution and incorporated feedback before preparing the final mockups and files for design handoff.
Process
The project started with discussions with the internal client to understand expectations and business goals. This was followed by competitor analysis to explore common patterns and identify opportunities for improvement. Based on these insights, the product vision was refined collaboratively.
Next, information architecture and detailed user flows were prepared for key use cases such as refuelling and charging. Initial screens were designed using the existing design system, with custom components created where standard elements were insufficient.
An interactive prototype was then built to demonstrate the complete experience. The prototype was presented to the client, feedback was collected, and final adjustments were made before organising the designs for handoff.
Solution
The solution focused on prioritising fuel and charging payments, ensuring that users can access the main functionality immediately after opening the app. The home screen was designed to minimise friction and guide users directly into the payment process.
To enhance the overall travel experience, several additional modules were introduced:
- Trip Planner, allowing electric vehicle users to plan routes and reserve charging stations
- Car Wash Module, enabling payment for both touchless and automatic car washes
- Food Module, allowing users to order and pay for food available at gas stations
By combining these features, the app supports both quick refuelling stops and longer journeys while keeping the core experience simple and focused.
Outcome
Feedback from internal users confirmed that the new module significantly simplified the process of defining promotions. Users were able to create and modify marketing rules faster and with fewer errors. The redesigned dashboard improved overall readability and navigation, making daily work with the system more efficient and predictable.
Lessons learned and challenges
One of the main challenges was designing a solution that remained flexible enough for advanced use cases while still being accessible to less experienced users. Achieving this balance required multiple iterations and continuous validation with stakeholders.
Redesigning the dashboard reinforced the importance of user feedback in shaping information hierarchy and layout decisions. Small structural improvements had a noticeable impact on usability and task completion time.
