Fitnessprogramme von Linda Dahlmann
Stahlmann

Fitnessprogramm mit vielen Videos

Was war das Ziel?

Wir wollen ein Fitness-Programm auf die Beine stellen, das leicht zu bedienen ist und unsere Kund:innen an die Hand nimmt und durch ihre erste Fitness-Journey begleitet.

Dafür wollen wir folgende Funktionen:

  1. Es gibt einen eingeloggten Bereich, der nur für Mitglieder:innen ist, die den Plan gekauft haben.
  2. Es gibt einen Trainingsplan, mit vielen Videos und Erklärungen.
  3. Es gibt eine Übersicht über alle Übungen mit Filterfunktion.
  4. Es gibt eine Tagebuchfunktion, wo die Mitglieder:innen ihre Fortschritte festhalten.
  5. Alles soll über ein CMS pflegbar sein.

So weit, so gut. Das Ziel war ambitioniert und wir mussten zusätzlich Beratung und Support hinter den Kulissen geben, aber es hat richtig Spaß gemacht

Dazu standen wir in regem Austausch mit unseren Kundinnen, die sich viele Mühen gemacht haben und wir haben Hand in Hand gearbeitet, um das Projekt zu einem Erfolg zu machen.

Was habt ihr erreicht?

Wir waren pünktlich und der Launch zum neuen Jahr war ein großer Erfolg. Die Seite und der Plan sind super angekommen und werden rege benutzt. Das Feedback war durchweg positiv und die Kundinnen sind sehr zufrieden.

Zusätzlich haben wir viele neue Erfahrungen gesammelt, was gut funktioniert und worauf man besondern Wert legen muss, gerade bei der Arbeit mit Wix.

Schauen wir uns mal ein paar Details an.

Im Fokus steht der Fortschritt. 90 Tage. Dazu gibt's eine klare Navigation & Aufmunterung.

Design und Aufbau

Es gab ein ganz grobes Design. Soll heißen, eine ungefähre Idee und ein paar Farben. Den Rest haben wir selbst gemacht und abgeleitet.

Die Webseite strahlt Kraft aus, ist klar strukturiert und einfach zu bedienen, denn unsere Zielgruppe sind Menschen, die weder viel Fitnesserfahrung, noch viel Fitnessplan-Erfahrung haben.

Die Übungen sind häufig aufgeteilt in drei Level. Dazu gibt's Links zu den Videos und die relevanten Infos auf einen Blick.

Dafür haben wir uns viele Gedanken gemacht, wo sich die Inhalte intuitiv anfühlen und wie wir die Nutzer:innen an die Hand nehmen können. Wir arbeiten hier viel mit Breadcrumbs und unterstützenden Sprungmarken, damit die Nutzer:innen immer wissen.

Unsere Kundin hat sich bei den Inhalten viel Mühe gegeben und Anleitungen in Text und Videoform erstellt, um hier zu unterstützen.

Der Videoplayer strahlt in den Farben des Designs und greift verschiedene Design Elemente auf. Auf kleinen Bildschirmen passt sich das Layout an, damit weiterhin alle Infos sichtbar bleiben.

Das Programm soll über alle Geräte funktionieren, denn wir erwarteten, dass es gleichermaßen auf dem Handy, als auch am Laptop genutzt wird. Zusätzlich gibts ein Druckversion als weitere Möglichkeit fürs Fitnessstudio.

Der Star ist die Fülle an Videos, die wir natürlich entsprechend in Szene setzen wollten. Mit einer filter- und durchsuchbaren Übersicht, einem gebrandeten Videoplayer und sinnvoll gesetzten Tipps ist und das ganz gut gelungen,

Die Übersicht orientiert sich an den gewohnten Videoplayer. Mit Suche und Filtern finet man so schnell die passenden Videos.

CMS, Userdaten und Techstack

Unsere Kundinnen hatten sich schon auf Wix festgelegt. Unsere Aufgabe war es also, die Daten dort sinnvoll zu strukturieren und per API sicher abzurufen.

Wix stellt dazu eine ganz vernünftige SDK zur Verfügung, die serverseitig von uns benutazt werden, damit wir keine sensiblen Daten öffentlich machen müssen.

Dazu haben wir Wix' Anmeldung und Preisplan Funktionen genutzt, damit wirklich nur Kund:innen auf die Inhalte zugreifen können, die den Plan auch gekauft haben.

Leider bietet Wix keine gute Möglichkeit an, um Nutzerdaten zu speichern. Dafür sind wir dann auch Cloudflare Worker ausgewichen, die ganz hervorragend mit unserem Framework der Wahl, SvelteKit, zusammenarbeiten.

Bereit für dein Projekt?

Wir würden gerne mehr über dein Vorhaben erfahren. Egal ob mit einer konkreten Idee, einer vagen Vorstellung, kleinem oder großen Budget. Erzähl uns mehr, unverbindlich und ohne doppelten Boden.