MED · Медицина · SLA 15 минMedical · SLA 15 min
Кейс UX/UI и Motion-дизайна · B2B-платформаUX/UI & Motion design case · B2B platform

Автономный флотAutonomous fleetпод контролемin command

Платформа управления беспилотной доставкой: медицина, экспресс, промышленность и снабжение — от команды до завершения миссии.A control platform for autonomous drone delivery across medical, express, industrial and supply missions — from command to completion.

02Идея продуктаProduct idea
· КейсCase study
НеймингNaming
Versatileуниверсальная
Autonomousавтономная
Navigation &навигационная и
Transportтранспортная
Architectureархитектура
From command to completion.

VANTA — B2B-платформа для операторов беспилотной доставки. Один диспетчер планирует, ведёт и закрывает миссии смешанного флота дронов в четырёх направлениях.VANTA is a B2B platform for autonomous delivery operators. One dispatcher plans, monitors and closes missions for a mixed drone fleet across four service lines.

РольRoleUI/UX и Motion-дизайнUI/UX & Motion design
ФорматFormatКонцепт-кейс, B2B SaaSConcept case, B2B SaaS
ПлатформыPlatformsDesktop-консоль + мобильное приложениеDesktop console + mobile app
СценарийScenarioСербия · Белград, Нови-Сад, НишSerbia · Belgrade, Novi Sad, Niš
РезультатOutputБренд, дизайн-система, прототипBrand, design system, prototype
ГодYear2026
4направления миссийmission categories
24дрона в 5 хабахdrones across 5 hubs
9разделов консолиconsole sections
7экранов приёмщикаfield app screens
03Проблема и контекстProblem & context
· КейсCase study

Смешанный флот — это четыре разных бизнеса в одном небеA mixed fleet is four different businesses sharing one sky

01

Разные грузы — разные правилаDifferent cargo, different rules

Плазме нужна холодовая цепь и 15 минут, посылке — 20, поставке в горы хватит и 45. Интерфейс должен сам показывать, что важнее прямо сейчас.Plasma needs a cold chain and 15 minutes, a parcel needs 20, a mountain supply run can take 45. The interface has to show what matters most right now.

02

Небо меняется во время полётаThe sky changes mid-flight

Порывы ветра, низкая облачность и временные запретные зоны появляются, когда дрон уже в воздухе. Решение нужно за секунды, а не после созвона.Wind gusts, low cloud and temporary no-fly zones appear while the drone is already airborne. Decisions take seconds, not a phone call.

03

Последний метр — это человекThe last metre is a person

Техник в больнице не сидит у монитора. Ему нужно знать, когда выйти на площадку и как принять груз, не открывая консоль.A hospital technician isn’t watching a screen. They need to know when to be on the pad and how to receive cargo without opening the console.

Как мы можем…How might we…

…дать одному диспетчеру контроль над смешанным флотом так, чтобы критичные решения занимали секунды, рутина выполнялась автоматически, а получатель всегда знал, что происходит?…give one dispatcher control of a mixed fleet so critical decisions take seconds, routine runs itself, and the receiver always knows what’s happening?

04ПользователиUser roles
· КейсCase study

Три роли — три контекстаThree roles, three contexts

MS
Mila StanićДиспетчер смены · консольShift dispatcher · console
Desktop2 монитора2 screensсмена 8 ч8 h shift
  • Видеть все борта и их риски в одном окнеSee every drone and its risks in one view
  • Решать по погоде и инцидентам за секундыAct on weather and incidents in seconds
  • Планировать срочные миссии без ошибокPlan urgent missions without mistakes
