Safe Cycling:
Die Radsport-Lernplattform, die auch ohne Netz hilft

Für Safe Cycling haben wir eine Lern- und Sicherheitsplattform für den organisierten Radsport entwickelt. Trainer*innen und Sportler*innen lernen dort einen einheitlichen Sicherheitsstandard für Trainings, Gruppenausfahrten und Vereinsangebote, legen ein Zertifizierungsquiz ab und erhalten ihr Zertifikat als PDF. Die Notfallseiten funktionieren auch offline, also genau dort, wo sie gebraucht werden: unterwegs auf dem Rad.

Ausgangslage:
Ein Sicherheitsstandard für den organisierten Radsport

Im Verein fahren Trainer*innen und Sportler*innen Rennrad, Gravel und Mountainbike, allein oder in der Gruppe. Safe Cycling soll allen dasselbe Sicherheitswissen vermitteln, passend zur jeweiligen Disziplin. Wer es beherrscht, soll das nachweisen können. Und wenn unterwegs etwas passiert, soll die richtige Anleitung sofort auf dem Smartphone sein.

Die Herausforderung:
Notfallhilfe auch im Funkloch

Die Plattform musste:

  • Notfallseiten auch ohne Mobilfunkempfang zuverlässig anzeigen
  • Lerninhalte passend zu Rolle, Disziplin und Fahrweise ausspielen
  • Wissen mit einem Quiz prüfen, das sich nicht austricksen lässt
  • Zertifikate ausstellen, deren Echtheit jede*r prüfen kann
  • auf Deutsch und Englisch vom Team ohne Entwickler gepflegt werden können

Die Lösung:
Eine Web-App mit Offline-Notfallbereich

Wir haben Safe Cycling mit Next.js und Payload CMS umgesetzt. Im Mittelpunkt stehen:

  • Offline-Modus für Notfallseiten: Ein Service Worker speichert alle Notfallseiten samt Bildern schon beim ersten Besuch auf dem Smartphone. Reißt unterwegs das Netz ab, öffnen sich Anleitungen wie »Sturz« trotzdem, inklusive Notruf-Button 112. Online lädt die Plattform immer den aktuellen Stand und gleicht den Offline-Speicher regelmäßig ab.
  • Lernkatalog: Über ein Lernprofil aus Lernbereich (Trainer*in oder Sportler*in), Disziplin (Rennrad, Gravel, Mountainbike Gravity oder Tour) und Fahrweise (allein oder in der Gruppe) sieht jede*r genau die Inhalte, die zur eigenen Situation passen. Der Lernkatalog bündelt alle Themen an einem Ort zum Nachschlagen.
  • Zertifizierungsquiz: Jedes Quiz zieht seine Fragen zufällig aus einem Fragenpool. Die richtigen Antworten bleiben auf dem Server, ausgewertet wird dort mit signiertem Ergebnis und Schutz gegen Serienversuche. Wer besteht, erhält sein Safe-Cycling-Zertifikat als PDF.
  • Prüfbare Zertifikate: Jedes Zertifikat trägt eine eindeutige ID und einen QR-Code, der auf eine Prüfseite führt. Vereine sehen so sofort, ob ein Zertifikat echt ist.

Das Ergebnis:
Lernen, prüfen und helfen in einer Plattform

Trainer*innen und Sportler*innen lernen passend zu ihrem Profil, weisen ihr Wissen mit einem Zertifikat nach und haben die Notfallanleitungen auch dann dabei, wenn im Wald oder am Berg kein Netz ist. Seiten, Quizfragen und Zertifikate pflegt das Team selbst in Payload CMS, mit Live-Vorschau und auf Deutsch und Englisch.

Technologien:
Next.js, React, TypeScript, Tailwind, Progressive Web App, Service Worker, Payload CMS, PostgreSQL

Sie planen eine Lernplattform oder eine Web-App, die auch offline funktioniert?

Wir entwickeln Plattformen mit Lerninhalten, Quiz und Zertifikaten, als Website oder als Progressive Web App.

Erstgespräch vereinbaren

Hier finden Sie weitere Projekte.