Lapetus

Застосунок для кур’єрського автопарку. Поїздки, заробітки, зміни й розрахунки в одному місці.

Замовник

Галузь: Кур’єрська та посилкова логістика
Обсяг: Дизайн, застосунок iOS + Android, бекенд
Термін реалізації: 2024
Стек: Capacitor, Vue 3, Symfony

Завдання

Кур’єрський автопарк керується з дороги. Водії зранку виїжджають із депо, кожен зі своїми ставками, а наприкінці дня звітують, скільки розвезли. Поки це блукає чатами й таблицями, диспетчерська складає кожен розрахунок вручну, а водій дізнається свій заробіток аж із виплатою.

Lapetus GROUP s.r.o. возить посилки й хотіла обидві речі під одним дахом: застосунок, у якому водій за хвилину запише поїздку й одразу побачить, скільки заробив, і тил, з якого диспетчерська керує набором, змінами, вихідними та грошима.

Ми збудували гібридний застосунок для iOS та Android із двома ролями в одному коді. Водій отримав облік поїздок, заправок і розрахунки, диспетчер — керування водіями та ставками, планування депо й живу мапу автівок. Позаду працює бекенд на Symfony, про новини дбають push-сповіщення та оновлення в реальному часі.

День водія: поїздка, записана за хвилину

Новий водій реєструється просто в застосунку, документи фотографує телефоном, а диспетчерська схвалює заявку кількома дотиками. Далі весь його день крутиться довкола одного: записати поїздку й побачити гроші.

Флоу водія: від онбордингу через вхід до запису поїздки з миттєвим підрахунком заробітку.

Форма запису поїздки: вибір депо та поля для доставлених пакунків, пакунків на пункт видачі й проїханих кілометрів, унизу орієнтовні заробітки

Три числа — і записано

Доставлені пакунки, пакунки на пункт видачі, проїхані кілометри. Більше водій після поїздки не заповнює: застосунок знає його ставки й перераховує орієнтовний заробіток просто під час набору, ще до збереження поїздки.

Деталь поїздки із загальним заробітком і розбивкою за позиціями: пакунки, пакунки на пункт видачі та проїхані кілометри

Кожна крона має свій рядок

Деталь поїздки показує заробіток, розписаний за позиціями: пакунки, пункти видачі, кілометри. Огляд поїздок до того ж тримає місячний підсумок, тож водій знає, як його справи, ще до розрахунку.

Деталь заправки з літрами, витратою та часом, під нею міні-мапа з позначеною заправною станцією та її адресою

Заправка записується сама

Автопарк заправляється за паливними картками ORLEN, і застосунок з’єднаний із ними: кожна заправка переноситься сама, з літрами, витратою та заправною станцією, знайденою через Mapbox на міні-мапі. Диспетчерська відтак бачить заправки всього автопарку вкупі, з місцем і часом біля кожного запису.

Диспетчерська в кишені

Друга роль того самого застосунку. Адміністратор керує водіями та їхніми ставками, схвалює реєстрації, планує зміни по депо, закриває розрахунки й бачить автівки на мапі. Десять модулів керування — і досі в одному телефоні.

Флоу адміністратора: водії, планування змін, розрахунки та жива мапа автівок.

Редагування плану змін для депо та дня: водії, приписані до депо, і список доступних водіїв із рідними депо

Хто їде завтра і звідки

План складається по депо та днях: диспетчер приписує водіїв до депо, а застосунок у кожного пильнує рідне депо й те, хто саме у відпустці. Оприлюднений розклад прилітає водіям push-сповіщенням.

Схвалення заявки на вихідні: причина, обрані дні зі схваленням чи відмовою по одному та поле для коментаря водієві

Вихідні — день за днем

Водій просить вихідні й дописує причину, диспетчер схвалює кожен день окремо: що проходить, що ні, та з коментарем для водія. Схвалені дні одразу переносяться в планування змін.

Жива мапа автівок зі шпилькою авто та карткою водія: адреса, стан двигуна та рівень пального

Увесь автопарк на одній мапі

Автівки з GPS-трекерами малюються на живій мапі. Картка авто покаже, хто ним їде, де воно стоїть, чи працює двигун і скільки лишилося в баку. А коли треба скомандувати всім одразу, диспетчерська має напохваті масову тривогу push-повідомленням.

Що ще вміє застосунок

Дві ролі в одному застосунку — це довгий список. Бодай нашвидку найцікавіше.

Реєстрація з фотографуванням документів

Новий водій проходить онбординг просто в телефоні: заповнює дані, фотографує документи камерою й надсилає. Диспетчерська схвалює заявки в окремій черзі, тож до автопарку ніхто не потрапить без перевірки.
Ставки під кожного водія

За доставлений пакунок, за пакунок на пункт видачі, за кілометр. Ставки можна налаштувати кожному водієві окремо, і всі підрахунки в застосунку йдуть від них самі: у записі поїздки, у підсумках і в розрахунках.
Розрахунки зі схвальним колом

Розрахунок за період проходить стани надіслано, схвалено чи відхилено та закрито. Дорогою він несе бонуси й відрахування, і обидві сторони бачать, на якому кроці зараз гроші.
Змагання для водіїв

Окрім поїздок і грошей, водій має в застосунку й розділ змагань: диспетчерська оголошує турнір за призи, і запрошення долітає всім push-сповіщенням. Мотивацією не мусить бути лише виплата.
Новини прилітають самі

Новий розклад, схвалені вихідні, готовий розрахунок: про все важливе водій дізнається з push-сповіщення (WonderPush), а зміни вливаються у відкритий застосунок миттєво через Mercure.
Один код, два магазини

Застосунок збудований на Capacitor із Vue 3 та Framework7, тож один код обслуговує і iOS, і Android. Позаду дані тримає бекенд на Symfony та API Platform, вхід захищає JWT.

Застосунок в одному місці

Чотирнадцять екранів парами, як вони йдуть один за одним: від набору водія через поїздки та гроші до керування автопарком. Імена, суми й адреси на знімках — це зразкові дані з демосередовища.