Protos
Technologie

PROTOS Technologie ist Partner für Cloud-Consulting, -Engineering und Managed Services. Im Rahmen unserer Zusammenarbeit haben wir den Markenauftritt neu gedacht: eine wärmere Bild- und Farbsprache, ultra-flexible, frei kombinierbare Content-Komponenten für Marketing- und Lead-Landingpages, ein eigener Content-Hub für den Unternehmensblog mit Redaktionsplan-Anbindung, eine Karriereseite mit direktem Bewerbungs-CTA sowie eine Video-/Motion-Komponente für die saubere Einbindung von Bewegtbild.

PROTOS Technologie
Case Study
01.

Vom Leistungsversprechen
zur Content-Architektur

Ausgangspunkt war ein klares Leistungsversprechen, das PROTOS als langfristigen Partner für Cloud-Infrastruktur positioniert statt als reinen Projektdienstleister. Daraus entstand eine Content-Architektur mit klarem thematischem Fokus, durchgängigen Handlungsaufforderungen entlang der Customer Journey und einer sprachlichen wie SEO-technischen Schärfung bestehender Inhalte.

Content-Architektur: Wireframes der Seitentypen
Positionierung

Partner statt Dienstleister

Content-Fokus

Security, GenAI, AWS-Status

CTA-System

Entlang der Customer Journey

SEO-Schärfung

Sprache & Sichtbarkeit

Aus dem Briefing und der engen Zusammenarbeit mit dem Kunden entstanden so die einzelnen Bausteine des neuen Auftrittes.

02.

Ein Auftritt aus
einzelnen Bausteinen

Der gesamte Auftritt entsteht aus einer überschaubaren Zahl wiederkehrender Bausteine, abgestimmt auf die neue Headless-Architektur im Hintergrund. Wir zerlegen die Startseite in ihre Bestandteile und zeigen, wie dieselben Elemente jede weitere Seite tragen.

Protos Website auf Laptop
Zusammengesetzt
Label
Titel
Ein Service-Modell für jede Situation
Fließtext

Design, Entwicklung und Automatisierung moderner Cloud-Plattformen. Skalierbar, sicher, betreibbar.

Karten
Cloud Engineering
Skalierbare Plattformen, automatisiert.
Security
Sicherheit in der Cloud, fundiert.
Button
MEHR ERFAHREN
Was sie zusammenhält
Ein Raster

30px Außenabstand, dieselbe Spaltenlogik auf jeder Seite.

Eine Schrift

TT Norms in drei Schnitten, feste Größen von 60 bis 14.

Ein Akzent

PROTOS-Blau, sparsam und nur für Aktionen.

Eine Pfeil-Geste

Derselbe Pfeil-Button führt überall zur nächsten Ebene.

03.

Die Bausteine

Button
GET TO KNOW US
GET TO KNOW US
Formularfeld
Teaser-Karten
Cloud Engineering
Skalierbare Plattformen, automatisch und sicher.
Security
Sicherheit in der Cloud, technisch fundiert.
Header / Navigation
DE
Partner-Laufband · Zertifizierungen
Partner-Logos: AWS, TÜV Rheinland, Loyalty Partner, Trusted Cloud, bitkom, Microsoft Partner, HashiCorp, eco, ECN, Allianz für Cyber-Sicherheit
Typografie & Titel · TT Norms
Leistungen
Cloud Service Enabling

Design, Entwicklung und Automatisierung moderner Cloud-Plattformen. Skalierbar, sicher, betreibbar.

04.

Ein Content-Hub,
vier Ansichten

Dieselbe Karte, dieselben Reiterleisten, ein Redaktionsplan. Ein Filter entscheidet, welche Beiträge erscheinen. Die Redaktion pflegt einmal, vier Seiten aktualisieren sich automatisch mit.

Aktuelles
Aktuelles-Ansicht
Referenzen
Referenzen-Ansicht
Blog
Blog-Ansicht
Im Fokus
Im-Fokus-Ansicht
05.

Auf jedem Bildschirm

Ein Raster, drei Breiten. Die Bausteine ordnen sich je nach Bildschirmgröße neu, Bilder passen sich automatisch in Größe und Qualität an, ohne dass die Struktur verloren geht.

Responsives Design
Protos Website auf dem Desktop – 1440px
Protos Website auf dem Tablet – 834px
Protos Website auf dem Smartphone – 390px
06.

Ergebnis

Der Auftritt basiert auf einem Baukasten frei kombinierbarer Komponenten. Redaktion und Marketing bauen neue Seiten selbstständig, ganz ohne Entwicklungsaufwand. Blog, Karriereseite und Bewegtbild greifen dabei auf dasselbe System zurück.

Komponenten-Baukasten
frei kombinierbar
Content-Hub
Redaktionsplan
Karriereseite
Bewerbungs-CTA
Video & Motion
Bewegtbild
Nächster Kunde
Frankfurter Allgemeine Zeitung