07:31Над Савой порывы 41 км/ч, в воздухе семь бортов, один везёт плазму в Hospital 04.41 km/h gusts over the Sava, seven drones airborne, one carrying plasma to Hospital 04.
«Я узнаю о проблеме, когда уже поздно что-то менять».“I find out about a problem when it’s too late to change anything.”
МетрикаMetric время реакции на событиеtime to decision
AP
Ana PetrovićТехник приёма · Hospital 04Receiving technician · Hospital 04
СмартфонPhoneруки занятыhands busyкрыша, ветерrooftop, wind
  • Знать точное время прилётаKnow the exact arrival time
  • Подтвердить, что площадка свободнаConfirm the pad is clear
  • Принять груз по коду и проверить температуруReceive cargo by code and check temperature
07:35До посадки две минуты, а на площадке стоит тележка техслужбы.Two minutes to landing and a maintenance cart is still on the pad.
«Говорят: будет через пять минут — а он уже над крышей».“They say five minutes — and it’s already over the roof.”
МетрикаMetric время передачи грузаhandoff time
NJ
Nikola JovanovićРуководитель операцийHead of operations
Desktopраз в деньdaily
  • SLA по каждому направлениюSLA per category
  • Энергия на километр и загрузка флотаEnergy per km and fleet utilisation
  • Инциденты и их причиныIncidents and root causes
Пн, 09:00Mon, 09:00Почему INDUSTRIAL на прошлой неделе выбился из SLA?Why did INDUSTRIAL miss its SLA last week?
«Мне нужен тренд, а не сто строк лога».“I need the trend, not a hundred log lines.”
МетрикаMetric доля доставок в SLAon-time rate
05Информационная архитектураInformation architecture
· КейсCase study

Две поверхности,
одно live-состояние
Two surfaces,
one live state

Консоль и приложение приёмщика читают и пишут одно и то же состояние: ETA, статус площадки, подпись и инциденты синхронизируются без звонков.The console and the field app read and write the same state: ETA, pad status, sign-off and incidents sync without a phone call.

Консоль диспетчераDispatcher consoleDesktop
Operate
Control CenterOperations live-картаlive mapMissions→МиссияMissionFleet→ДронDroneIncidents
Планировщик миссии · 9 шаговMission planner · 9 steps
Кат.Cat.ГрузCargoОткудаFromКудаToДронDroneМаршрутRouteРискиRiskВремяTimeПускLaunch
Review
AnalyticsLocationsSettings
Глобальный слойGlobal layer
Командная палитраCommand palette Ctrl KРешенияDecisions оператор в контуреhuman-in-the-loopУведомленияNotifications
миссии, ETA, статусыmissions, ETA, status
Live stateмиссии · дроны
зоны · инциденты
missions · drones
zones · incidents
площадка, подпись, инцидентыpad status, sign-off, incidents
Приложение приёмщикаField appMobile
Основной сценарийMain flow
Today→Mission→Handoff→Check→Done
Исключения и профильExceptions & profile
Report 6 типов6 typesProfilePush о посадкеLanding push
ПринципыPrinciples

Одна задача на экран. Крупные цели для пальцев в перчатках. Без карты операций — только своя площадка и свои миссии.One task per screen. Large targets for gloved hands. No ops map — only your pad and your missions.

06Бренд-системаBrand system
· КейсCase study
Light · master
Dark · master

Мастер-знакMaster mark

Четыре лопасти — четыре направления, ядро — единая платформа. Геометрия знака неизменна на любом носителе: меняется только цвет лопастей.Four blades for four service lines, one core for one platform. The geometry never changes on any surface — only the blade colour does.

#C8CDD7Лопасти · мастерBlades · master

#232D41Ядро и шрифтCore & wordmark

#F4F6F8Ядро на тёмномCore on dark

Лопасти — единственный переменный элементBlades are the only variable element
Тёмная версия: ядро и надпись #F4F6F8Dark version: core and wordmark in #F4F6F8
Не перерисовывать, не вращать, не добавлять градиенты и свечениеNo redrawing, rotation, gradients or glow
Не красить ядро и надпись в цвет категорииNever tint the core or wordmark with a category colour
07Категорийная системаCategory system
· КейсCase study

Цвет — это функцияColour is a function

