Ernst Derfeser GmbH

Digitalisierung der Tankaufzeichnungen für die Ernst Derfeser GmbH

Ernst Derfeser GmbH

Digitale Tankaufzeichnung statt Zettelwirtschaft

Zahlreiche Maschinen wie Bagger oder Muldenkipper müssen täglich betankt werden. Eine saubere und nachvollziehbare Aufzeichnung, wie viele Liter Treibstoff in welche Maschine getankt wurden, ist dabei essenziell. Eine solche Dokumentation mit Stift und Papier ist im Jahr 2026 jedoch nicht mehr zeitgemäß.

Auch die Ernst Derfeser GmbH erkannte dieses Problem und trat mit der Idee einer mobilen, digitalen Tankaufzeichnungslösung an uns heran.

Screenshot PWA Ernst Derfeser

Ernst Derfeser GmbH: Qualität und Erfahrung aus Tirol

Die Ernst Derfeser GmbH steht seit Jahrzehnten für Verlässlichkeit und Qualität im Bau- und Rohstoffbereich. Mit Sitz in Tirol überzeugt das Unternehmen durch Fachkompetenz, moderne Technik und langjährige Erfahrung. Mit Engagement, Innovationsgeist und einem starken Team realisiert die Ernst Derfeser GmbH auch anspruchsvolle Projekte zuverlässig und nachhaltig.

Ernst Derfeser LKWs

Effiziente Tankdokumentation für das Baugewerbe – einfach, digital, zuverlässig

Viele Menschen wählen das Baugewerbe, weil sie lieber praktisch arbeiten als Zeit mit Schreibtischarbeit zu verbringen. Für Unternehmen ist es dennoch entscheidend, jederzeit nachvollziehen zu können, welche Maschinen mit welchen Treibstoffmengen betankt werden.

In der Praxis werden diese Aufzeichnungen daher oft nur unvollständig oder verspätet geführt. Erfolgt die Dokumentation zusätzlich noch mit Papier und Stift, entstehen weitere Herausforderungen: Zettel gehen verloren, werden verschmutzt oder sind nicht mehr lesbar. Der Aufwand für die nachträgliche Erfassung der Tankungen ist entsprechend hoch.

Aus diesem Grund haben wir bei Zewas eine schlanke, aber dennoch effiziente und maßgeschneiderte Lösung entwickelt, die den Arbeitsalltag der Mitarbeitenden vereinfacht und gleichzeitig eine strukturierte Datengrundlage schafft.

Screenshot:

App-Layout mit vier Screens: "Tankung starten" und Liste letzter Tankungen; "Neue Tankung erstellen" mit Suchfeld; QR-Scanner über rotem Tanklaster mit Hinweis "Scanne den QR-Code auf dem Tank"; Datenübersicht mit Diesel Tank Nr. 30 (1000 Liter) und Füllmenge 50 Liter.
Samuel Plankel

Mit einem bewusst minimal gehaltenem Klick-Dummy, wollten wir die Kernabläufe effizient testen. So schafften wir die Basis für eine gezielte, stabile Entwicklung.

Samuel Plankel, Zewas Digital

Umsetzung einer einfachen und effizienten Tankerfassungs-App

Bedienung

Die Anwendung wurde speziell für Mitarbeitende entwickelt, die täglich Maschinen betanken. Ziel war eine möglichst schnelle, intuitive und fehlerfreie Erfassung direkt vor Ort.

Durch das Scannen des QR-Codes am Lagertank sowie an der jeweiligen Maschine und die anschließende Eingabe der getankten Liter ist ein Tankvorgang mit nur drei einfachen Schritten abgeschlossen. Eine klare Benutzerführung, große Bedienelemente und der bewusste Verzicht auf unnötige Funktionen sorgen dafür, dass die App auch unter Zeitdruck zuverlässig genutzt werden kann.

Verwaltung

Ein zentraler Bestandteil des Projekts ist die Verwaltungsoberfläche auf Basis von AdminJS. Dort können Maschinen und Mitarbeitende angelegt und verwaltet sowie QR-Code-Etiketten für Tanks und Maschinen generiert werden.

Zusätzlich lassen sich Tankvorgänge mit Preisen versehen und gesammelt exportieren, wodurch eine strukturierte Weiterverarbeitung der Daten ermöglicht wird. Die Lösung sorgt damit für Transparenz, Nachvollziehbarkeit und eine deutliche Reduktion manueller Arbeitsschritte.

Drei App-Bildschirme: links Kameraansicht eines roten Lkw mit Fokusrahmen und Text "Scanne den QR-Code auf dem Tank", Mitte Formular "Neue Tankung erstellen" mit Dropdown-Auswahl (z. B. "Bobcat E17/1..."), rechts "Datenübersicht" mit Einträgen "Tanken aus Diesel Tank Nr. 30 (1000 Liter) - 118030", "Tanken in CAT 340 Kettenbagger bis 45 to - 111730" und "Füllmenge 50 Liter" sowie Schaltfläche "Tankung bestätigen
Julius Lässer

Mit Expo-Web kann React-Native-Code direkt als Web-App veröffentlicht werden – ohne App-Store-Distribution, aber trotzdem mit der Möglichkeit, die App später unkompliziert in die Stores zu bringen.

Julius Lässer, Zewas Digital

Flexible Systemarchitektur mit Backend und PWA

Backend

Im Backend kommt AdminJS als zentrales Verwaltungssystem zum Einsatz. Dadurch konnten wesentliche Funktionen wie die Verwaltung von Mitarbeitenden, Maschinen und Tankvorgängen sowie die Generierung von QR-Codes effizient umgesetzt werden, ohne sämtliche Komponenten von Grund auf neu zu entwickeln. Dies reduziert den Entwicklungsaufwand, erhöht die Wartbarkeit und ermöglicht eine flexible Erweiterung der Anwendung.

Frontend

Das Frontend wurde mit Expo Web umgesetzt und als Progressive Web App (PWA) realisiert. Die Anwendung kann dadurch direkt im Browser auf mobilen Endgeräten genutzt werden, ohne eine Veröffentlichung im Apple App Store oder Google Play Store. Gleichzeitig ist die App technisch so aufgebaut, dass sie bei Bedarf mit wenigen Schritten in eine native iOS- oder Android-App überführt werden kann. So verbindet die Lösung schnelle Verfügbarkeit mit langfristiger technologischer Flexibilität.

Diese Technologien haben wir verwendet

AdminJS

AdminJS ist ein modernes Admin-Panel-Framework für Node.js, das Entwicklern ermöglicht, Verwaltungsoberflächen schnell und flexibel zu erstellen. Mit Unterstützung für verschiedene Datenbanken und einem anpassbaren Interface lässt sich AdminJS nahtlos in bestehende Projekte integrieren.

Hintergrund SVG

Du hast noch Fragen?

Schreibe mir eine Mail und wir besprechen alles im Detail!