Case study · EUROWAG

One portal for logistics companies, whether they run 3 trucks or 300

EUROWAG Office is a web and mobile portal where carriers manage fuel cards, tolls, invoices, tax refunds and their fleet in one place.

Client
EUROWAG
My role
UI Designer, later UI Lead
Duration
Nearly 3 years, until September 2024
Platform
Web and mobile app

What changed

15,000+

companies across Europe use EUROWAG software

400+

screens in the new Card module, delivered after more than a year of work

24 / 29

points in customer feedback after the pre-launch in August 2024

4 × 4

rounds of user testing with four respondents each, for the Card module

The client

EUROWAG is a leading European provider of products and services for logistics companies.

It makes carriers’ daily work easier: fuel payments, tolls, tax refunds, fleet management and telematics.

The project

Build one easy-to-use web app where every role in a logistics company can manage their tasks.

We started with dispatchers. We brought several systems from acquired companies together into one Live Map, which gives full control over trucks on the road.

Then we focused on owners and the money side: invoices, payment postponement, tax refunds, buying tolls and more.

The portal, the mobile app and the truck navigation all had to look and feel the same across every product in the group.

The challenge

Most EUROWAG clients run up to 10 trucks, but some run hundreds. Every pattern we designed had to work for 3 trucks and for 300, for cards, invoices, tolls and everything else.

My role

  • Started as a UI Designer and built up my UX skills before the merger with Sygic
  • Became UI Lead: created and managed the design system and the patterns used across the portal, and supported other UI designers
  • Ran the first workshops and deep discussions with stakeholders, then led ideation, wireframes, user research, prototypes and testing
  • Owned the look and feel of the customer portal, approved design work, prepared handoffs and helped developers during implementation

Our process

We redesigned the Card module with the Double Diamond: two rounds of exploring widely, then narrowing down.

First we listened. Product owners, analytics teams and customer support from several countries told us what customers struggle with. From that we chose the few features that matter most and the problems customers call about most. Then we sketched wireframes, built prototypes and tested them in four rounds with four users each, improving the design after every round. Finally, we handed the designs to developers and stayed with them until the module shipped.

Double Diamond process for the Card module: Discover, Define, Develop and Deliver.
  1. Discover
    Understand the problem
    • Deep dives with product owners and analytics teams
    • Workshops with customer support from several countries
  2. Define
    Choose what matters
    • The main features to show customers
    • The problems customers call about most
  3. Develop
    Try and test
    • Ideas and wireframes
    • Prototypes
    • 4 rounds of testing, 4 users each
  4. Deliver
    Ship it
    • Final designs and handoff
    • Support for developers
    • Quick changes for fast delivery
01

Card management

One of the most crucial parts of the whole platform. Drivers use fuel cards every day, and so do managers and dispatchers. We created an easy flow that protects against fraud and gives the fleet all the important data.

The challenge
Card features were powerful, but customers found them hard to understand. They needed clear, simple language, and anti-fraud features like Card Lock had to be easy to find.
How we solved it
We redesigned the main card table to show only the essential information and added a quick action to unlock a card, one of the most common customer problems. In the card detail, anti-fraud features come first, each with a short explanation of how it protects the fleet.
Card management table in EUROWAG Office: every fuel card with driver, security features, status, limit and a quick unlock action
Card detail, Activity tab: the last 5 transactions and the last 5 activity logs next to the card summaryCard detail, Security tab: Card Locking and FuelGuard, each with a short explanation and its status
Card detail, Notification tab with a side panel for setting a rule on the number of transactions in a periodCard detail, Security tab with Card Locking off and a banner that explains FuelGuard
02

Live Map

One place where dispatchers do their work all day. They can find trucks, fuel stations and parking spots, plan their drivers’ routes and see sensor data to work more efficiently.

The challenge
Dispatchers had to work with several systems that came from acquired companies to keep track of their trucks.
How we solved it
We brought these systems together into one Live Map, which gives full control over trucks on the road.
Live Map in dark mode: fuel stations with prices on the map and fuel prices for the selected station
Live Map with the vehicle list, a truck route from Berlin to Budapest and the vehicle detail with alerts and messagesLive Map with a selected truck wash: address, opening hours, services and a button to plan a route
03

EUROWAG Pay and tax refunds

Save up to 20% with tax refunds. Claiming them is usually complicated, but with the EUROWAG tax refunds platform we collect all the necessary data and claim the refunds for you in a few clicks.

The challenge
Drivers needed a simple way to pay with their fuel cards, and owners needed to claim tax refunds from several countries, both in the same place as everything else.
How we solved it
We built both on the same design system and patterns as the rest of the portal. With EUROWAG Pay, drivers pick a fuel card and pay in a few taps. Tax refunds show each country’s status and the documents still needed, so nothing gets missed.
EUROWAG Pay: a driver picks which fuel card to pay withTax refunds for Slovenia: service settings and the documents needed for the request, each with its status
Tax refunds overview: countries with an active refund service and the status of each requestTax refunds: confirmation that the request was sent, with a refund calculator, FAQ and support contacts

Results

  • A completely new Card module with more than 400 screens
  • Fully responsive, with light and dark modes
  • Consistent and accessible across the whole platform
  • A design system and patterns used across the entire portal
  • Customer feedback after the pre-launch in August 2024: 24 out of 29 points

What the client said

“Your contributions in setting up and defining the design system for all our digital products were invaluable.”
Vincent Durbák
Director of Product Design, EUROWAG
Vincent Durbák
Director of Product Design, EUROWAG

Working with you has been a real pleasure. Your commitment and expertise are truly impressive. As our UI designer, you consistently delivered exceptional work. Your contributions in setting up and defining the design system for all our digital products were invaluable. Your insights into UX were always on point, and your willingness to help the entire UI team was greatly appreciated. You never settle for anything less than excellence. Your drive to deliver 100% shines through in everything you do. I have no doubt that your future endeavours will benefit from your dedication and talent.

Looking back

Nearly three years with EUROWAG taught me a lot.

As a UX designer, I pushed for accessibility and kept our process focused on users, which led to excellent customer feedback on the new portal. As UI Lead, I built the design system and the patterns used across the whole platform.

Next case study
Runwago
Working on something similar?
Let’s talk