# PROTOS

## Protos

[Jetzt live entdecken](https://protos.at)

Selber entdecken?

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.

## **Sicherheit im System**: PROTOS®

![German Web Awards: Siegel „Award Winning Project 2026“](https://www.digit-one.com/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fp48sl94f%2Fproduction%2Ff87f89f0ea2f50252f700d44b0320991a56c09ca-2137x951.png&w=1920&q=75)

## 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.

![Protos: Startseite der Website in der Desktop-Ansicht](https://www.digit-one.com/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fp48sl94f%2Fproduction%2F243d9574977a2df847ce43ed0d46b7d4b58f8c99-1920x1080.jpg&w=1920&q=75)

![Protos: Website-Ansichten auf angeschnittenen Smartphone-Mockups](https://www.digit-one.com/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fp48sl94f%2Fproduction%2F2ce5c9ad7db03efe3e179ee87be1f8ed8142de15-1920x1080.jpg&w=1920&q=75)

![Protos: mobile Website-Ansichten auf vier Smartphones](https://www.digit-one.com/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fp48sl94f%2Fproduction%2Fea9da1730ff6a006cd900cd24d45662a2ff29734-1920x1080.jpg&w=1920&q=75)

## Technische Umsetzung

Anders als bei klassischen Corporate-Projekten wurde hier bewusst nicht auf WordPress, sondern auf [Sanity als Headless-CMS](https://www.digit-one.com/web/headless-websites/sanity) 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.

[Jetzt kontaktieren](mailto:benno.purin@digit-one.com)

### Benno Purin

![Porträt von Benno Purin, Director Clients & Operations und Co-Founder bei Digit-One](https://www.digit-one.com/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fp48sl94f%2Fproduction%2F514c41a28280e2171d543d6a9382763f2f4efdeb-2386x1915.jpg&w=1920&q=75)

Director Clients & Operations, Co-Founder @ Digit-One

“Interesse geweckt? Gerne erzähle ich dir mehr!”

![Protos: Übersicht mehrerer Seiten der Website](https://www.digit-one.com/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fp48sl94f%2Fproduction%2Fd3db1d04a1601fa5d13a35c71e9b69650386585b-1920x1080.jpg&w=1920&q=75)

[+43 664 168 39 50](tel:00436641683950)

[Lass uns reden](mailto:hello@digit-one.com)

Lass uns deine Idee angehen

[hello@digit-one.com](mailto:hello@digit-one.com)

[Alle Cases](https://www.digit-one.com/cases)

[Entdecke alle Cases](https://www.digit-one.com/cases)

Hungrig auf mehr?

Ganze Case Study

[d'arbo](https://www.digit-one.com/cases/darbo)

Drei gewachsene Websites, ein Markenauftritt: Wir haben Darbo auf eine gemeinsame Plattform zusammengeführt, mit B2B-Portal und Raum für die Marke.

![d'arbo: Produktinszenierung eines Konfitüren-Glases mit Blüten und Beeren](https://www.digit-one.com/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fp48sl94f%2Fproduction%2F4900000eb9642e6889224d7653b225706e05ad24-1632x1982.jpg&w=1920&q=75)

## Agile Webentwicklung

### UI/UX Design

[HARTL Haus](https://www.digit-one.com/cases/hartl-haus)

Ein Auftritt wie ein Haus: klar, durchdacht, ästhetisch erzählt. Headless auf Sanity gebaut, damit aus Inspiration Hausplanung und aus Interesse eine Anfrage wird.

![HARTL HAUS: Hand hält ein Modellhaus auf einer Wiese](https://www.digit-one.com/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fp48sl94f%2Fproduction%2Fb993ef4b8e592c6c5c6a9ad9c273c36b4bdf6990-1920x1382.jpg&w=1920&q=75)

### Sanity

### Agile Webentwicklung

### UI/UX Design

[gloryfeel](https://www.digit-one.com/cases/gloryfeel)

Zwei Länder, ein Setup: Shopify Plus für Deutschland und Italien, gebaut für Tempo im Tagesgeschäft und saubere Abläufe hinter den Kulissen.

![gloryfeel: Produktreihe der Nahrungsergänzungsmittel in Dosen](https://www.digit-one.com/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fp48sl94f%2Fproduction%2F4bbd4e71770dfed0f718d20dffa366a56339a954-3000x844.webp&w=1920&q=75)

### Shopify

### Agile Webentwicklung

### E-Commerce

### UI/UX Design

## Weitere **spannende Projekte**, die dich interessieren können