Евгений Леонов
Кейс 02 · B2B SaaS · Концепт

Swynoo:
диспетчер видит всё

Рабочее место диспетчера и приложение водителя для швейцарского сервиса управления перевозками. Назначить заказ — одно перетаскивание.

Аудит процессовИнформационная архитектураВеб-приложениеМобильное приложениеДизайн-система
Бренд — реальный проект, продукт — концепт. Для Swynoo AG (Цуг, Швейцария) я делал логотип: S-образный маршрут, который превращается в стрелку. Здесь продолжаю эту идею в интерфейсе. Логотип Swynoo →
Контекст

Десятки машин, сотни заказов, один экран

Диспетчер держит в голове всё сразу: где машины, кто свободен, какие окна доставки горят, что сломалось. В типичной системе это пять вкладок, таблица и телефон.

Задача концепта — собрать работу в одно рабочее место, где решение «кому отдать заказ» принимается за секунды, а проблемы видны до звонка клиента.

Для кого

Три роли — три интерфейса

01 · ДЕСКТОП

Диспетчер

8–10 часов у экрана, 100+ заказов в день. Ценит скорость, горячие клавиши и отсутствие лишних кликов.

«Мне не нужна красота, мне нужно не пропустить срочный заказ»
02 · МОБАЙЛ

Водитель

Смотрит в телефон на светофоре или у рампы. Крупные кнопки, минимум текста, работа в перчатках.

«Куда дальше и кому звонить — больше ничего»
03 · ПОРТАЛ

Клиент

Хочет знать, где груз, и получить подтверждение доставки с фото и подписью без звонков.

«Просто пришлите, когда приедет»
Ключевой сценарий

От нового заказа до подписи клиента

Заказ в очереди

Срочность, окно доставки и особые условия видны на карточке

Подсказка системы

Топ водителей по расстоянию, загрузке и часам за рулём

Назначение

Клик или перетаскивание на таймлайн водителя

Контроль

Опоздания всплывают сами, клиенту уходит новое время

Подтверждение

Водитель делает фото и берёт подпись в приложении

Живой прототип

Назначьте заказ водителю

Нажмите на заказ слева: система предложит водителей. Или перетащите карточку прямо на строку водителя в таймлайне. Плашка об опоздании тоже живая.

Прототип рассчитан на десктоп — лучше открыть с компьютера.
Попробуйте перетащить ZG-2048 на строку Nina Gerber
Решения

Что делает экран быстрым

ПОДСКАЗКА

Система предлагает — диспетчер решает

Рейтинг водителей с объяснением «почему он». Доверие к автоматике растёт, а последнее слово остаётся за человеком.

ТАЙМЛАЙН

Смены как дорожки

Свободные окна видны глазом. Перетащил заказ на строку — назначил. Красная линия «сейчас» показывает, что уже горит.

ИСКЛЮЧЕНИЯ

Проблемы сами всплывают

Опоздание подсвечивается на карте и в таймлайне. Уведомить клиента о новом времени — одна кнопка.

ДЕТАЛЬ

Панель заказа

Выезжает поверх карты, не закрывая таймлайн. Лучший водитель подсвечен, а Enter назначает его без мыши.

Приложение водителя

Крупно, контрастно, одной рукой

Главный экран отвечает на вопрос «куда дальше». Прибытие отмечается свайпом, чтобы не нажать случайно. Подтверждение доставки — чек-лист, фото и подпись на одном экране.

Маршрут дня
Подтверждение доставки
UI-кит

Из логотипа — в систему

Цвета взяты из айдентики: синий — действие, бирюзовый — «всё по плану», красный только для проблем. Так диспетчер считывает статус цветом, не читая.

Цвета
#1B75BB
Действие
#2E9384
По плану
#E6A23C
Внимание
#E2574C
Проблема
#16203A
#F5F7FA
Шрифт
Aa Inter
Табличные цифры для времени и номеров заказов. Плотный, читаемый на 12 px.
ZG-2047 · 10:45–11:30
Статусы
UrgentFragile2–8 °CStandard
Заказ
ZG-2047Urgent
Industriestrasse 12, Zug
Bahnhofstrasse 4, Rotkreuz
Маркеры
MB
LK
TS
NG
Айдентика, с которой всё началось
Реальный проект
Логотип Swynoo — кейс в портфолио графдизайна
Смотреть брендинг ↗