[5 min read]

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 European 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 the 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 an integrated printer operating on top of Android.

a) About the Project

Thanks to the feature-richness of the app we’ve had an opportunity to influence its Information Architecture so the End-User gets a Product that has a clear logical 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 transaction rejection 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 cases where the rejection transaction screen was not contrasting enough which caused some merchants not to see the screen when the case occurred. For those merchants, we came up with the contrast shown below.

f) It Matters How You Finish

Another thing we think deserves its spot is the animated SMILEYS that show-up at the end of a successful transaction. Smileys were first introduced with PAX D220 Terminals in 2018 and since they have been positively welcomed by the Customers, the 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

i) 2D and 3D Animations For Onboarding

Since one of our services is Creative Graphic Design, we were honoured to help eService with the 2D and 3D animations used in their onboarding videos. Here's one of them (from eService's youTube channel)

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.