Gas Station POS

Wanna know the project budget and timeline?

Shoot a message at hello@purrweb.com!

Hey! Meet our fresh design of a POS system for gas stations.

Streamline a POS workflow with this product 👍👍👍

The screen includes three parts.

✔️The right sidebar contains navigation 🧭 In the bottom area, you can see all the cashiers, receipts, and a total amount of today’s orders.

✔️The left sidebar displays the current order. You can add or delete receipt 🧾

items. You can change the gas volume 🛢️, a fuel dispenser ⛽ number, and an amount of products. You can see the total cost, use your discount, and select a payment method (cash, an e-wallet, or bank card 💳 👛  💵).

✔️The central part is devoted to the catalog. Here you can search 🔍 for the product you need.

Orange is the main color here.  It combines with the dark background 🧡🕶️ and highlights important interface details. As a rule, people associate orange with gas as it is a common color for gas stations. The main and complementary colors go well together and create a great contrast —  this helps to map the interface and develop user habits ✨✨✨

Cahiers are going to appreciate the system’s simple interface with bright accents, as nothing distracts them from their work. 👍❤️ 👍❤️

Press 💜 if you like our design and share feedback!

Angel investors in NYC: check out our article and you will learn how to find them.

Interface by Stepanova Anastasia

Motion by Maxim Esipov

More by Purrweb UI/UX Agency

View profile