Design Systeme: Wie wir Websites strategisch für Erfolg relaunchen
CAS Sportmanagement brauchte mehr als ein Redesign – wir bauten ein strategisches Design System, das SEO, Usability und Managability zusammenbringt.

Die Herausforderung: Mehr als nur ein neues Aussehen
Die CAS Sport Management stand vor einer dreifachen Herausforderung, die weit über ein rein optisches Update hinausging:
Visuelle Inkonsistenz, technische Mängel & Herausforderungen
Die bestehende Website wirkte veraltet und entsprach nicht mehr dem modernen Corporate Identity der Universität St. Gallen. Selbst die gedruckten Broschüren zeigten ein fortschrittlicheres Design – ein deutlicher Widerspruch, der dringend behoben werden musste. Hinter der veralteten Optik verbargen sich signifikante technische SEO-Schwächen, die die Sichtbarkeit in Suchmaschinen beeinträchtigten. Zudem war die Bearbeitbarkeit der Seite schwierig, da sie ursprünglich von einem Werkstudenten entwickelt wurde, der nicht immer sauber gearbeitet hatte. Ein Großteil des Traffics generierte sich über eine externe Sportjobs-Übersicht, was eine kritische Abhängigkeit darstellte und den Bedarf an einer eigenständigen, organisch optimierten Präsenz verstärkte.
Zwar stand der Wunsch nach einer neuen optischen Ausrichtung im Vordergrund, dennoch war klar, dass ein reiner Design-Refresh nicht ausreichte. Es bedurfte einer umfassenden Lösung, die alle Aspekte – von der Ästhetik über die technische Basis bis hin zur Wartungsfreundlichkeit – neu definierte.

Unser Ansatz: Ein Design System als Schlüssel zur Transformation
Angesichts der komplexen Herausforderungen entschied sich unser Team, ein strategisches Design System zu entwickeln – eine Lösung, die alle Probleme gleichzeitig und effizient adressiert.
Design System: Mehr als nur Optik
Mit unserem Design System können wir Websites wesentlich schneller erstellen. Dies verkürzt die Entwicklungszeit und ermöglicht es uns, flexibel auf neue Anforderungen zu reagieren. Das System garantiert, dass alle Seiten konsistent aussehen und problemlos skaliert werden können. Optische Änderungen werden global gesteuert – etwa beim Spacing oder bei Schriftgrößen –, sodass die gesamte Website stets einheitlich und harmonisch wirkt. Durch die zentrale Verwaltung der Designelemente wird die Bearbeitbarkeit der Website enorm vereinfacht. Content-Änderungen und Wartungsarbeiten sind dadurch simpel und intuitiv umsetzbar.
SEO-Integration & Technische Verbesserungen
Die alte Website setzte in ihrem zentralen Hero-Bereich nur ein Bild ein – ein großer SEO-Nachteil, da etwa der h1-Tag fehlte. Unsere Lösung war es, diesen Bereich komplett zu überarbeiten und durch eine richtig strukturierte Hero-Sektion zu ersetzen. Unsere Implementierung setzte auf semantisches HTML und andere bewährte SEO-Aspekte, womit die technischen Schwächen der alten Seite erfolgreich behoben wurden. Dieser strategische Ansatz ermöglichte es uns, die Corporate Identity der Uni St. Gallen zu wahren und gleichzeitig einen frischen, modernen und funktionalen Look zu etablieren.

Die Umsetzung: Struktur, Design und Technologie im Einklang
Die Umsetzung des Projekts folgte einem durchdachten Prozess, um sicherzustellen, dass Struktur, Design und Technologie optimal zusammenspielen.
1. Fundamentale Planung
Sitemap & Wireframing
Zunächst erstellten wir eine detaillierte Sitemap und Wireframes, um die gesamte Struktur der Website sowie die Inhalte der einzelnen Seiten zu planen und abzustimmen.
2. Design-Entwicklung & Key Visuals
Inspiration aus der Broschüre
Anhand der modernen Designs der CAS Sport Management Broschüren leiteten wir „Key Visuals" ab – eine Auswahl optischer Elemente, die den Charakter der neuen Website definieren.
Abstimmung in Figma
In enger Zusammenarbeit mit dem Kunden wurden diese Key Visuals in Figma erstellt und abgestimmt, um sicherzustellen, dass die visuelle Neuausrichtung exakt den Vorstellungen entsprach.
3. Technologie & Implementierung
Umsetzung in Webflow
Die neue Website wurde in Webflow gebaut – einem state-of-the-art Website-Builder mit einem leistungsfähigen CMS, das sich perfekt für anspruchsvolle Projekte eignet.
Implementierung des Design Systems
Innerhalb von Webflow wurde unser entwickeltes Design System angelegt und implementiert, welches den Aufbau der Inhaltsseiten systematisch vereinfachte und gleichzeitig konsistente Design-Standards garantierte.
Die Ergebnisse: Ein solides Fundament für zukünftiges Wachstum
Der Relaunch der Website von CAS Sport Management hat entscheidende Verbesserungen gebracht, die sowohl die aktuellen Bedürfnisse des Kunden als auch seine zukünftigen Marketingstrategien unterstützen.
Technische Exzellenz & Optimierung
Die neue Website ist technisch perfekt für anstehende Maßnahmen wie SEO, SEA und AEO vorbereitet. Dies ermöglicht uns, die Seite in den kommenden Wochen weiter zu optimieren und deren Performance kontinuierlich zu steigern.
Optische Zufriedenheit
Der Kunde ist äußerst zufrieden, da die neue Website optisch exakt den Vorstellungen entspricht – modern, ansprechend und in voller Harmonie mit der Corporate Identity der Universität St. Gallen.
Erreichte Ziele
Mit dem Relaunch haben wir nicht nur die gestalterischen Ansprüche vollständig erfüllt, sondern auch die strukturellen und technischen Voraussetzungen der Seite auf ein neues Level gehoben. Die Grundlage wurde geschaffen für nachhaltiges digitales Wachstum und weiterführende Marketingstrategien.
Autorenmeinung
"Ich denke wir haben den perfekten Moment für einen Re-Launch gefunden, da wir so keine Zeit und Arbeit in kleinere Verbesserungen stecken und ineffizient an der alten Website weiter arbeiten. So konnten wir ein Design System erarbeiten und implementieren, dass uns und den Kunden für die Zukunft strategisch top aufstellt. Jetzt arbeiten alle wieder gern an der Seite und wir können uns auf Performance konzentrieren."


Klar gedacht. Klug gemacht.
Einblicke in unserer Projekte und Deep Dives in spannende Themen.

Baut Websites mit KI Strategie... oder gar keine!
Mache deine Website zur unverzichtbaren "Single Source of Truth" im KI-Zeitalter — menschenzentriert, suchbar für KI und bereit für Conversions.

