Zurück

Catermat Cars

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

Fünf Bildschirme der App Catermat Cars nebeneinander: Lieferscheine, ein Auftragsdetail, der Startbildschirm des Fahrers, eine Fahrzeugkarte auf der Karte und der Lagerscanner
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.

Der Startbildschirm des Fahrers: Begrüßung, die Karte zum Start der heutigen Auslieferung, Schnelllinks, die laufende Fahrt und anstehende Fahrten

Der Tag beginnt mit einem Knopf

Nach der Anmeldung sieht der Fahrer, ob er die Auslieferung des Tages starten kann, Schnelllinks zu Lieferscheinen, Karte und Lager und darunter die laufende Fahrt und die, die noch anstehen.

Detail eines Lieferscheins: Abholort und Ziel, ein Zeitplan mit Versand, Lieferfenster und Plan und das Auftragsdetail mit Nummern, Kunde, Gruppen, Fahrzeug und Zahlung

Ein Lieferschein, der alles weiß

Wo abgeholt wird und wohin es geht, ein Zeitplan vom Versand über das Lieferfenster bis zum Plan und darunter alles zum Auftrag: Auftrags- und Lieferscheinnummer, Kunde, Artikelgruppen, Fahrzeug und Zahlung.

Benachrichtigungen in der App: ein Fahrer hat eine Fahrt beendet und begonnen, ein Fahrzeug wurde in einer Straße abgeschlossen, und zu einem Auftrag kam eine Notiz hinzu

Unterschrieben und sofort gemeldet

Der Kunde unterschreibt den Empfang mit dem Finger direkt auf dem Display, und die Unterschrift wird mit der GPS-Position der Übergabe am Lieferschein gespeichert. Die Disposition erfährt es sofort: In den Benachrichtigungen erscheinen die beendete Fahrt, eine neue Notiz zum Auftrag und sogar, wo der Fahrer das Fahrzeug abgeschlossen hat.

Eine Karte von Prag mit Fahrzeug-Pins und der Karte des Transporters Auto T4 mit Kennzeichen, Entfernung und der Schaltfläche Anzeigen

Die Flotte live auf der Karte

Fahrzeuge mit GPS-Ortung erscheinen in Echtzeit auf der Karte. Die Fahrzeugkarte zeigt Kennzeichen und Entfernung und öffnet mit einem Tippen das Detail; die Position fließt laufend über Mercure in die App, ohne Neuladen.

Das Detail des Fahrzeugs Auto T4 mit einem Foto des Transporters und Live-Daten: wer fährt, Motorstatus, ob das Fahrzeug fährt, und die Gesamtbetriebszeit

Telemetrie für jedes Fahrzeug

Wer fährt, ob der Motor läuft, ob das Fahrzeug unterwegs ist und wie lange es insgesamt im Einsatz ist, alles aus den GPS-Einheiten von REX. So plant die Disposition mit dem echten Zustand der Flotte statt mit Schätzungen.

Das Fahrtenbuch: eine Route mit Stopps auf einer Karte von Prag und eine Karte mit Kennzeichen, Fahrer, Fahrzeit 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.

Das Lager im Scanner-Modus: ein Barcode im Kamerarahmen, die Aufschrift QR scannen und eine Schaltfläche Scannen

Ein Lager mit Scanner im Handy

Bankettausstattung vom Besteck bis zum Kocher hat in der App ein eigenes Lager mit Stückzahlen. Ein Scan des Barcodes mit der Handykamera zeigt sofort, zu welchem Auftrag ein Artikel gehört, oder er lässt sich aus dem Auftrag freigeben.

Nebeneinander auf dem Tablet

Die App auf dem Tablet im Hoch- und Querformat: Liste der Lieferscheine mit aufgeklapptem Detail und geteilte Ansicht von Liste und Detail
Im Hochformat klappt der Lieferschein direkt in der Liste auf, im Querformat stehen Liste und Auftragsdetail nebeneinander.

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.

Die ganze Auslieferung in einer Hosentasche.

Lieferscheine, Flotte und Lager in einer App für iOS und Android, direkt an das Unternehmenssystem angebunden.