Web-API & Mobile vCards | Kratzert General Bau

Ganzheitliche Design- und Tech-Evolution aus einer Hand

Komplette UI/UX-Konzeption, visuelle Gestaltung und technische Realisierung der B2B-Plattform für ein führendes Bauunternehmen inklusive digitalem NFC-Netzwerk und BFSG-konformer Skip-Navigation.

( Über das Projekt )

Digitale Transformation im Generalbau – Konzeption, Design, BFSG-Compliance und NFC-Vernetzung

Dieses Projekt zeigt die mehrjährige Begleitung der Kratzert General-Bau GmbH und demonstriert die nahtlose Verschmelzung von visuellem Design, solider Fullstack-Entwicklung und smarten Hardware-Schnittstellen.

Sowohl das responsive Interface als auch die innovative Vernetzung via NFC-Visitenkarten und die Nachrüstung barrierefreier Skip-Links wurden komplett in Eigenregie konzipiert und programmiert.

Im Zuge des strategischen Relaunchs wurde das B2B-Corporate-Design massiv modernisiert und technologisch zukunftssicher aufgestellt. Neben einem maßgeschneiderten digitalen NFC-Visitenkartensystem zur vCard-Übertragung für den Außendienst lag ein besonderer technischer Schwerpunkt auf der Einhaltung des Barriereheitsstärkungsgesetzes (BFSG).

Das Frontend wurde nachträglich mit einer semantisch sauberen Skip-Navigation (Skip Links) ausgestattet, die es Tastaturnutzern und Screenreadern erlaubt, wiederkehrende Navigationsstrukturen barrierefrei zu überspringen und direkt zu den Projekt-Referenzen zu gelangen.

( Geräte )

smartphone

smartphone quer

smartphone

tablet

tablet quer

tablet

computer

monitor

( Tech-Stack )

Bootstrap

CSS3

HTML5

JavaScript

jQuery

MODX

MySQL

PHP

Design & UI/UX aus einer Hand

Custom Corporate Design

Entwicklung einer konsistenten, seriösen Farb- und Typografie-Welt, die die Wertschöpfungskette des Bauens visuell greifbar macht.

Visitenkarten-UI

Gestaltung einer maßgeschneiderten, mobilen Benutzeroberfläche für das digitale Mitarbeiter-Profil zur optimalen vCard-Conversion.

Mobile-First Baupraxis

Eigenständiges responsives Design für eine makellose, schnelle Bedienbarkeit auf Smartphones – optimiert für den Einsatz direkt vor Ort.

Funktionalitäten & Smart Networking

Kontaktloses NFC-System

Technische Konzeption und native Programmierung von digitalen vCard-Visitenkarten, die via NFC-Hardwarekontakt abgerufen werden können.

One-Click vCard Save

Integration einer automatisisierten Download-Logik zur fehlerfreien Speicherung des Mitarbeiterprofils direkt im Smartphone-Adressbuch.

High-End Referenzportfolio

Konzeption eines flexiblen Projekt-Showcases zur eindrucksvollen Darstellung von Neubauten, Sanierungen und Revitalisierungen.

Technische Umsetzung & Compliance

BFSG Skip-Navigation

Code-seitige Nachrüstung barrierefreier Tastatur-Sprungmarken (Skip-Links) zur Einhaltung des Barrierefreiheitsstärkungsgesetzes.

Modulare Template-Logik

Implementierung einer flexiblen, komponentenbasierter Code-Struktur für eine mühelose Skalierbarkeit des Contents.

Native Web-APIs & vCards

Entwicklung einer serverseitigen Schnittstelle zur dynamischen Generierung standardisierter .vcf-Dateien für mobile Betriebssysteme. -HINWEIS

📈 Projektergebnis & Fazit

Das Projekt Kratzert General-Bau beweist eindrucksvoll den unschätzbaren Vorteil, wenn Konzeption, Design, Code und barrierefreie Compliance aus einer einzigen Feder stammen.

Über einen Zyklus von mehreren Jahren wurde die Webseite von einer soliden digitalen Visitenkarte zu einer repräsentativen Enterprise-Plattform ausgebaut.

Die zusätzliche Einführung der NFC-basierten Mitarbeiter-Visitenkarten schließt die Lücke zwischen traditionellem B2B-Vertrieb und moderner Webentwicklung, während die BFSG-Schnittstellen für langfristige Rechtssicherheit sorgen – ein nachhaltiger, langlebiger Auftritt, der das Wachstum des Bauunternehmens perfekt vorantreibt.

Runter scrollen