Цвет категории — сигнал, а не украшение. Он появляется только там, где помогает отличить миссию: лопасти знака, тег, линия маршрута и маркер дрона. Фоны и заливки всегда нейтральные.A category colour is a signal, not decoration. It appears only where it tells missions apart: the logo blades, the tag, the route line and the drone marker. Backgrounds stay neutral.

MED#F03C3C
НаправлениеCategory
МедицинаMedical
SLA
15 минmin
ГрузCargo
Кровь, плазма, анализыBlood, plasma, samples
БортDrone
VX-4 · Cold box
ПриоритетPriority
НаивысшийHighest
МиссияMission
M-2841
EXPRESS#EBEB23
НаправлениеCategory
ЭкспрессExpress
SLA
20 минmin
ГрузCargo
Документы, посылкиDocuments, parcels
БортDrone
VX-4
ПриоритетPriority
ВысокийHigh
МиссияMission
E-3917
INDUSTRIAL#19C8E1
НаправлениеCategory
ПромышленностьIndustrial
SLA
25 минmin
ГрузCargo
Детали, модулиParts, modules
БортDrone
VX-4 Heavy · 8 kg
ПриоритетPriority
СреднийMedium
МиссияMission
I-1184
SUPPLY#82E65A
НаправлениеCategory
СнабжениеSupply
SLA
45 минmin
ГрузCargo
Вода, фильтры, провизияWater, filters, food
БортDrone
VX-4 Long range
ПриоритетPriority
ПлановыйScheduled
МиссияMission
S-0912
НаправлениеCategory 01 / 04
MEDM-2841В полётеIn flight
Плазма, 2 единицыBlood plasma, 2 units
Belgrade Hub → Hospital 04
07:37ETA
3.7 °C · в нормеin range
08MEDMED
· КейсCase study
МедицинаMedical · SLA 15 минmin

Когда счёт идёт на минутыWhen minutes matter

Кровь, плазма, образцы и лекарства между банками крови и больницами. Высший приоритет в воздухе: если маршрут под угрозой, а диспетчер не ответил за 30 секунд, система сама переводит дрон в безопасный коридор.Blood, plasma, samples and drugs between blood banks and hospitals. Highest priority in the air: if the route is at risk and the dispatcher hasn’t answered in 30 seconds, the system moves the drone to a safe corridor on its own.

SLA15 минутminutes
ГрузCargoКровь, плазма, анализыBlood, plasma, samples
КонтрольMonitoringХолодовая цепь 2–6 °CCold chain 2–6 °C
ПолитикаPolicyАвто-реройт через 30 сAuto-reroute after 30 s
НаправлениеCategory 02 / 04
EXPRESSE-3917В полётеIn flight
Юридические документыLegal documents
Belgrade Hub → Client Point 14
07:32ETA
3.0 km · 0.5 kg
09EXPRESSEXPRESS
· КейсCase study
ЭкспрессExpress · SLA 20 минmin

Город, который не ждётA city that doesn’t wait

Срочные коммерческие отправления: документы, посылки, e-commerce. Плотный поток коротких рейсов из городских хабов, где главное — точный ETA и предсказуемая доставка до клиентской точки.Urgent commercial shipments: documents, parcels, e-commerce. A dense flow of short hops from city hubs, where an accurate ETA and predictable drop-off at the client point matter most.

SLA20 минутminutes
ГрузCargoДокументы, посылки до 3 кгDocuments, parcels up to 3 kg
СетьNetworkБелград, Нови-Сад, НишBelgrade, Novi Sad, Niš
ПриёмHandoffКлиентская точка, кодClient point, code
НаправлениеCategory 03 / 04
INDUSTRIALI-1184В полётеIn flight
Модуль датчика турбиныTurbine sensor module
Logistics Hub → Plant 07
07:40ETA
26 km · 6.8 kg
10INDUSTRIALINDUSTRIAL
· КейсCase study
ПромышленностьIndustrial · SLA 25 минmin

Деталь, без которой стоит линияThe part that keeps the line running

