Evgenii Leonov
Case 02 · B2B SaaS · Concept

Swynoo:
the dispatcher sees it all

A dispatcher workspace and a driver app for a Swiss transport management service. Assigning an order takes one drag.

Process auditInformation architectureWeb appMobile appDesign system
The brand is a real project; the product is a concept. For Swynoo AG (Zug, Switzerland) I designed the logo: an S-shaped route that turns into an arrow. Here I carry that idea into the interface. Swynoo logo →
Context

Dozens of trucks, hundreds of orders, one screen

A dispatcher keeps everything in their head at once: where the trucks are, who’s free, which delivery windows are about to be missed, what broke down. In a typical system that’s five tabs, a spreadsheet and a phone.

The concept brings the work into one workspace, where “who gets this order” is decided in seconds and problems show up before the client calls.

Who it’s for

Three roles, three interfaces

01 · DESKTOP

Dispatcher

8–10 hours at the screen, 100+ orders a day. Values speed, hotkeys and zero unnecessary clicks.

“I don’t need pretty. I need to never miss an urgent order”
02 · MOBILE

Driver

Glances at the phone at a red light or at the loading ramp. Big buttons, minimal text, works with gloves on.

“Where next and who to call — nothing else”
03 · PORTAL

Client

Wants to know where the shipment is and get proof of delivery with a photo and signature — without phone calls.

“Just let me know when it arrives”
Key flow

From a new order to the client’s signature

Order in the queue

Urgency, delivery window and special conditions are right on the card

System suggestion

Top drivers by distance, load and hours behind the wheel

Assignment

A click, or a drag onto the driver’s timeline

Monitoring

Delays surface on their own; the client gets the new ETA

Proof of delivery

The driver takes a photo and collects a signature in the app

Live prototype

Assign an order to a driver

Click an order on the left and the system will suggest drivers. Or drag the card straight onto a driver’s row in the timeline. The delay alert is live too.

The prototype is built for desktop — best viewed on a computer.
Try dragging ZG-2048 onto Nina Gerber’s row
Solutions

What makes the screen fast

SUGGESTIONS

The system suggests, the dispatcher decides

A driver ranking that explains “why this one”. Trust in automation grows, and the final call stays with a person.

TIMELINE

Shifts as lanes

Free slots are visible at a glance. Drag an order onto a row and it’s assigned. A red “now” line shows what’s already urgent.

EXCEPTIONS

Problems surface on their own

A delay is highlighted on the map and in the timeline. Notifying the client about the new time takes one button.

DETAIL

Order panel

Slides in over the map without covering the timeline. The best driver is highlighted, and Enter assigns them without touching the mouse.

Driver app

Big, high-contrast, one-handed

The main screen answers one question: “where next?” Arrival is confirmed with a swipe so it can’t be tapped by accident. Proof of delivery is a checklist, a photo and a signature on one screen.

Today’s route
Proof of delivery
UI kit

From logo to system

The colors come from the identity: blue means action, teal means “on track”, and red is only for problems. So a dispatcher reads status by color, without reading text.

Colors
#1B75BB
Action
#2E9384
On track
#E6A23C
Attention
#E2574C
Problem
#16203A
#F5F7FA
Typeface
Aa Inter
Tabular figures for times and order numbers. Compact and readable at 12 px.
ZG-2047 · 10:45–11:30
Statuses
UrgentFragile2–8 °CStandard
Order
ZG-2047Urgent
Industriestrasse 12, Zug
Bahnhofstrasse 4, Rotkreuz
Markers
MB
LK
TS
NG
The identity where it all started
Real project
Swynoo logo — a case in my graphic design portfolio
View branding ↗