UX Design for eService.pl

In cooperation with wonderful people from eService Sp. z o.o., we have designed a new UX for their PAX Technology and Ingenico Payment Terminals that are to be operating in Central-Europe.

1. About the Client

eService is a part of PKO Bank Polski and EVO which makes it the biggest billing agent in Central-Europe.
 It operates over 535k Payment Terminals in 11 Europenian counties and is on the market for over 20 years.
 eService’s payment transaction acceptance services are available in stores, on the Internet and in mobile applications, in all European Union markets and abroad.

2. UX for All New eService's Devices

After successful story of Interface Design for the Ingenico Terminals and the portable D220 for eService, we got the opportunity to design interfaces for all new portable Payment Terminals and Self-Service Terminals.
 Below is the result of our cowork presented on: PAX devices A920, A920Pro, A50, and Ingenico Self Series. Near future there are more models to be added to the family, such as: PAX A800 or PAX IM30.

3. Terminal PAX A920

We started working on the flagship PAX A920 — a portable, touchscreen Terminal with integrated printer operting on top of Android.

a) About the Project

Thank to the feature-reachness of the app we’ve had an oportunity to influence its Information Architecture so the End-User gets a Product that has a clear logican structure.

b) Launcher Icon & Splash

Then we have enriched all sales transactions with vector-based animations of card-usage methods, and in key messages, such as informing about the success of the transaction or its rejection, we used vector-animated icons as well.

c) Custom Icons

Each item on the Menu list was enriched with a dedicated custom icon.

d) Custom Vector Animations

All animations in the UI are Vector-Based (super-crisp): 1. Ways to use the card (image below) 2. Transaction-Results (Accepted, Rejected) 3. Question mark that appears when there is some decision to make 4. Spinner that appears at times of processing, connecting, etc.

e) Accepted vs. Rejected And Their Contrast

It is challenging how to deal with the transactionrejection with delicacy.


Our main challenges were: 

1. To be legible 

2. To be delicate 

-Especially with regards to rejection’s rare frequency.Our Client reported about cases that the rejection transaction screen was not contrasting enough which caused some mechants not seeing the screen when the case occured. For those merchants we came up with contrast shown below.

f) It Matters How You Finish

Another thing we think deseves its spot are the animated SMILEYS that show-up at the end of successful transaction. Smileys were first introduced with PAX D220 Terminals in 2018 and since they have been positively welcomed by the Customers, Client decided to use them in new devices as well 😊.

g) Operating in Low-Light?

Everybody has the Dark Mode / Light Mode switch. So do we 😎

h) Custom Color Variations

Our UI has also been implemented across all Evo brands (Central-Europe). -Recolored with respect to each brand’s unique voice.

eService

Revo

CardPay AA

Moneta Bank

Bank Of Ireland Payment Acceptance and its UK-Division

4. Other PAX Portable Terminals

After having the interface for A920 finished, we adapted the design to other portable PAX Terminals - A920Pro, A50 and S920.

a) Terminal PAX A920Pro

b) Terminal PAX A50

c) Terminal PAX S920

5. Self Series Ingenico Terminals

Part of the project was also to design a visually consistent interface for Self Series Terminals that can be used, e.g. on self-service petrol stations or in vending machines. We present some examples of our work below👇.

a) Ingenico Self/2000 Flow-Diagram for self-service

b) Ingenico Self/4000 Flow-Diagram for self-service

6. As seen on the web

Cashless.pl has written some insightful words about the app. -You might wanna go and check it out.