Work

Empowering tolling experiences.

A-to-Be

UX Design, UI Design

What we Delivered:

New Interface for Toll Payment Machines

What we brought along:

UX Design

UI Design

The Briefing

Toll Payment Solutions: Putting Users in the Driver's Seat

A-to-Be was looking to improve the user experience of its self-service toll payment machines installed in a highway that serves the North Coast of the United States. The existing equipment didn’t have an interface that allowed people to choose the method of payment; clients had to pay using a coin bucket, which led to an increase of the traffic jam due to the time it took to make the payment. A-To-Be wanted to redesign the interface to simplify the payment process, making it easy to use, even for people who had never used the self-service system before.

The Gamechanger

Design the Interface of Toll Payment Machines

Our UX team had to create an easy to use, intuitive LCD interaction and operation, with class and payment method options. The multiple payment methods include smart watches, credit card, bank notes and coins. Our job was to design an efficient interface for both end-users and back-office users, and for the customer service center.

Mockup of a-to-be tolling machine
A-to-Be tolling interface

The Process

Interface for the Clients and the Operator

Hi Interactive's UX design team had to design a new interface for the Automated Toll Payment Machines operators and the clients. We did tests with the users, both for the operator and the client. We found some details that we could iterate and improve and after working on it, we did tested the interface again.

UI Design

After the research and tests phase, we moved to the User Interface design phase. We focused on building interfaces users would find highly usable and enjoyable. The goal was to minimize the number of actions to make the payment and to use reusable design patterns to guide behavior regarding the interaction with the machine.

A-to-Be tolling interface
Style Guide for A-to-Be

Live Style Guide

We also created a Live Style Guide, based on the visual elements previously defined, to ensure a consistent experience and a scalable solution.

The Deliverable

The Results

What the client got:

An efficient interface for both end-users and back-office users, and for the customer service center.

How it worked out:

The simplicity and efficiency of the new back-office and customer-facing screen resulted in faster transactions and smoother traffic.

Testimonial

Great experiences = happy clients.

Testimonial

Great experiences = happy clients.

“We needed to have a more specialized approach for the interface, and, of course, we also needed some good looks for the interface itself. This project aimed at delivering a back-office. We needed some good visuals, to design an efficient interface for both end-users and back-office users, and for the customer service center. And it went really well.”

Rui Dias

ATPM Product Manager

More Work

Keep exploring related projects

Editorial Design

Celfocus

See Project ArrowSee Project Arrow

UI Framework

OutSystems

See Project ArrowSee Project Arrow
View All Projects
Lisbon