Von der Baustelle ins Kundengespräch.

Für Schramm Metallbau haben wir ein mobiles Referenzportal entwickelt, das Baustelle, Bildauswahl und Kundengespräch miteinander verbindet. Monteure laden Fotos direkt vom Smartphone zu einem Projekt hoch. In der Verwaltung werden passende Aufnahmen ausgewählt und zu individuellen Referenzmappen zusammengestellt. Das Portal ergänzt die bestehende WordPress-Website und ist als Live-Pilot für die interne Erprobung bereitgestellt.

Kunde: Schramm Metallbau
Konzeption & UX/UI-Design: Benz Digital
Portalentwicklung & Bereitstellung: Benz Digital

Konzeptillustration mit Smartphone, gerahmten Metallbau-Motiven und einer digitalen Bildauswahl.

Aufgabe: Fotos direkt auf der Baustelle einem Projekt zuordnen, intern auswählen und für konkrete Kundengespräche zusammenstellen.
Unser Beitrag: Konzeption und Gestaltung des Portals, eigenes WordPress-Plugin, mobile Uploads, Bildprüfung, individuelle Referenzmappen und automatische Bildaufbereitung.
Stand & Nutzen: Als Live-Pilot bereitgestellt. Die Erprobung durch das Team im tatsächlichen Arbeitsalltag folgt.

Die Dokumentation beginnt auf der Baustelle.

Gute Referenzen beginnen mit den Aufnahmen der eigenen Arbeit. Im Portal melden sich Monteure an, wählen das passende Projekt und laden mehrere Fotos direkt vom Smartphone hoch. Die Bilder sind damit ihrem Auftrag und dem zugehörigen Leistungsbereich zugeordnet.

Die mobile Oberfläche konzentriert sich auf diesen Ablauf. Ein sichtbarer Upload-Fortschritt und klare Rückmeldungen zeigen, ob die Bilder angekommen sind. Für diese Arbeit braucht das Team keinen Zugang zur WordPress-Verwaltung.

Visualisierter mobiler Upload mit Projektauswahl, Beispielmotiven und Schaltfläche zum Einreichen. — Mobiler Upload als visualisierter Ablauf mit Beispieldaten und schematischen Bildmotiven.

Welche Bilder nach außen gehen, entscheidet das Team.

In der Verwaltung werden die eingereichten Aufnahmen gesichtet und ausgewählt. Bilder können freigegeben, intern gehalten oder gelöscht werden. Filter nach Leistungsbereich und Bildstatus helfen dabei, die passenden Arbeiten wiederzufinden.

Die Dokumentation vor Ort und die Auswahl für die Außendarstellung bleiben so zwei eigene Schritte. Aus dem Bildbestand lassen sich anschließend genau die Beispiele zusammenstellen, die für eine Anfrage interessant sind.

Visualisierte Bildprüfung mit Statusfiltern, Freigabe und Auswahl für eine Kundenmappe. — Bildprüfung und Freigabe als visualisierte Beispielansicht.

Die passenden Arbeiten für das nächste Gespräch.

Interessiert sich ein Kunde für neue Fenster, kann Schramm eine Auswahl entsprechender Projekte zusammenstellen. Die individuelle Referenzmappe wird per Link oder QR-Code auf der eigenen Unternehmensdomain geöffnet. Interessenten benötigen dafür weder eine App noch ein Benutzerkonto.

Große Bildansichten und Wischgesten auf dem Smartphone stellen die Arbeiten in den Mittelpunkt. Geteilte Mappen lassen sich später wieder deaktivieren. Die Freigabe bleibt damit in der Hand des Unternehmens.

Visualisierte Kundenmappe mit schematischen Fenster- und Türmotiven. — Beispiel einer Kundenmappe mit schematischen Motiven – keine realen Schramm-Referenzfotos.

Eine Website, die auch im Betrieb unterstützt.

Wir haben das Portal als eigenes WordPress-Plugin umgesetzt. Es ergänzt die vorhandene Website um die Bereiche für Upload, Bildprüfung und Kundenmappen. Gestaltung und Navigation des öffentlichen Auftritts bleiben dabei bestehen; die Portaloberfläche greift das Erscheinungsbild von Schramm Metallbau auf.

Für die unterschiedlichen Aufgaben haben wir eigene Ansichten und Zugänge entwickelt. Bilder werden automatisch für die Darstellung aufbereitet, Vorschaubilder bedarfsgerecht geladen und große Ansichten erst beim Öffnen abgerufen.

Das Portal ist als Live-Pilot bereitgestellt. Die Erprobung im Arbeitsalltag steht als nächster Schritt an.

Individuelle WordPress-Entwicklung

Welche Abläufe kann eure Website unterstützen?

Gemeinsam schauen wir, wie aus wiederkehrenden Aufgaben eine passende digitale Anwendung wird.

Projekt besprechen