Запчасти и технические модули для заводов и НПЗ. Тяжёлые VX-4 Heavy, длинные коридоры в обход контролируемого воздушного пространства и приёмка на площадке предприятия.Spare parts and technical modules for plants and refineries. VX-4 Heavy drones, long corridors around controlled airspace and handoff on the plant’s own pad.

SLA25 минутminutes
ГрузCargoМодули и запчасти до 8 кгModules and parts up to 8 kg
БортDroneVX-4 Heavy · 64 km
ПлощадкиSitesPančevo · Plant 03 / 07
НаправлениеCategory 04 / 04
SUPPLYS-0912В полётеIn flight
Необходимые припасыEssential supplies
Regional Hub → Remote Point 12
07:56ETA
50 km · 6.5 kg
11SUPPLYSUPPLY
· КейсCase study
СнабжениеSupply · SLA 45 минmin

Туда, куда не доедешьWhere roads don’t reach

Регулярные поставки в удалённые районы: горы, станции, посёлки. Длинные маршруты на VX-4 Long range, где погода на точке посадки решает всё — облачность и видимость контролируются до самого касания.Scheduled deliveries to remote areas: mountains, stations, villages. Long routes on the VX-4 Long range, where weather at the landing point decides everything — cloud and visibility are tracked until touchdown.

SLA45 минутminutes
ГрузCargoВода, фильтры, провизияWater, filters, food
БортDroneVX-4 Long range · 120 km
ТочкиPointsKopaonik · Goč
12Дизайн-системаDesign system
· КейсCase study

Тихий фон, громкие данныеQuiet surfaces, loud data

Низкий контраст поверхностей, высокий контраст данных. Моноширинный шрифт для ID, времени и телеметрии — цифры не прыгают при обновлении.Low-contrast surfaces, high-contrast data. A monospace face for IDs, time and telemetry so digits never jump on update.

ПоверхностиSurfaces
bg#0B1018
surface#111823
elev#18212E
elev-3#263142
line#2A3444
СтатусыStatus
ok#5DD38A
warn#F2A84B
crit#E24C4C
info#7EA7FF
off#707987
КатегорииCategories
MED#F03C3C
EXP#EBEB23
IND#19C8E1
SUP#82E65A
blade#C8CDD7
ТипографикаTypography · Manrope / JetBrains Mono
Control CenterH1 · 28/700
Blood plasma, 2 unitsH2 · 20/700
Belgrade Hub → Hospital 04 · pad H04-RBody · 14/500
07:37Data · Mono 600
M-2841 · D-184 · 3.7 °CID · Mono 12/500
Кнопки и тегиButtons & tags
New missionHold droneReturn to hub
MEDEXPRESSINDUSTRIALSUPPLYEn routeReroutedWeather hold
КомпонентыComponents
M-2841 route crosses wind shearReroute via north corridor · +3 min
Auto in 22 s
On-time delivery98.3%
Drones online18/ 24
MEDM-2841En route
Blood plasma, 2 unitsBelgrade Hub → Hospital 04
07:37
INDUSTRIALI-1184En route
Turbine sensor moduleLogistics Hub → Plant 07
07:40
13Control CenterControl Center
· КейсCase study

Control Center

Экран смены: всё, что требует внимания, — сверху. Остальное спокойно ждёт ниже.The shift screen: whatever needs attention sits on top. Everything else waits calmly below.

1
Решение с таймеромDecision with a timerПодтвердить или отклонить. Для MED система применит политику сама через 30 с.Approve or decline. For MED, policy applies itself after 30 s.
2
Пульс сменыShift pulseДроны онлайн, миссии по категориям, SLA, погодный риск.Drones online, missions by category, SLA, weather risk.
3
Живая карта регионаLive regional mapМаршруты, хабы, зоны и погодные ячейки в реальном времени.Routes, hubs, zones and weather cells in real time.
4
Очередь по ETAQueue by ETAБлижайшие прилёты сверху, цвет — только в теге и прогрессе.Next arrivals on top; colour only in the tag and progress.
1234
14Live-картаLive map
· КейсCase study

