Herausforderung
Eine Fitness-Challenge-Plattform für eine große, verteilte Belegschaft zu bauen ist ein anderes Problem als eine öffentliche Website zu erstellen. Die Plattform musste individuelles Aktivitäts-Logging, Teambildung über unterschiedliche Bereiche hinweg, Echtzeit-Leaderboard-Berechnung und Profilverwaltung abbilden — in einem System, das einfach genug ist, damit Mitarbeitende aller Ebenen es tatsächlich nutzen.
Die Kampagne musste sich auch genuinen Schwung verleihen, statt wie eine HR-Pflichtübung zu wirken. Die Benutzeroberfläche musste zur Teilnahme motivieren, Fortschritte auf befriedigende Weise sichtbar machen und freundschaftlichen Wettbewerb unterstützen — ohne Nutzende abzuschrecken, die erstmals ihre körperliche Aktivität tracken.
Barrierefreiheit war nicht verhandelbar: Die Plattform dient einer Organisation, deren eigene Werte auf Inklusion aufgebaut sind und deren Belegschaft Menschen mit unterschiedlicher digitaler Erfahrung umfasst.
Lösung
Wir haben die Plattform rund um drei zentrale Nutzerreisen gestaltet: Aktivität eintragen, Leaderboard prüfen, Team-Fortschritt sehen. Alles andere ist sekundär. Das Dashboard zeigt das Wesentliche klar: persönliche Statistiken, Team-Ranking, letzte Aktivitäten — mit einer visuellen Hierarchie, die Engagement belohnt, ohne Einsteiger zu überfordern.
Der Aktivitäts-Eingabefluss ist bewusst minimal gehalten: Sportart wählen, Zeit und Strecke eintragen, fertig. Das Profilsystem erlaubt Mitarbeitenden, sich ihrem Bethel-Bereich und Team zuzuordnen und so das mehrstufige Leaderboard-System zu speisen, das den Wettbewerb auf jeder Ebene spannend macht.
Das visuelle Design greift Bethels Kampagnenidentität auf — lebendig, farbig und menschlich — und adaptiert sie in ein dunkel gehaltenes UI, das auf dem Bildschirm klar lesbar ist und der Plattform ihre eigene Energie verleiht.
Unsere Leistungen
- UI/UX Design: Nutzerzentriertes Design für eine komplexe Mehrfachrollen-Plattform, vereinfacht bis zu dem Punkt, an dem jede Mitarbeiterin teilnehmen kann — ohne Reibungsverluste
- Webentwicklung: Performante, barrierefreie Web-App mit Echtzeit-Daten, responsiv für alle Endgeräte
- Kampagnendesign: Visuelle Umsetzung der Bethel-Kampagnenidentität in ein digitales Produkt mit eigenem, stimmigem Erscheinungsbild
Ergebnis
Eine digitale Plattform, die eine Gesundheitskampagne erfolgreich in ein motivierendes Erlebnis für eine große und vielfältige Belegschaft übersetzt hat. Die Arbeit erhielt eine German Design Award Auszeichnung — als Anerkennung nicht nur der Designqualität, sondern der Leistung, etwas für eine Organisation so komplex wie Bethel mit Klarheit und Sorgfalt zu bauen.
Die Plattform hat die Kampagne durchgeführt, die gemeinsamen Kilometer erfasst und Tausenden von Mitarbeitenden einen Grund gegeben, die Laufschuhe zu schnüren.
