Case Study · Website-Relaunch

AthleteMonitoring: neues Design für 56 Seiten im bestehenden WordPress

AthleteMonitoring ist eine Software, mit der Olympische Komitees, Profivereine, Hochschulen und Forschungsinstitute Belastung und Gesundheit ihrer Athleten erfassen. Die Website war über Jahre gewachsen: Tabellen statt Übersichten, lange Namenslisten, Inhalte hinter Ausklappfeldern. Wir haben jede Seite neu gestaltet, alle Inhalte übernommen und die Website im laufenden Betrieb umgestellt.

Alte Website von athletemonitoring.com
Vorher
Neue Website von athletemonitoring.com, gestaltet von brunaro
Nachher · brunaro
56Seiten neu gestaltet, alle Inhalte übernommen
4Sammlungen jetzt mit Suche und Filter: Forschung, Fachartikel, Blog, Kunden
WordPressbleibt: der Kunde pflegt Texte und Bilder weiter selbst
2 Std.Umstellung am 28.09.2026, Formulare und CRM-Anbindung im Fenster getestet

Seite für Seite vergleichen

Alte Website von athletemonitoring.com Neue Website von athletemonitoring.com Vorher Nachher · brunaro
Ziehen zum Vergleichen

Im Detail

Gleiche Stelle, gleicher Inhalt: oben die alte Seite, darunter die neue.

Alte Forschungsseite: Studien in einer eingefügten Tabelle
Vorher
Neue Forschungsseite: Studien als Karten mit Suche und Filtern
Nachher

Forschung

Die Studien standen in einer eingefügten Tabelle. Jetzt lassen sie sich nach Titel, Autor, Jahr und Thema durchsuchen, jede Studie als eigene Karte mit Link zum Artikel.

Alte Kundenseite: zweispaltige Namensliste
Vorher
Neue Kundenseite: Karten mit Land, Suche und Länderfilter
Nachher

Kunden

Aus einer zweispaltigen Namensliste mit 128 Organisationen werden Karten mit Land, dazu eine Suche und ein Länderfilter.

Alte Fallstudien: graue Ausklappfelder
Vorher
Neue Fallstudien: Karten mit Logo, Land und Eckdaten
Nachher

Fallstudien

Statt grauer Ausklappfelder zeigt jede Fallstudie Logo, Land und Eckdaten, bevor man sie öffnet. Jede hat jetzt eine eigene Seite.

Auch am Handy

Die alte Seite hat Tabellen auf Handybreite zusammengeschoben. Die neue ordnet die Inhalte für den kleinen Bildschirm neu.

  • Suche und Filter funktionieren auch am Handy
  • Karten statt zusammengeschobener Tabellen
  • Kompakter Kopf mit Menü und Hell-/Dunkel-Schalter
Vorher
Alte Forschungsseite am Handy
Nachher · brunaro
Neue Forschungsseite am Handy
Was dahinter steckt

Redesign ohne Plattformwechsel

Der Kunde wollte sein WordPress behalten und weiter selbst pflegen. Deshalb haben wir im bestehenden System gebaut und die Umstellung so vorbereitet, dass sie in einem kurzen Wartungsfenster durchlief.

Bestandsaufnahme

Jede Seite der alten Website erfasst und gesichert, Dubletten und verwaiste Seiten gefunden. Daraus entstand ein Plan mit festem Umfang, bevor wir gestaltet haben.

Gebaut im vorhandenen System

Die neuen Seiten sind mit dem WordPress-Baukasten gebaut, den der Kunde schon kannte. Texte und Bilder ändert er weiter selbst, ohne Entwickler.

Sammlungen mit Suche und Filter

Forschung, Fachartikel, Blog und Kundenliste waren lange Listen. Jetzt lassen sie sich nach Jahr, Thema oder Land filtern und durchsuchen.

Umstellung im Wartungsfenster

Vollsicherung vorab, alle Seiten in rund zwei Stunden übertragen, danach Formulare, CRM-Anbindung und alle internen Links geprüft. Die App der Kunden lief währenddessen weiter.

56 Seiten neu gestaltet 4 neue Seiten Suche & Filter Hell- und Dunkelmodus Mobil neu geordnet

Status: live auf athletemonitoring.com seit 28.09.2026.

Ähnliche Ausgangslage?

Deine Website ist über Jahre gewachsen? Wir gestalten sie neu, ohne dass Inhalte verloren gehen, und gern in dem System, das du schon hast.