Live-картаLive map

Реальная карта Сербии с плавным зумом. Маршруты и зоны масштабируются вместе с картой и не «прыгают».A real map of Serbia with smooth zoom. Routes and zones scale with the map and never jump.

1
Активные миссииActive missionsФильтр по категориям и поиск по ID, грузу, дрону.Filter by category, search by ID, cargo or drone.
2
Слои и подложкиLayers & basemapsМаршруты, хабы, погода, воздушное пространство. Карта, спутник или офлайн.Routes, hubs, weather, airspace. Map, satellite or offline.
3
Зоны читаются формойZones read by shapeШтриховка — запрет, пунктир — временная зона, янтарная ячейка — погода, дрейфует.Hatching = restricted, dashed = temporary, amber cell = weather, drifting.
4
Пройдено и осталосьFlown vs remainingСплошная линия — пройдено, пунктир — план. Маркер показывает курс.Solid = flown, dashed = plan. The marker shows heading.
1234
15Планировщик миссийMission planner
· КейсCase study

Mission Planner

9 шагов от груза до подписи. Система предлагает, диспетчер решает.Nine steps from cargo to sign-off. The system suggests, the dispatcher decides.

1
Шаги с итогамиSteps with answersКаждый пройденный шаг показывает выбор — можно вернуться к любому.Each completed step shows the choice; jump back to any of them.
2
Сравнение маршрутовRoute comparisonПрямой проходит через ветер — помечен риском. Безопасный коридор рекомендован.Direct crosses wind shear and is flagged. The safe corridor is recommended.
3
Превью на живой картеLive map previewМаршрут поверх текущих зон и чужих миссий.The route over current zones and other missions.
4
СводкаSummaryВзлёт, прибытие, энергия и дрон пересчитываются на каждом шаге.Takeoff, arrival, energy and drone recalculate at every step.
1234
16MED-миссияMED mission
· КейсCase study

Оператор в контуреHuman in the loop

MEDM-2841Плазма, 2 ед. · Belgrade Hub → Hospital 04Blood plasma, 2 units · Belgrade Hub → Hospital 04
07:31:14Порывы 41 км/ч на маршруте — решение с таймером41 km/h gusts on the route — decision with a timer
07:31:50Новый коридор: +2.1 км, ETA 07:39, в пределах SLANew corridor: +2.1 km, ETA 07:39, within SLA
07:31:10ОбнаруженоDetectedРадар и анемометры трёх хабов фиксируют сдвиг ветраRadar and three hub anemometers detect wind shear
07:31:10РешениеDecision«Применить реройт» или «Зависнуть» — таймер 30 с“Apply reroute” or “Hold” — 30 s timer
07:31:40Политика MEDMED policyБез ответа реройт применяется автоматически и логируетсяWith no answer the reroute is applied and logged
07:31:41Получатель знаетReceiver knowsAna видит новый ETA в приложении, без звонкаAna sees the new ETA in the app — no call
17INDUSTRIAL-миссияINDUSTRIAL mission
· КейсCase study
INDUSTRIALI-1184

Длинное плечоThe long haul

Модуль датчика турбины для Plant 07. Маршрут огибает контролируемое пространство аэропорта и проходит вдали от погодной ячейки.A turbine sensor module for Plant 07. The route skirts the airport’s controlled airspace and stays clear of the weather cell.

МаршрутRoute26 km · в обходaround LYBE CTR
БортDroneD-226 · VX-4 Heavy
ГрузCargo6.8 kg · Pad B
Батарея на прилётеBattery at arrival51%
SLA25 мин · в пределах25 min · on time

Fleet: 24 борта, заряд, обслуживание и текущая миссия каждого.Fleet: 24 drones with charge, maintenance and current mission.

18Мобильное приложениеMobile companion
· КейсCase study

Не уменьшенная консольNot a shrunken console

