<style>html[data-arrive]:not([data-fonts-ready]) .bd-page-fade, html[data-arrive]:not([data-fonts-ready]) .bd-page-light { animation-play-state: running; }</style>

Referenz: VSM Abrasives

Ein Kundenportal für zwei Märkte.

VSM stellt Schleifmittel her, mit Stammsitz in Hannover und einer Tochtergesellschaft in den USA. Händler, Außendienst und Innendienst der amerikanischen Gesellschaft arbeiten in einem Portal, das wir entwickeln und betreiben: Angebote entstehen in Minuten, Sendungen lassen sich live verfolgen, Vertragspreise stehen je Endkunde bereit, und die Stammdaten kommen täglich aus dem ERP.

Die Aufgabe und der Weg

Herausforderung und Umsetzung

Das europäische Portal existierte bereits. Die amerikanische Tochter brauchte dieselbe Grundlage für einen Markt, der anders rechnet, anders misst und anders verkauft.

Ausgangslage

Die Herausforderung

Die amerikanische Tochter brauchte ein Angebotswerkzeug für den Außendienst mit Preisregeln, die der Kunde vorgibt, und einen Sendungsstatus, den Händler selbst abfragen. Dazu Maße in Zoll, Händler und Endkunde als getrennte Ebenen und Daten aus dem ERP, alles auf der Codebasis des europäischen Portals.

  • Zwei Märkte
  • Eine Codebasis
  • ERP-Daten

Umsetzung

Die Umsetzung

Wir haben das europäische Portal zur gemeinsamen Grundlage gemacht und die US-Funktionen als eigene Schicht darübergelegt: Quick Quote mit Preislogik und Freigaben, Sendungsverfolgung mit Live-Tracking, Vertragspreise und Vertriebsbericht. Der ERP-Import läuft täglich, jede Anfrage wird protokolliert, und seitdem betreiben wir das Portal und entwickeln es mit dem Team in den USA weiter.

  • Angular
  • PHP
  • Betrieb
Dashboard des VSM-Portals mit den Bereichen je Rolle, Desktop und Handy

Startseite

Ein Einstieg, der die Rolle kennt

Was man sieht

Nach der Anmeldung zeigt das Dashboard nur die Bereiche, die zur Rolle gehören. Ein Händler sieht Sendungsstatus und Vertragspreise, ein Vertriebsmitarbeiter zusätzlich Quick Quote und den Download-Bereich.

Die Verwaltung sieht dazu Sales Report, Nutzerverwaltung und den Kosten-Nutzen-Rechner. Die Kacheln sind der gesamte Navigationsraum; was jemand sieht, darf er auch öffnen.

Auf dem Handy bleibt dieselbe Ordnung erhalten, nur untereinander. Der Außendienst nutzt das Portal überwiegend unterwegs, deshalb ist die mobile Ansicht der Normalfall.

Preisseite von Quick Quote mit Preisskala und Zielpreis, Desktop

Quick Quote

Vom Händler zum fertigen Angebot

Was die Funktion kann

Ein Händler wählt den Endkunden, konfiguriert das Produkt über Serie, Körnung und Maße und setzt einen Zielpreis. Die Preisseite zeigt Listenpreis, geschätzten Marktpreis und Mindestpreis auf einer Skala; wer darunter geht, löst automatisch eine Freigabe beim zuständigen Manager aus.

Am Ende steht eine Mail mit allen Positionen an den Vertriebsmitarbeiter, den Innendienst und, falls erforderlich, an die Freigabe.

Das tägliche Angebotsgeschäft der Gesellschaft läuft über diese Strecke, und die Preisregeln gelten für alle.

Sendungsstatus mit Aufträgen, Spediteur und Sendungsnummer, Desktop

Shipment Status

Sendungen verfolgen, ohne anzurufen

Was die Funktion kann

Ein Händler sieht seine Lieferaufträge mit Positionen, Spediteur, Sendungsnummer und voraussichtlichem Versanddatum. Der Status kommt aus dem ERP, das Live-Tracking direkt vom Logistikpartner über dessen Versand-Schnittstelle.

Er sucht und sortiert nach Auftrag, Datum und Status; die Packliste liegt als Dokument daneben.

Für den Innendienst heißt das: weniger Anrufe zur Frage, wo die Ware ist. Für den Händler: eine Antwort, bevor er die Frage stellt.

Vertragsdetail mit Staffelpreisen je Menge, Desktop

Customer Contracts

Vertragspreise je Endkunde

Was die Funktion kann

Jeder Vertrag trägt seine Vertragsnummer, den Endkunden, die Laufzeit und die Staffelpreise je Menge. Ein Händler sieht ausschließlich die eigenen Verträge; die Zugriffsprüfung sitzt in der Schnittstelle und greift damit vor der Oberfläche.

Eine Druckansicht liefert den Vertrag als Dokument für das Kundengespräch.

Die Daten kommen täglich aus dem ERP. Preise entstehen ausschließlich dort.

Sales Report mit Angeboten je Monat, Desktop

Verwaltung

Sales Report und Nutzerverwaltung

