Catermat Cars

Застосунок доставлення для кейтерингу. Накладні без паперу, з підписом пальцем.

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

Завдання

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

Для Catermat ми вже раніше збудували сайт ; тепер настала черга доставлення. Завдання: з’єднати автівки з корпоративною системою Ordermat, щоб замовлення прилітали водіям у телефон, проходили чіткі стани, а передання підтверджувалося просто на місці.

Ми збудували гібридний застосунок для iOS та Android. Замовлення з корпоративної системи переносяться в телефон і проходять стани Нові, До експедиції, Експедовано та Доставлено; ролі виробництва й доставлення бачать кожна свої кроки. Під час передання клієнт підписує отримання пальцем на дисплеї, і підпис зберігається з накладною разом із місцем.

Головний екран водія: привітання, картка «Почати сьогоднішню експедицію», швидкі посилання, поточна поїздка та майбутні поїздки

День починається однією кнопкою

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

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

Накладна, яка знає все

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

Сповіщення в застосунку: водій завершив і почав поїздку, автомобіль замкнено на вулиці та додано примітку до замовлення

Підписано й одразу повідомлено

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

Карта Праги з мітками автомобілів і карткою фургона Auto T4 з номером, відстанню та кнопкою «Показати»

Автопарк наживо на карті

Автомобілі з GPS-трекерами малюються на карті в реальному часі. Картка автомобіля показує номер і відстань та одним дотиком відкриває деталі; позиція надходить у застосунок безперервно через Mercure, без оновлення сторінки.

Деталі автомобіля Auto T4 з фото фургона та онлайн-даними: хто за кермом, стан двигуна, чи рухається авто та загальний час у роботі

Телеметрія кожного автомобіля

Хто за кермом, чи працює двигун, чи авто в русі й скільки воно загалом у роботі, усе з GPS-модулів REX. Тож експедиція планує за реальним станом автопарку, а не навмання.

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

Журнал, що пишеться сам

Кожна поїздка записується сама: маршрут на мапі, тривалість і середня швидкість, із фільтром за автівкою та філією. Бортовий журнал народжується самою їздою, а не переписуванням наприкінці місяця.

Склад у режимі сканера: штрихкод у рамці камери, напис «Сканувати QR» і кнопка «Сканувати»

Склад зі сканером у телефоні

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

Поруч на планшеті

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

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

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

Стани як на виробничій лінії

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

Замовлення переносяться в телефон із корпоративної системи Ordermat, якою живе фірма. Ніщо не вводиться двічі: що діє в системі, діє в автівці, а підтверджене доставлення повертається назад.
Позиції за групами

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

Біля кожної накладної — ім’я та телефон одержувача. Дзвінок запускається просто із застосунку, а SMS іде з наперед заповненим повідомленням, що замовлення наближається.
Пошук і фільтри

Повнотекстовий пошук за клієнтами, номерами замовлень і накладних, до того ж фільтри за автівкою та філією. Навіть у день, повний доставлень, конкретне замовлення знаходиться за кілька секунд.
Один код, два магазини

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

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

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