Отдельный инструмент для техника на площадке: только его миссии, его площадка и одна задача на экран.A dedicated tool for the technician on the pad: only their missions, their pad and one task per screen.

1
Когда выйтиWhen to goОбратный отсчёт и «будьте на площадке за 2 мин».Countdown and “be on the pad 2 min before”.
2
Код вместо звонкаA code, not a callQR и 4 цифры открывают отсек груза.A QR and 4 digits unlock the cargo bay.
3
Проблема в два тапаReport in two tapsТип, срочность — диспетчер видит сразу.Type, urgency — dispatch sees it instantly.
01Today
02МиссияMission
03Handoff
04ПроблемаReport
19Motion-системаMotion system
· КейсCase study

Движение = поведение продуктаMotion = product behaviour

Анимация не украшает, а объясняет: куда летит дрон, что требует решения, какая категория в работе и что данные живые.Animation explains rather than decorates: where the drone is going, what needs a decision, which category is active and that data is live.

МаршрутRouteПройденный путь «прорисовывается» за дроном, план остаётся пунктиром.The flown path draws behind the drone; the plan stays dashed.linear · sim time
M-2841 · wind shearReroute · +3 min
Auto 30 s
Rerouted automatically · ETA 07:39
РешениеDecisionБаннер выезжает сверху, полоса таймера тает — срочность ритмом, а не цветом.The banner drops in and the timer bar drains — urgency through rhythm, not colour.240 ms · ease-out
MASTER → MED → EXPRESS → INDUSTRIAL → SUPPLY
КатегорияCategoryМеняется только цвет лопастей. Геометрия знака не двигается никогда.Only the blade colour changes. The mark’s geometry never moves.600 ms · brand
Live · 07:33:58
07:37
ETA · цифры моноширинные — не прыгаютtabular digits — no jitter
Живые данныеLive dataПульс точки «live», плавный прогресс, без мерцания при обновлении.A pulsing live dot, smooth progress, no flicker on update.1 s tick · 1.8 s pulse
120 msHover, нажатияHover, press
240 msПанели, тостыPanels, toasts
400 msКарта, фокус на дронеMap fly-to
600 msБренд, сплэшBrand, splash
ease-outcubic-bezier(.2,.8,.2,1)
20Промо-фильмProduct film
· КейсCase study

Раскадровка промоPromo storyboard

16:9 · 30 s9:16 · 15 sОдин дрон во всех кадрахSame drone in every shot
00:00Тьма. Проявляется мастер-знак.Darkness. The master mark appears.
00:03Лопасти загораются цветом направления.Blades light up in a category colour.
00:06MED-дрон взлетает с крыши больницы.A MED drone lifts off a hospital roof.
00:10На маршруте появляется ветровая ячейка.A wind cell appears on the route.
00:14Решение за 30 с — новый коридор.A 30 s decision — new corridor.
00:19Приёмка по QR на крыше.QR handoff on the roof.
00:23Тот же дрон — другие задачи: EXPRESS, INDUSTRIAL, SUPPLY.Same drone, other jobs: EXPRESS, INDUSTRIAL, SUPPLY.
FROM COMMAND TO COMPLETION.
00:27«From command to completion.»“From command to completion.”

9:16 · Reels / Shorts — не обрезка 16:9: свой ритм, крупные планы дрона и телефона приёмщика, весь текст в безопасной зоне.not a crop of the 16:9: its own pacing, close-ups of the drone and the receiver’s phone, all text inside the safe area.

21ЭкосистемаEcosystem
· КейсCase study

From command
to completion.

Бренд, консоль и приложение приёмщика работают как одна система: от плана миссии до подписи на площадке.Brand, console and field app work as one system: from mission plan to sign-off on the pad.

Бренд-системаBrand systemДизайн-системаDesign systemКонсоль · 9 разделовConsole · 9 sectionsПриложение приёмщикаField appHTML-прототипHTML prototypeMotion
Спасибо за вниманиеThank you
01 / 00