PW Website Relaunch
Relaunch der Agenturwebsite der Profilwerkstatt: Kommunikation braucht Wir!
UI Design
Unternehmenswebsite
Kunde
Profilwerkstatt
Branche
Content Marketing
Jahr
2024
Projektdauer
1 Jahr
Rolle
Artdirektion + PM
Umfang
UI-Design, Qualitätssicherung, Projektmanagement
Kontext
während meiner Zeit bei Profilwerkstatt GmbH
Kontext
2023 startete die Profilwerkstatt den Relaunch ihres Corporate Designs und ihrer Website. Das neue Corporate Design wurde vom Designstudio Zentralmassiv entwickelt und bildete die Grundlage für die konzeptionelle und visuelle Neuausrichtung der Website.
Das Projekt entstand in enger Zusammenarbeit zwischen der Kreation der Profilwerkstatt und Zentralmassiv. Während Zentralmassiv das Corporate Design entwickelte und konzeptionelle Grundlagen definierte, wurde die Website gemeinsam weitergedacht, angepasst und umgesetzt. Dieser kollaborative Prozess zwischen Agenturkreation und externem Designstudio prägte die Entwicklung der neuen Website maßgeblich.
Der Launch erfolgte schließlich im Herbst 2024 zum 30-jährigen Jubiläum der Agentur.
Die bisherige Website folgte einem stark explorativen Ansatz. Nutzer:innen konnten sich durch Inhalte treiben lassen und die Seite eher intuitiv entdecken. Klassische Strukturen – etwa eine klar definierte Referenzübersicht – existierten nicht.
Mit dem Relaunch sollte die Website strategisch weiterentwickelt werden:
mehr Orientierung und Struktur für Nutzer:innen und trotzdem einen experimentellen und spielerischen Charakter haben.
Ansatz
Die zentrale Herausforderung bestand darin, Struktur und Orientierung zu schaffen, ohne die kreative und explorative Markenidentität der Profilwerkstatt einzuschränken.
Ein wichtiger Ansatz war daher, Inhalte und visuelle Gestaltung eng miteinander zu verzahnen – eine Kernkompetenz der Agentur. Gleichzeitig sollte eine klarere Informationsarchitektur entstehen, die es Nutzer:innen erleichtert, Inhalte gezielt zu finden.
Dafür wurden unter anderem:
neue Seitentypen definiert
modulare Layoutbausteine entwickelt
und eine klarere Navigationsstruktur aufgebaut
Besonders wichtig war dabei, die Balance zwischen spielerischer Exploration und funktionaler Nutzerführung zu finden.
Lösung
Die neue Website kombiniert eine klarere Struktur mit einem weiterhin explorativen Nutzungserlebnis.
Über die gesamte Website hinweg kommen Parallaxeffekte zum Einsatz, die ein dynamisches Scrollytelling ermöglichen. Inhalte und visuelle Elemente greifen dabei ineinander und schaffen eine erzählerische Nutzerführung – besonders sichtbar auf der Startseite und der Agenturseite („Über uns“).
Für die Kompetenzseiten wurde ein modulares System entwickelt, das flexible Kombinationen verschiedener Inhaltsmodule erlaubt. Diese modulare Struktur sorgt einerseits für gestalterische Freiheit, ermöglicht gleichzeitig aber eine konsistente Seitenarchitektur.
Auch das Farbsystem wurde im Zuge des Relaunchs neu gedacht. Während das vorherige Corporate Design vor allem auf Schwarz, Gold und Weiß setzte, entstand eine neue, lebendigere Farbpalette mit:
Melone
Pistazie
Alabaster
Mitternachtsblau
Die verschiedenen Menüpunkte und Seitentypen nutzen unterschiedliche Farbkombinationen dieser Palette. Dadurch entstehen visuelle Orientierungspunkte innerhalb der Website, ohne dass starre Farbrollen wie klassische Primary- oder Secondary-Farben definiert wurden.
Einer meiner Aufgaben in diesem Projekt war die inhaltliche und visuelle Konzeption und Struktur der Referenzseiten. Um Inhalte effizient zu sammeln und konsistent aufzubereiten, entwickelte ich ein Maskendokument für die Projektverantwortlichen. Damit konnten Inhalte zu einzelnen Projekten strukturiert erfasst und später leichter für die Website aufbereitet werden.
Fazit
Der Relaunch der Website war ein komplexes internes Projekt, das Gestaltung, Strategie und Inhalte gleichermaßen neu zusammenführen musste.
Die größte Herausforderung bestand darin, eine klarere Informationsstruktur zu schaffen, ohne den experimentellen Charakter der Marke zu verlieren. Durch ein modulares Layoutsystem, eine bewusst eingesetzte Farbwelt und visuelles Scrollytelling entstand eine Website, die Orientierung bietet und gleichzeitig Raum für Entdeckung lässt.
Im Zuge dieser gestalterischen Freiheit wurde Barrierefreiheit zunächst nicht vollständig umgesetzt. Perspektivisch ist jedoch geplant, eine barriereärmere Darstellungsvariante anzubieten, die Nutzer:innen bei Bedarf aktivieren können.
Für mich persönlich war das Projekt besonders spannend, weil ich sowohl an konzeptionellen als auch organisatorischen Aufgaben beteiligt war und Einblicke in verschiedene Phasen eines umfangreichen Relaunch-Prozesses gewinnen konnte.
Credits
Ich war in mehreren Bereichen des Projekts beteiligt.
Zum einen arbeitete ich an der Konzeption und Entwicklung einzelner Module sowie verschiedener Seitentypen mit. Ein weiterer Schwerpunkt lag auf dem Qualitätsmanagement und dem umfangreichen Testing der Website vor dem Launch.
Im Verlauf des Projekts übernahm ich außerdem organisatorische Aufgaben und teilte mir das Projektmanagement mit einer Kollegin – insbesondere in der intensiven Phase kurz vor dem Launch.
Ein besonders positiver Aspekt des Projekts war für mich die enge und konstruktive Zusammenarbeit mit Zentralmassiv, bei der Gestaltung, Konzeption und technische Umsetzung kontinuierlich abgestimmt wurden.
