Company
Adaptive
Role in project
Product Designer
Responsibilities
  • Evaluate the original app and identify usability issues
  • Conduct user interviews with gas station employees
  • Map pain points and prioritise improvements
  • Redesign the UI using Material Design guidelines
  • Refine visual feedback, microinteractions and system responses
  • Create the final prototype using Photoshop and Marvel
Year
2017
About this projects

A POS mobile redesign that simplifies refuelling and payment tasks for gas station employees.

Petros Mobile is a Point of Sale app used by gas station attendants to track refuellings and manage customer payments directly at the pump. The original version had been designed exclusively by developers, resulting in several usability issues that affected daily operations.

Understanding the problem

The project began with a full analysis of the existing app to understand how employees interacted with it on a daily basis. After defining the main goals, I conducted interviews with five users to gather feedback on what worked, what caused friction and what could be improved.

The most significant issue identified was the lack of clear visual feedback. Users often did not know whether the app was processing an action or had frozen, especially during tasks that required more time to complete. This uncertainty affected efficiency and created frustration during busy shifts.

These insights shaped the redesign and highlighted the importance of predictable responses, system status visibility and interaction clarity.

Mapping the experience

To ensure improvements aligned with real workflows, I mapped the key tasks performed by employees, such as:
• Viewing ongoing and completed refuellings
• Confirming payment details
• Processing transactions
• Navigating between active pumps

The mapping process revealed opportunities to improve task visibility, reduce confusion and provide clearer system states throughout the workflow.

UI Design

After addressing usability issues, I moved on to the final UI design, using Material Design as the main style guide. The redesign focused on:
• A clean and light interface with simplified layouts
• Stronger visual feedback for loading and processing states
• Microinteractions that reinforced system behaviour
• Clearer hierarchy for ongoing and completed refuellings
• More intuitive navigation and task structure

These improvements helped employees understand at a glance what was happening in the app, reducing errors and improving confidence during transactions. The final UI was created in Photoshop and prototyped using Marvel.

Key learnings

This project was particularly interesting because I had no previous experience with gas station operations. Learning how the environment worked and observing users in the field gave me valuable context and a better understanding of their routines.

It was also the first time I conducted face-to-face interviews in a real operational setting, which helped me improve my ability to craft effective questions, build rapport with users and gather richer insights for the design process.

Stay connected

Social media

© 2026 platzchen · All rights reserved