BAADER: Globales Business Card Tool in Webflow
Für BAADER entstand ein Online-Tool in Webflow, mit dem Mitarbeitende an Standorten weltweit Visitenkarten gestalten, prüfen und in vier Schritten bestellen.
Erfolg spricht Klartext
Das Business Card Tool führt Mitarbeitende von BAADER in vier Schritten von den Bestelldetails über die Kartendaten und die Vorschau bis zur Bestätigung der Bestellung. Dreißig Gesellschaften weltweit stehen zur Auswahl, Liefer- und Rechnungsadresse sowie Kostenstelle werden direkt im Formular erfasst. Eine hochauflösende PDF-Vorschau zeigt die fertige Karte vor dem Absenden, sodass Schreibweise, Titel und Layout in Ruhe kontrolliert werden können. Telefonnummern folgen beim Tippen automatisch dem Schreibmuster des jeweiligen Landes, für 24 Länder ist ein eigenes Format samt Vorwahl hinterlegt. Für die USA wechselt das Tool automatisch auf die passende Kartenrückseite, und Zeilenlimits für Funktionsbezeichnungen halten jede Eingabe im festen Layout der Karte. Umgesetzt wurde das Tool als mehrstufiges Formular in Webflow, erweitert um eigene Skripte für Eingabe, Vorschau und Layoutwechsel.
30
Gesellschaften weltweit zur Auswahl
24
Länder mit eigenem Telefonformat
4
Schritte bis zur fertigen Bestellung
BAADER ist mit zahlreichen Gesellschaften an Standorten weltweit vertreten, und jede Visitenkarte soll unabhängig vom Land einheitlich aussehen und korrekt geschrieben sein. Genau das ist bei einer dezentralen Bestellung schwer sicherzustellen: Namen, Titel und Funktionsbezeichnungen werden unterschiedlich geschrieben, Telefonnummern in jedem Land anders gegliedert, und zu lange Funktionsbezeichnungen sprengen das feste Layout der Karte. Hinzu kommt der organisatorische Rahmen: Bestellt wird mit Kostenstelle sowie getrennter Liefer- und Rechnungsadresse, gedruckt wird gebündelt. Alle Bestellungen, die bis Mittwoch 14 Uhr eingehen, gehen am Folgetag an die Druckerei. Für die USA gilt zusätzlich eine eigene Kartenrückseite. BAADER brauchte deshalb einen zentralen Bestellweg, der Mitarbeitende weltweit sicher durch die Eingabe führt, Fehler schon vor dem Absenden sichtbar macht und alle Bestellungen in einem einheitlichen, druckfertigen Format sammelt.
Von Website-Frust zur Plattform, die einfach läuft
Das sind die häufigsten Gründe, warum Unternehmen zu uns kommen – und so lösen wir sie.
Eine Vorschau hilft nur, wenn sie so scharf ist, dass Tippfehler, falsche Titel oder Layoutprobleme sofort auffallen. Eine unscharfe oder vereinfachte Darstellung würde Mitarbeitende in falscher Sicherheit wiegen und Fehler erst nach dem Druck sichtbar machen.
Das PDF wird direkt im Formular in hoher Auflösung gerendert und bleibt bis zum Absenden jederzeit prüfbar. Mitarbeitende sehen die Karte exakt so, wie sie gedruckt wird, können jede Angabe kontrollieren und bei Bedarf zurückgehen, bevor die Bestellung verbindlich wird.
Telefonnummern werden in jedem Land anders gegliedert, mit unterschiedlichen Vorwahlen, Gruppierungen und Trennzeichen. Bei freier Eingabe sind die Karten eines Konzerns deshalb schnell uneinheitlich geschrieben.
Für 24 Länder greift beim Tippen ein eigenes Muster samt Vorwahl, das die Eingabe formatiert.
Funktionsbezeichnungen können je nach Rolle und Gesellschaft sehr lang werden, das Layout der Visitenkarte bleibt aber fest. Zu lange Texte würden über den vorgesehenen Bereich hinauslaufen und die Karte unleserlich oder unprofessionell wirken lassen.
Die Formularfelder begrenzen den Text auf zwei Zeilen und halten ihn so im vorgesehenen Raum der Karte. Mitarbeitende sehen direkt bei der Eingabe, wie viel Platz zur Verfügung steht, und die PDF-Vorschau bestätigt, dass die Funktionsbezeichnung sauber ins Layout passt.
Vor dem Absenden erscheint die fertige Visitenkarte als hochauflösende PDF-Vorschau direkt im Formular. Mitarbeitende können Schreibweise, Titel, Funktionsbezeichnung und Layout in Ruhe kontrollieren und Tippfehler sofort erkennen, bevor die Bestellung an die Druckerei geht. Das reduziert Rückfragen und Fehldrucke und macht den Bestellweg für alle Standorte verlässlich.
Zeilenlimits für Funktionsbezeichnungen und länderspezifisch formatierte Telefonnummern halten jede Eingabe im festen Layout der Karte. Für 24 Länder ist ein eigenes Schreibmuster samt Vorwahl hinterlegt, das beim Tippen automatisch greift. So entstehen weltweit einheitliche Karten, ohne dass Mitarbeitende die jeweilige Konvention ihres Landes selbst kennen oder nachschlagen müssen.
Dreißig Gesellschaften zur Auswahl, getrennte Liefer- und Rechnungsadressen, die Erfassung der Kostenstelle und eine eigene Kartenrückseite für die USA bilden die weltweite Struktur von BAADER vollständig im Tool ab. Jede Bestellung enthält damit alle Angaben, die für den gebündelten Druck am Folgetag nötig sind, und kommt ohne manuelle Nacharbeit druckfertig bei der Druckerei an.
Wir haben das Business Card Tool in Webflow als mehrstufiges Formular umgesetzt und mit eigenen Skripten für Eingabe, Vorschau und Layoutwechsel zu einem durchgängigen Bestellweg ausgebaut. In vier Schritten erfassen Mitarbeitende Bestelldetails wie Gesellschaft, Kostenstelle sowie Liefer- und Rechnungsadresse, geben anschließend ihre Kartendaten ein und prüfen die fertige Karte in einer hochauflösenden PDF-Vorschau, bevor sie die Bestellung bestätigen. Für 24 Länder greift beim Tippen ein eigenes Telefonmuster samt Vorwahl, das die Eingabe automatisch formatiert und so eine einheitliche Schreibweise sicherstellt. Funktionsbezeichnungen sind auf zwei Zeilen begrenzt, damit der Text im vorgesehenen Raum der Karte bleibt, und für die USA wechselt das Tool automatisch auf die passende Kartenrückseite. Dreißig Gesellschaften weltweit stehen zur Auswahl, sodass die globale Struktur von BAADER vollständig im Tool abgebildet ist und jede Bestellung druckfertig bei der Druckerei ankommt.
