Gas Station Appliacation

Before you start

Due to a Non-Disclosure Agreement, I am unable to share specific details or visual assets from this project. However, I can provide a high-level overview of my process and the challenges I addressed during the project.

Project summary

Designing a fuel payment app during my internship at Comarch, with added travel-friendly features to enhance the user experience.

Problem

Most fuel station apps are either too simplistic or overly complex, making them inaccessible to many users and often losing their primary function—quick fuel payments.

My role

As a UX/UI designer, I was responsible for:

  • Gathering insights from the internal client
  • Conducting competitor analysis to define key features
  • Designing information architecture & user flows
  • Creating mockups & custom components using the design system
  • Building an interactive prototype and presenting it for feedback
Process
  • Collaborated with the client to define the product vision
  • Conducted competitor analysis to identify useful features
  • Designed user flows & initial screens
  • Created a prototype to demonstrate the app’s functionality
  • Refined designs based on feedback and prepared mockups for handoff
Solution

Designed an app that prioritises quick fuel & charging payments, making them instantly accessible upon opening.
Additional features to enhance travel convenience:

  • Trip Planner – Helps EV owners find & reserve charging stations
  • Car Wash Module – Allows easy payments for touchless & automatic washes
  • Food Module – Enables ordering & paying for food at gas stations
Outcome

The project was saved for future development, but my contributions secured me a full-time role after the internship. My research, designs, and prototypes demonstrated problem-solving skills and UX/UI expertise, making a lasting impact.

Lessons and challenges
  • Balancing functionality & simplicity to avoid overwhelming users
  • Defining the right feature set based on competitor analysis & client discussions
  • Working within the company’s design system while creating custom components
  • Iterating based on feedback, reinforcing the importance of clear communication & collaboration

General

This was a project I completed during my internship at Comarch. The goal was to design a mobile app that allows users to pay for gas, with additional features to make drivers’ travels easier.

Problem

Most fuel station applications either offer too few functionalities or are overly complex, making them suitable only for a small group of users. In many cases, this results in the app losing its primary function—providing a simple and efficient way for users to pay for fuel. Striking the right balance between functionality and user-friendliness is crucial to ensuring the app meets the needs of a wider audience while retaining its core purpose.

Role & responsibilities

As one of the UX/UI designers on this project, my responsibilities included gathering initial information from the internal client regarding their vision and expectations for the application. I conducted competitor analysis to identify relevant features, then worked on defining the final product vision in collaboration with the client.


I was responsible for creating the information architecture, user flows, and designing the initial screens using the company’s design system. Where necessary, I also developed custom components to ensure the app’s uniqueness. I built an interactive prototype to showcase the designed application and its features, presenting it to the client for feedback. After incorporating the feedback, I organised the files and final mockups for handoff.

Process

The process began with a discussion with the internal client to gather insights into their vision and expectations for the application. This was followed by competitor analysis to understand the functionalities we could incorporate. Based on this, we collaborated with the client to refine and finalise the product vision.

Next, we focused on preparing the information architecture and user flows, followed by designing the initial screens. We leveraged the company’s existing design system but also created custom components where necessary to meet the project’s specific needs.

We then built an interactive prototype to effectively showcase the app’s features, which we presented to the client for feedback. After incorporating their suggestions, we finalised the mockups and organized the design files for development handoff.

Solution

We provided a solution by designing an application that prioritises fuel and charging payments, ensuring that users can quickly access this core functionality immediately upon opening the app.

We provided a solution by designing an application that prioritises fuel and charging payments, ensuring that users can quickly access this core functionality immediately upon opening the app.

Additionally, we integrated several features to enhance the travel experience, including:

  • Trip Planner – allowing electric vehicle owners to find and reserve charging stations along their route.
  • Car Wash Module – enabling users to pay for both touchless and automatic car washes.
  • Food Module – allowing travelers to order and pay for food available at gas stations during their journey.

By combining these functionalities, we created a more comprehensive and user-friendly solution that simplifies refuelling while adding valuable services for drivers.

Outcome

Although the project was set aside for future development, the work I contributed demonstrated my skills and understanding of UX/UI design, ultimately securing me a position at the company after my internship. The research, design solutions, and prototypes I created showcased my ability to solve complex problems and design user-friendly experiences, making a lasting impact despite the product not being immediately developed.

Lessons & challenges

One of the main challenges was balancing functionality and simplicity to create an intuitive fuel payment app without overwhelming users with unnecessary features. Conducting competitor research helped identify gaps in existing solutions, but defining the right feature set required careful consideration and discussions with stakeholders.

Additionally, working within the company’s design system while also creating custom components was a valuable learning experience, teaching me how to maintain consistency while designing new elements. Presenting and refining the prototype based on client feedback also reinforced the importance of clear communication and iterative design.

Thanks for reading!

If you have any questions about this or any other project, feel free to contact me.