Was die Funktion kann

Der Sales Report zählt die Angebotsanfragen je Vertriebsmitarbeiter und Monat über ein Jahr. Die Nutzerverwaltung legt Zugänge an, ordnet Rollen, Kundennummern, Innendienst- und Freigabeadressen zu und erlaubt der Verwaltung, sich als Nutzer anzumelden, um dessen Sicht zu prüfen.

Dazu kommt der Kosten-Nutzen-Rechner für den Schleiftest beim Kunden.

Alles, was der Kunde selbst pflegen soll, liegt hier. Was aus dem ERP kommt, bleibt im ERP.

Betrieb

Technische Schwerpunkte

Das Portal läuft bei uns, auf Servern bei Hetzner in Deutschland, die wir selbst betreuen.

Wo das Portal liegt

Anwendung, Datenbank und Sicherungen stehen dort. Eine eigene Umgebung braucht VSM dafür nicht.

Unsere Aufgabe im Betrieb

Wir spielen Aktualisierungen ein, überwachen die Umgebung und prüfen die Sicherungen. Entwicklung und Betrieb liegen damit in denselben Händen.

Warum das trägt

Eine technische Grundlage, die mitwächst

Ein Portal ist mit dem Start nicht fertig. Neue Produkte, neue Preisregeln und neue Märkte kommen hinzu, und die Grundlage muss das tragen.

Pflegbar

Der Kunde pflegt selbst

Stammdaten kommen aus dem ERP, Nutzer und Rechte verwaltet die Verwaltung im Portal, Dokumente ebenso. Einen neuen Händlerzugang legt sie selbst an.

Modular

Jeder Baustein steht für sich

Quick Quote, Sendungsstatus, Vertragspreise und Berichte sind eigene Bausteine. Jeder Markt schaltet die frei, mit denen er arbeitet.

Erweiterbar

Neues kommt im laufenden Betrieb

Neue Artikelgruppen, neue Preisregeln und eine dritte Sprache kamen im laufenden Betrieb dazu, während das Portal weiterlief.

Betrieben

Der Betrieb gehört zum Auftrag

Überwachung, Sicherungen, Updates und die Weiterentwicklung mit dem Team in den USA gehören dazu. Fragen aus dem Betrieb beantworten wir mit Daten.

Womit umgesetzt

Technologien im Projekt

Der Stack ist bewusst unaufgeregt: bewährte Werkzeuge mit langem Pflegezeitraum, die dein Team später selbst weiterführen kann.

Logo von Angular

Oberfläche

Angular

Die Oberfläche ist eine eigenständige Anwendung, die der Außendienst auch als App auf dem Startbildschirm hat.

Logo von PHP

Schnittstelle

PHP mit Slim und Doctrine

Eine schlanke API mit klaren Schichten: Controller, Dienste und Datenbank. Wenig Rahmenwerk, viel Lesbarkeit.

Logo von MySQL

Daten

MySQL

Eine Datenbank, die das ERP täglich befüllt und das Portal befragt. Jede Angebotsanfrage bleibt darin nachvollziehbar.

Logo von Docker

Auslieferung

Docker und CI

Ein Image für Test und Produktion, erzeugt in der Pipeline mit Tests und statischer Analyse, ausgeliefert per Knopfdruck.

REST | JSON

Logistik

Versand-Schnittstelle

Live-Tracking der Sendungen direkt beim Logistikpartner, ohne Zwischenspeicher und ohne Anruf im Innendienst.

SFTP | nächtlich

ERP

ERP-Import

Artikel, Kunden, Verträge und Aufträge kommen jede Nacht per SFTP, mit Prüfsummen gegen unveränderte Dateien.

Referenzen

Zwei weitere Fälle aus unserer Arbeit

Für Geschäftskunden

BITMARCK

Auch hier steht ein Portal für Geschäftskunden, nur in einer anderen Branche: die gesetzlichen Krankenkassen holen sich darüber Dokumente und Auskünfte. Wir entwickeln es weiter und setzen daneben den Relaunch um.

  • TYPO3
  • Relaunch

Referenz BITMARCK

Eigene Anwendung

bytediver-Portal

Dieselbe Technik, ein anderer Zweck. Unser eigenes Portal führt Tickets, Zeiten und Rechnungen zusammen, und wir arbeiten jeden Tag damit, bevor wir es jemandem empfehlen.

  • Angular
  • PHP
  • Echtzeit

Referenz bytediver-Portal

Alle Referenzen

Signal senden

Fragen zum Portal? Sprich direkt mit Tim.

Portrait von Tim Rücker
  • Kundenportale
  • Angular
  • Betrieb

Tim Rücker

Geschäftsführer

Nächster Schritt

Ähnliche Wege im eigenen Fahrwasser?

Angebote, Preisregeln, Sendungsstatus und Händlerzugänge: Beschreib uns, wie es heute läuft.

Wir sagen, was sich in Software abbilden lässt und was besser eine Regel bleibt. Ob das bei dir ähnlich liegt, zeigt ein kostenloses Gespräch von 30 Minuten.