Zurück

Catermat Cars

Eine Liefer-App fürs Catering. Lieferscheine ohne Papier, unterschrieben mit dem Finger.

Drei Bildschirme der Catermat-Cars-App nebeneinander: die Lieferscheinliste mit Status, ein aufgeklappter Lieferschein mit Adresse und Kontakt und die Live-Flottenkarte
Branche
Gastronomie und Catering
Umfang
Design, iOS- + Android-App, Backend
Umsetzung
2024 bis 2025
Stack
Capacitor, Vue 3, Symfony

Aufgabe

Office-Catering heißt jeden Vormittag Dutzende Lieferungen durch Prag, und zu jeder ein Lieferschein aus Papier. Papier wird gedruckt, verloren und abgetippt, die Dispo ruft die Fahrer an, wo sie gerade sind, und bestätigte Übergaben kommen erst Tage später ins System zurück.

Für Catermat hatten wir schon die Website gebaut; jetzt war die Auslieferung an der Reihe. Die Aufgabe: die Wagen mit dem Unternehmenssystem Ordermat verbinden, damit Bestellungen im Telefon der Fahrer landen, klare Status durchlaufen und die Übergabe an Ort und Stelle bestätigt wird.

Wir haben eine hybride App für iOS und Android gebaut. Bestellungen fließen aus dem Unternehmenssystem ins Telefon und durchlaufen die Status Neu, Zur Expedition, Expediert und Geliefert; die Rollen Produktion und Auslieferung sehen jeweils ihre eigenen Schritte. Bei der Übergabe unterschreibt der Kunde mit dem Finger auf dem Display, und die Unterschrift wird samt Position beim Lieferschein gespeichert.

Die Tour: von der Expedition zur Unterschrift

Der ganze Tag eines Fahrers in einer Schleife: Anmeldung, Lieferscheine nach Status, Expedition einer Bestellung und zuletzt die Unterschrift des Empfängers mit dem Finger auf dem Display. Nirgendwo auf der Route Papier.

Der Ausliefer-Flow: Lieferscheine, Expedition, Fingerunterschrift des Empfängers und fertig.
Ein aufgeklappter Lieferschein: Adresse mit Raum und Etage, Empfängerkontakt mit Nachricht- und Anruf-Buttons und eine Zeitachse aus Expedition, Lieferfenster und Plan

Ein Lieferschein, der alles weiß

Die Adresse bis zu Raum und Etage, der Kontakt des Empfängers und eine Zeitachse von der Expedition über das Lieferfenster bis zum Plan. Anrufen geht mit einem Tipp, und die SMS geht mit vorausgefüllter Nachricht hinaus, dass die Bestellung unterwegs ist.

Ein Lieferschein mit Artikelgruppen, Preis und Niederlassung, darüber ein aufgeschobenes Unterschrift-Panel mit Fläche für die Fingerunterschrift und den Buttons Löschen und Bestätigen

Fingerunterschrift statt Papier

Bei der Übergabe unterschreibt der Kunde den Empfang direkt auf dem Display. Die Unterschrift wird zusammen mit der GPS-Position der Übergabe beim Lieferschein gespeichert, sodass belegt ist, was, wo und wann übergeben wurde.

Eine Karte der Innenstadt mit dem Lieferpunkt in einer Catermat-Markierung und einem Button zum Start der Navigation

Navigation zum Übergabepunkt

Jeder Lieferschein trägt Park-GPS-Koordinaten: nicht die Sitzadresse, sondern die Stelle, an der man wirklich halten kann. Von dort öffnet ein Tipp die Navigation in Google Maps oder Waze.

Die Dispo sieht die ganze Flotte

Die andere Hälfte der App gehört der Dispo: eine Live-Karte der Wagen mit GPS-Trackern, die Telemetrie jedes Fahrzeugs und ein Fahrtenbuch mit der Route auf der Karte. Wer wo ist, was er fährt und was ihn erwartet, ohne einen einzigen Anruf.

Der Dispo-Flow: Flottenkarte, Fahrzeugtelemetrie und Fahrtenbuch mit Route.
Eine Live-Karte Prags mit Fahrzeug-Pins und einer Fahrzeugkarte mit Geschwindigkeit und aktueller Adresse

Die Flotte live auf der Karte

Wagen mit GPS-Trackern werden in Echtzeit auf die Karte gezeichnet. Die Fahrzeugkarte zeigt Geschwindigkeit und aktuelle Adresse; die Positionen strömen laufend über Mercure in die App, kein Aktualisieren.

Ein Fahrzeugdetail mit Foto des Transporters und Live-Werten: Geschwindigkeit, Kraftstoff, Motor, Fahrzeugstatus, Kilometerstand und Batteriespannung, darunter die aktuellen und geplanten Bestellungen des Wagens

Telemetrie jedes Wagens

Geschwindigkeit, Kraftstoff, Motor, Batterie und Kilometerstand aus den REX-GPS-Einheiten. Und gleich darunter, was der Wagen gerade fährt und welche Bestellungen ihn erwarten, sodass die Dispo über dem echten Stand plant, nicht über einer Schätzung.

Das Fahrtenbuch: eine auf der Innenstadtkarte gezeichnete Route und eine Karte mit Kennzeichen, Fahrer, Fahrtdauer und Durchschnittsgeschwindigkeit

Ein Fahrtenbuch, das sich selbst schreibt

Jede Fahrt zeichnet sich selbst auf: die Route auf der Karte, die Fahrtdauer und die Durchschnittsgeschwindigkeit, mit Filtern nach Fahrzeug und Niederlassung. Das Fahrtenbuch entsteht durchs Fahren selbst, nicht durchs Abtippen am Monatsende.

Was die App noch kann

Auslieferung und Dispo in einer App ergeben eine längere Liste. Das Interessanteste davon, im Schnelldurchlauf.

  • Status wie am Fließband

    Eine Bestellung durchläuft die Status Neu, Zur Expedition, Expediert und Geliefert. Die Rollen Produktion und Auslieferung sehen jeweils ihre eigenen Schritte: die Küche bereitet vor, der Fahrer liefert, und niemand greift dem anderen in die Arbeit.

  • Angebunden ans Unternehmenssystem

    Die Bestellungen fließen aus dem Unternehmenssystem Ordermat ins Telefon, in dem die Firma lebt. Nichts wird doppelt erfasst: was im System gilt, gilt im Wagen, und die bestätigte Lieferung kehrt zurück.

  • Artikel in Gruppen

    Mittagessen, Buffets, Getränke: die Artikel einer Lieferung ordnen sich in Gruppen mit Stückzahlen, sodass eine große Buffet-Bestellung in übersichtlichen Blöcken geprüft wird, nicht Zeile für Zeile einer endlosen Liste.

  • Der Empfänger einen Tipp entfernt

    Jeder Lieferschein trägt Name und Telefon des Empfängers. Der Anruf startet direkt aus der App, und die SMS geht mit vorausgefüllter Nachricht hinaus, dass sich die Bestellung nähert.

  • Suche und Filter

    Volltext über Kunden, Bestell- und Lieferscheinnummern, dazu Filter nach Fahrzeug und Niederlassung. Auch an einem Tag voller Lieferungen ist eine bestimmte Bestellung in Sekunden gefunden.

  • Ein Code, zwei Stores

    Die App ist auf Capacitor mit Vue 3 und Framework7 gebaut, ein Code bedient also iOS und Android. Dahinter laufen Symfony und API Platform auf FrankenPHP in Docker, die Anmeldung sichert JWT, und Karten samt Geokodierung übernimmt Mapbox.

Lieferungen, unterschrieben mit dem Finger.