PROTOS® steht seit 2012 für integralen Kopfschutz auf höchstem Niveau. In Koblach, Vorarlberg entwickelt und gefertigt, hat sich die Marke zur weltweiten Benchmark für Kopfschutz in extremen Einsatzbereichen entwickelt: von Forst und Baumpflege über Rettung und Straßendienst bis zu Industrie und Bau.
Der Produktkonfigurator im Zentrum
Das Herzstück des neuen Auftritts ist der Produktkonfigurator „Gestalte deinen PROTOS®“. Kopfschutzvariante, Schalenfarbe und Beklebung werden gewählt, die Kombination wird in Echtzeit sichtbar, bis hin zur vollständigen Individualisierung über PROTOS® UNIKAT mit Firmenlogo, Sonderfarbe oder eigenem Design auf Schale und Visier. Technisch wie konzeptionell bildete der Konfigurator den anspruchsvollsten Teil des Projekts: Farb-, Komponenten- und Zubehörlogik mussten sauber im Content-Modell abgebildet werden, damit neue Farben, Sondereditionen und Produktlinien vom PROTOS®-Team selbstständig gepflegt werden können, ohne dass Entwickler:innen eingreifen müssen.
Design und User Experience
Die visuelle Sprache setzt bewusst auf reduzierte Flächen, kräftige Produktfotografie und klare Sicherheitssymbolik, ganz im Sinne des erarbeiteten Styleguides. Statt weicher Animationen wie bei Lifestyle-Marken arbeitet die Seite mit präzisen, funktionalen Übergängen, die die technische Verlässlichkeit der Marke unterstreichen. Emotionale Tiefe verleihen die „Überlebnisse" (reale Erfahrungsberichte von Menschen, denen PROTOS® das Leben gerettet hat), die bewusst als eigenständiges, gut auffindbares Format in die Seitenstruktur integriert wurden.
Die Herausforderung
PROTOS® ist kein einzelnes Produkt, sondern ein System: Climber, Forest, Arborist, Rescue, Road und Industry unterscheiden sich in Zertifizierung, Anbauteilen und Einsatzzweck, lassen sich aber über gemeinsame Komponenten wie MaClip-Kinnriemen, Crash Absorber oder das KlimaAIR®-Polster kombinieren. Diese modulare Produktlogik musste digital so abgebildet werden, dass sie sowohl Fachhändler:innen als auch Endkund:innen verständlich bleibt, über Sprachen und Märkte hinweg.
Technische Umsetzung
Anders als bei klassischen Corporate-Projekten wurde hier bewusst nicht auf WordPress, sondern auf Sanity als Headless-CMS gesetzt. Der Grund liegt im Produkt selbst: Ein konfigurierbares System aus Farben, Komponenten, Zertifizierungen und Marktvarianten benötigt ein strukturiertes, frei modellierbares Content-Modell, wie es ein klassisches Themensystem nicht in der nötigen Flexibilität bietet. Mit Sanity als Headless-Backend und einem performanten Frontend konnte der Konfigurator direkt an die Produktdaten angebunden, Ladezeiten trotz hochauflösender Produktbilder niedrig gehalten und dem PROTOS®-Team ein Studio an die Hand gegeben werden, in dem Marketing und Produktmanagement Inhalte, Farben und neue Produktlinien unabhängig voneinander pflegen können.
Fazit
Aus einer Marke, die für Präzision im Einsatz steht, wurde ein digitaler Auftritt, der genau diese Präzision spiegelt: ein klar strukturiertes System statt einer einzelnen Website, ein Konfigurator statt einer statischen Produktseite, und ein Styleguide, der die Marke über alle Touchpoints konsistent hält. Ein Paradebeispiel dafür, wie sich Konzept, Design und eine headless Architektur zu einem Produkt fügen, das so durchdacht ist wie der Kopfschutz, den es zeigt.
