Kunde
Projekt
#
Webentwicklung
#
API Entwicklung
#
Automation
Webseite, Konfigurator & Backend mit ERP-Anbindung.
EuroFlexx24.com, ein Unternehmen, das schon 20 Jahre in der Logistik-Branche tätig ist. Zukunftsberatung hat Webseite und Geschäftsabläufe von Grund auf neu konzipiert.
Ausgangslage und Zielbild.
EuroFlexx24 ist seit 2007 aktiv, verhindert Ausfälle und hält die Industrie weiter am Laufen.
📂 Die Ausgangslage.
Mit über 20 Jahren in der Branche und als Partner von Großkonzernen ist EuroFlexx24 durchaus erfolgreich. Der Geschäftsführer pflegte einen Gedanken schon länger: Kundenanfragen sollen endlich digital standardisiert erfasst werden.
Wachstumsbremse: Ineffiziente Anfragen.
Im Tagesgeschäft sind Transport-Anfragen meist unvollständig.
Rückfragen kosten das Unternehmen Zeit und viel Geld.
Abläufe sind mehr Improvisation als Organisation.
Unvollständige Anfragen → Rückrufe → Zeitverlust → weniger Skalierung.
Warum EuroFlexx24 erst jetzt digitalisiert.
Mit dem Standortwechsel von EuroFlexx24 sollten interne Prozesse ebenfalls neu gestaltet werden.
Das Hindernis: Die neuen Abläufe sollen sich in bestehende Strukturen nahtlos integrieren.
Denn funktionierende Systeme wahllos zu ersetzen funktioniert nicht.
📂 Das Zielbild für das Projekt EuroFlexx24.
Nach dem ersten Kontakt wurden die Projekt-Ziele gemeinsam skizziert.
Wünsche des Kunden.
Der Kunde wusste, was er will, und was nicht.
Ich habe geholfen, das dann konkret in Ziele zu fassen:
Digitalisierung als Hebel für eine effiziente Organisierung.
Konkret: Statt E-Mails und Telefonaten: Strukturierte KundenanfragenZentralisierte Verwaltung
Konkret: Kein Copy Paste, sondern feste Abläufe.Schnellerer Support für Kunden + Entlastung der Disposition
Konkret: Feste Kommunikationswege, Statt E-mails und Telefonaten automatisierte Kanäle
Zukunftsberatung als Partner für Change-Management bei EuroFlexx24. Beratung zu Webseite, Prozessoptimierung und Automationen; aber als einheitliches Konzept.
Statt Insellösungen liegt mein Fokus auf dem Aufbau von Systemen, die eine effiziente Unternehmensführung erlauben. Das ist natürlich immer individuell und erfordert ein Verständnis für die Arbeitsweisen des Kunden.
Die Umsetzung wurde in 4 Sprints aufgeteilt:
(I) Webseite
(II) Einbindung des Konfigurator
(III) Backend für die Preis und Routenberechnung
(IV) Anbindung an ERP, E-Mail Automationen
Der konkrete Ablauf.
Von Webseite mit Micro-Interactions bis hin zur Entwicklung des Backends. Zukunftsberatung hat alles für EuroFlexx24 individuell konzipiert.
(I) Umsetzung: Die EuroFlexx24.com Webseite.
Die Webseite wurde in Framer umgesetzt.
Inspiration: Modernes Design von Tech Start-Ups.
WIP Video zur EuroFlexx24 "Startseite"
Positionierung: EuroFlexx24 als Vorbild einer Branche, die zum Großteil noch analog arbeitet.
Damit dies zur Realität wird, habe ich in enger Zusammenarbeit mit dem Kunden die Umsetzung geplant.
Wie können Werte eines Unternehmens kommuniziert werden?
Um die Werte von EuroFlexx24 zu kommunizieren, musste ich erst die Markenidentität verstehen.
Der Slogan: "Fast. Easy. Digital." Doch was heißt das?
Slogan: | Fast | Easy | Digital |
|---|---|---|---|
Das Versprechen von EuroFlexx24 | Das Versprechen, dass Just-In-Time Lieferungen pünktlich ankommen. | Direktfahrten werden von der Disposition unkompliziert umgesetzt. | Statt Papier und Fax: |
Wie darstellen? | Schnelle Ladezeiten | Design strahlt Ruhe aus | 3D / Animationen |
Wie kann ein "easy" bzw. unkompliziert in Designsprache übersetzt werden?
→ Meine Antwort: Ruhe ausstrahlen, durch Freiräume und durchdachtes Designsystem (Typografie, Farben)
Und wie soll digitale Transformation sichtbar werden?
Denn dies passiert leise im Hintergrund. Aber EuroFlexx24.com soll digitale Kompetenz ausstrahlen.
→ Meine Antwort: Micro-Interactions, mit Liebe zum Detail heben EuroFlexx24 aus der Masse.
Viele schreiben Animationen als Spielerei ab. Wenn ich an alte Flash Webseiten zurück denke, dann stimme ich dem zu. Aber eine bewusste Nutzung bewirkt mehr als nur Ästhetik.
Mit diesen Werten setzt EuroFlexx24 neue Maßstäbe.
Warum Web-Animationen mehr als "nur" Spielerei sind.
Benutzer merken schnell, dass Interaktionen mit dieser Webseite einen Effekt haben.
Ob Animationen, oder ein 3D Effekt: Dies löst eine natürliche Neugier aus.
Das kleine Kind in uns erwacht: Es will entdecken und spielen.
Verständlichkeit: Rückmeldungen verhindern Orientierungslosigkeit.
Freude: Sinnvolle Spielereien reduzieren die kognitive Belastung.
EuroFlexx24 "Über uns" Seite mit animierten Karten über die eigenen Werte.
Besucher bleiben länger. Das sendet positive Signale an Suchmaschinen.
Andere Methoden dein SEO zu verbessern findest du hier: Link zu meinem Artikel über SEO.
Wo machen Animationen Sinn?
Damit die Animationen einen Sinn haben, sind einige Überlegungen wichtig.
Welchen Zweck verfolge ich?
Um die Aufmerksamkeit zu erhalten:
Dafür habe ich vor allem Sektionen mit hoher Informations- und Textdichte gewählt.
Das folgende Beispiel zeigt einen Ausschnitt "Über uns" Seite.
Versicherungsdokumente werden animiert, um den Lesefluss zu erleichtern.
Hier werden Besucher über die überdurchschnittliche Fracht-Versicherung informiert.
Ein wichtiges Thema, an das der Besucher sich erinnern soll. Die Ordner-Animation bleibt im Gedächtnis.
Zum Lenken:
Animationen lenken nicht nur die Aufmerksamkeit, sondern auch die Art und Weise, wie mit der Webseite interagiert wird.
Hier wird die Timeline Animation genutzt, damit Nutzer bis zum Ende der Sektion lesen.
Um Kontaktanfragen abseits des Konfigurator zu minimieren, habe ich auch eine 3D Komponente erstellt.
FAQ und Kontaktanfrage sind eine 3D Karte, das Formular ist auf der Rückseite.
Möchte der Nutzer eine Kontaktanfrage erstellen, wird er erst sanft an das FAQ geführt.
Wenn du mehr darüber erfahren willst:
Artikel: Wie bei EuroFlexx24 das FAQ als Türsteher fungiert
Aber:
Animationen verlangsamen Webseiten.
Wusstest du, dass dich jede Millisekunde Ladezeit Geld kostet?
Warum das so ist, und wie du auch mit Animationen für schnellere Ladezeit sorgen kannst:
Link zu meinem Blogpost über Ladezeiten als Umsatzhebel.
(II) Herz des Projektes: Der Konfigurator.
Ich habe einen mehrstufigen Konfigurator eigens für EuroFlexx24 programmiert.
Statt Copy-Paste sollten Anfragen zentralisiert erfasst und automatisch bearbeitet werden können.
Bei der Eingabe von vielen Daten kann es schnell monoton werden. Deshalb habe ich als kleine Motivation einen funktionalen iPod neben dem Konfigurator verbaut.
Konfigurator Schritt 1: Erste Preis-Schätzung, in Echtzeit.
Der erste Schritt im Konfigurator gibt eine schnelle Preisindikation, basierend auf:
1. Abholort (PLZ Eingabe)
2. Entladeort (PLZ Eingabe)
3. Gewünschtes Fahrzeug (Dropdown Auswahl)
Der Nutzer kann so mit seinem Budget schnell abgleichen.
Das erlaubt eine schnelle Preisindikation, ohne kognitive Überlastung am Anfang der Customer-Journey.
EuroFlexx24 Preiskonfigurator Schritt 1: Preis Schätzung
Konfigurator Schritt 2: Abfrage Frachtinformationen.
Im zweiten Schritt werden Daten zu der Fracht abgefragt. Wie viel, von was soll wohin?
Zu oft werden wichtige Angaben von Nutzern vergessen.
Daher wurden Pflichtfelder für diese Eingaben eingeführt.
Auf dem Bild: Schritt 2 des Konfigurators von EuroFlexx24.
Konfigurator Schritt 3: Letzte Dateneingaben zu Be- und Entladeterminals.
Der letzte Schritt konkretisiert nun die Anfrage.
Mit konkreten Be- und Entladeadressen und weiteren Daten kann nun die Transportanfrage seitens EuroFlexx24 weiterverarbeitet werden.
Ohne händische Nacharbeit, ohne weitere Telefonate.
Alle benötigten Daten sind vollständig und strukturiert vorhanden.
Die Qualifizierung der Anfragen ist automatisiert.
Nutzer des Konfigurators bekommen direkt eine Rückmeldung, wenn etwa ein Transport so nicht möglich ist. Statt dem Kundensupport kann der Disposition mehr Zeit zugeteilt werden.
Interesse, den Konfigurator selbst auszuprobieren? Hier geht es zu der EuroFlexx24 Seite.
(III) Die Magie dahinter: Das Backend.
Das Backend ist eine eigene Entwicklung, eigens für EuroFlexx24.
Hier werden alle Anfragen und Touren zentral verwaltet, Fahrzeuge, Zuschläge und Stop-Regeln können eingestellt werden.
Funktionsweise und Anbindung des Backends.
Die Kommunikation zwischen Backend und der EuroFlexx24 Webseite läuft über eigene API-Routen.
So wird zwischen der Preview-Route für die schnelle Schätzung und der präzisen Berechnung differenziert.
Auch ist das Backend verantwortlich für die automatische Erzeugung und Versand von Dokumenten.
Also z.B. Auftragsbestätigungen, Lieferscheine und Status-Updates für den Kunden.
So bleibt EuroFlexx24 unabhängig und selbstständig.
Änderungen von Preisen oder das Hinzufügen/Löschen von Regeln, Zuschlägen oder sogar die Preislogik an sich kann hier justiert werden.
Verändert sich der Flottenbestand, oder ein Land wird von der Logistik nicht mehr bedient - kein Problem.
(IV) Zusätzliche Anbindung & Automationen
Die Web-Anfrage ist nur dann wertvoll, wenn sie sauber in die operative Abwicklung übergeht.
Datensätze werden an die operative Disposition übergeben.
Im Laufe der Umsetzung und Beratung konnte außerdem in weiteren Punkten dem Kunden Unterstützung geboten werden:
E-Mail-Automation:
Statt manuell werden E-Mails zu Anfragen, Bestätigungen und Status-Updates automatisiert versendet.ERP-Datenmigration
Die Bestandsdaten aus dem alten ERP konnten in das neue System Lavid F.I.S 10 Kurier importiert werden. Für den Transfer von F.I.S 4 in das über 13 Jahre neure F.I.S 10 mussten die Daten bereinigt und korrekt zugeordnet werden.Einrichtung E-Mail-Domain
Outcome für den Kunden mit dem neuen System.
Genaue Zahlen und Outcomes müssen erst unter realen Bedingungen noch weiter analysiert werden.
Einige Kennzahlen sind sehr schwer zu messen, z.B. die Opportunitätskosten bisher.
Wie viele Kunden sind bisher durch den fehlenden Webauftritt entgangen?
Wie viel Nerven hätte sich die Disposition sparen können?
Statt Copy-Paste kann sich EuroFlexx24 jetzt auf das konzentrieren, das wirklich zählt:
Mehr Skalierbarkeit durch Standardisierung und Automationen.
Wie geht es weiter in dem Projekt EuroFlexx24?
Mein Schlusswort…
Die Welt dreht sich immer schneller.
Der Mittelstand steht vor großen Herausforderungen.
Mehr zu arbeiten reicht nicht.
Als selbstständiger Unternehmer weiß ich das selber zu gut.
Meiner Meinung werden nicht alle den Wandel schaffen.
Ob Einzelhandel, E-Commerce, Logistik, oder Dienstleistungen:
Veränderung kommt, ob man will oder nicht.
Wie man sich 2026 differenzieren kann, dazu habe ich hier einen LinkedIn Beitrag verfasst.
Überleben werden jene, die bei gleichem Einsatz von Ressourcen ihren Output skalieren können.
Was zählt sind also Wege, die Arbeitskraft und Zeit zu hebeln.
Aber wir können Schwierigkeiten gemeinsam meistern.
Und genau das zeigt EuroFlexx24.com.
Die neue Positionierung und der Webauftritt sind ein Statement.
Ein Signal.
Der Mittelstand gibt nicht auf.
Du möchtest auch Themen wie Digitalisierung angehen?
Ähnliches Projekt anfragen:
Mehr entdecken.
