Catermat Cars

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

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

Завдання

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

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

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

Доставлення: від експедиції до підпису

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

Флоу доставлення: накладні, експедиція, підпис одержувача пальцем — і готово.

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

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

Адреса аж до кімнати й поверху, контакт одержувача та часова вісь від експедиції через вікно доставлення до плану. Дзвінок — одним дотиком, а SMS іде з наперед заповненим повідомленням, що замовлення вже в дорозі.

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

Підпис пальцем замість паперу

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

Мапа центру міста зі шпилькою місця доставлення в позначці Catermat і кнопкою запуску навігації

Навігація до місця передання

Кожна накладна несе паркувальні GPS-координати: не юридичну адресу, а місце, де справді можна зупинитися. Звідти один дотик відкриває навігацію в Google Maps або Waze.

Диспетчерська бачить увесь автопарк

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

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

Жива мапа Праги зі шпильками автівок і карткою авто зі швидкістю та поточною адресою

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

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

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

Телеметрія кожної машини

Швидкість, пальне, двигун, акумулятор і пробіг із GPS-модулів REX. І одразу під цим — що машина саме везе та які замовлення на неї чекають, тож диспетчерська планує над реальним станом, а не над здогадом.

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

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

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

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

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

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

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

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

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

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

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

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

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

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