Konzeption und Design einer modularen Karriere-Website basierend auf einem bestehenden Brandbook.
Freudensprünge: Die neue Karriere-Website
Für das Physiozentrum sollte eine eigenständige Karriereplattform geschaffen werden, um Fachkräfte gezielt anzusprechen. Als Grundlage diente ein sehr reduziertes Brandbook mit wenigen gestalterischen Richtlinien. Die Aufgabe bestand darin, aus diesen minimalen Vorgaben ein umfassendes und funktionales Interface-Design zu entwickeln. Ich war als UI/UX Designer massgeblich in alle Projektphasen involviert.
Das Hauptziel war die Schaffung einer modernen Website, welche die Werte des Unternehmens authentisch vermittelt und Fachkräfte gewinnt. Technisch stand die Zukunftsfähigkeit im Vordergrund, da die Lösung später als Basis für die Corporate Website dienen sollte. Das Design musste so flexibel sein, dass es problemlos auf diverse Landingpages und weitere digitale Kanäle ausgeweitet werden kann. Eine hohe Skalierbarkeit war daher von Beginn an die zentrale Anforderung an das gesamte Konzept.
Die grösste Schwierigkeit lag in der zeitlichen Überschneidung des Webdesigns mit dem noch laufenden Brandingprozess. Es musste ein System entwickelt werden, das spätere Anpassungen an Farben oder Basiselementen ohne grossen manuellen Aufwand zulässt. Da ich zusätzlich stark in die Inhaltserstellung und Abfüllung involviert war, musste zudem eine enorme Menge an Informationen strukturiert aufbereitet werden. Die Koordination zwischen den unterschiedlichen Stakeholdern und dem Projektteam erforderte eine organisierte Arbeitsweise.
Ich entschied mich für einen modularen Aufbau, der wie ein Baukastensystem funktioniert. Zu Beginn erstellte ich in Figma ein System mit Variablen, um auf Änderungen im Branding jederzeit agil reagieren zu können. Alle Elemente wurden nach einem 8pt-Raster ausgerichtet, was die technische Erweiterbarkeit für künftige Projekte wie die Corporate Website erleichtert.
Durch den Einsatz der Figma-Variablen blieb das Design System extrem flexibel und wartungsfreundlich für künftige Design-Iterationen. Die Entscheidung für modulare Komponenten erlaubt es dem Kunden, neue Landingpages eigenständig und CI-konform zusammenzustellen. Zusammen mit meinem selbst entwickelten Web-Text-Generator konnten wir gemeinsam mit dem Kunden die Inhalte präzise, markengerecht und einheitlich in kurzer Zeit produzieren.
Interaktionen sichtbar machen für Präsentationen und Entwickler:innen
Blöcke werden im 8pt Raster aufgebaut
Typografie systematisch in den Stilen gespeichert
Farben ergänzen das neue Theme
Um die Zusammenarbeit mit dem Kunden zu optimieren, entwickelte ich ein zentrales Übersichtsdokument für den Inhalt. Dieses Vorgehen erlaubte es allen Beteiligten, simultan und strukturiert an den Texten zu arbeiten.
Die neue Karrierewebsite präsentiert sich als aufgeräumte und kompetente Plattform für das Recruiting. Dank der modularen Struktur können alle Inhalte neu platziert werden. Das entwickelte Design System dient nun als solide und ausbaufähige Basis für die gesamte digitale Kommunikation des Physiozentrums. Die Zusammenarbeit verlief durch die geschaffenen Schnittstellen und Dokumente reibungslos und termingerecht. Insgesamt ist eine Webpräsenz entstanden, welche die Professionalität des Unternehmens widerspiegelt und technisch für die Zukunft gerüstet ist.