Logo

Lernplattform, App & Website für exvoRep und PolizeiRep

Konzept, Design und Entwicklung einer kompletten Lernplattform aus Website, App und Kurs-Verwaltungssystem
Dauer
6 Moante + laufende Betreuung
Projekttyp
Kursplattform, App & Website
Umfang
Konzept, Design & Programmierung
exvoRep Logo

exvoRep bereitet Studierenden der HSPV NRW seit über 25 Jahren Vorbereitungskurse für ihre Klausuren. Live-Seminaren, Crashkurse, Karteikartensysteme und digitalen Lernmaterialien werden dazu online bereitgestellt und buchbar gemacht.

Für zwei Marken haben wir einen gemeinsame Onlineauftritt entwickelt bestehend aus Website, der Lern-App MeinRep sowie einem Verwaltungssystem für Seminare, Teilnehmende, Materialien und Abrechnung.

exvoRep und PolizeiRep bereiten seit über 25 Jahren Studierende der HSPV NRW auf Klausuren und Prüfungen vor. Aus zwei getrennten Websites und einem unvollständigen Lern-Altsystem konzipierten wir eine komplette digitale Kurs- und Lernplattform. Dazu zählen eine neue Website, die Lern-App MeinRep und ein Verwaltungssystem, in dem Seminare, Teilnehmende, Materialien und Abrechnung zusammenlaufen.

Wir betreuten das Projekt von der Konzeptphase bis zum laufenden Betrieb. Zunächst erfolgte in der Konzeptphase die Definition der Anforderungen und User Stories. Darauf aufbauend erstellten wir ein UI/UX-Design für alle Kern-Screens und entwickelten zeitgleich das neue Backend, die App und die Website.

Eine Website für zwei Marken: exvoRep und PolizeiRep auf einem System, aber mit inhaltlicher und visueller Trennung

Ausgangslage

Gewachsen über viele Jahre, lief das Angebot zuletzt auf drei voneinander unabhängigen Bausteinen: exvorep.de und polizeirep.de als zwei getrennt gepflegte Websites und ein separates Altsystem für Kurse und Nutzerkonten. Seminarbuchungen und Materialien waren damit über mehrere Stellen verteilt, vieles lief manuell.

Ziel war daher ein System für drei Rollen (Teilnehmende, Dozierende und Verwaltung) und eine vollständig online-integrierte Lernumgebung.

Lernen im Browser und auf dem Handy

In der Lern-App MeinRep finden die Kursteilnehmenden ihr gesamtes Lernmaterial inklusive gebuchter Seminare, Lernvideos, Skripte und Karteikarten. Sie läuft im Browser und auf dem Smartphone aus einer gemeinsamen Codebasis, ohne dass eine zweite Anwendung gepflegt werden muss.

Das Dashboard führt Teilnehmende direkt zu gebuchten Seminaren, Empfehlungen und Lernvideos. Umgesetzt als plattformübergreifende Anwendung, nutzbar im Browser und auf dem Handy, ohne separate Store-Installation.

Kursdetails, Buchung und Karteikarten sind mobil vollwertig nutzbar, sodass auch die Zeit zwischen zwei Veranstaltungen zum Lernen reicht

Eine Plattform, zwei Marken

exvoRep und PolizeiRep sprechen unterschiedliche Zielgruppen an, greifen aber auf dieselben Strukturen zu: Seminare, Karteikarten, Videos und Verwaltung liegen im selben System. Umgesetzt haben wir das als Mandantentrennung mit gemeinsamer Basis: Jede Marke hat eigene Inhalte, eigene Fachbereiche und ein eigenes Erscheinungsbild, während Buchungen, Konten und Abrechnung zentral zusammenlaufen.

Für Nutzende bedeutet das: Wer beide Bereiche nutzt, wechselt direkt in der Oberfläche zwischen exvoRep und PolizeiRep, ohne sich neu anzumelden oder ein zweites Konto zu pflegen. Im Zuge des Projekts haben wir außerdem das Corporate Design beider Marken überarbeitet und zu einem gemeinsamen Design-System zusammengeführt, das Website, App und Verwaltungsoberfläche trägt.

Das Verwaltungssystem im Hintergrund

Der größte Teil der Arbeit steckt eigentlich im Hintergrund. Das Backend führt Kurse, Termine, Produkte, Buchungen und Rechnungen zusammen und ersetzt eine ganze Reihe vorher manueller Abläufe. Seminare können kopiert werden, Teilnehmerlisten und Mailvorlagen liegen direkt am Kurs und Rechnungen entstehen automatisch.

Anzeige von Seminarterminen in einem Admindashboard mit rechter Seitennavigation

Seminarverwaltung: Kurse, Termine und Buchungsstände auf einen Blick, inklusive Stornierungen, Zahlungsstatus und Export für die Buchhaltung.

Dashboard mit beispielhaften Umsatzzahlen und Balkendiagrammen zu Bestellungen

Auswertungen zu Buchungen, Neuregistrierungen und Live-Seminaren.

Leistungen im Überblick

Lernplattform für Teilnehmende

Dashboard, Mediathek, Karteikarten und gekaufte Produkte, verfügbar im Browser und auf dem Smartphone

Seminar- und Kursverwaltung

Live-Seminare, On-Demand-Kurse und Crashkurse inklusive Terminreihen, Teilnehmerlisten, Stornierungen und automatische Erinnerungen

Teilnehmer- & Dozentenverwaltung

Abgestufte Rollen und Rechte für Administration, Dozierende und Teilnehmende.

Digitale Karteikarten

Karteikarten pro Seminar mit Frage-Antwort-Player und Selbsteinschätzung („Einfach / Mittel / Schwer“). Funktion für die Erstellung eigener Karteikarten

Lernvideos & Mediathek

Videokurse mit Lektionen, Laufzeiten und Fortschrittsanzeige, dazu Skripte und Seminarunterlagen im PDF-Viewer ohne Download. Freischalt- und Ablaufzeiten steuern, wie lange gekaufte Inhalte verfügbar sind.

Shop, Rabatte & Abrechnung

Produkte, Bundles und kostenlose Inhalte. Automatische Anbindung an die Buchhaltung.

Auswertungen & Statistiken

Kennzahlen zu Buchungen, Umsätzen, Neuregistrierungen und Auswertungen zur Nutzung von Videos und Materialien.

Website mit Markentrennung

Eine redaktionell pflegbare Website, die Seminare direkt aus dem Backend aktuell hält.

Vom Konzept zum laufenden Betrieb

  1. Anforderungen & User Stories: Sichtung bestehender Abläufe, Konzeption von User Stories für Teilnehmende, Dozierende und Verwaltung.
  2. UI/UX-Design: Mockups für alle Kern-Screens (Dashboard, Seminare, Karteikarten, Mediathek, Shop und Login) als Grundlage für ein einheitliches Design-System über Website und App hinweg.
  3. Architektur, Rollen & Setup: Aufbau von Backend, App und Hosting inklusive Rollen- und Rechtekonzept, Deployment-Pipeline, DSGVO-Konformität und sicherer Datenübertragung.
  4. Verwaltungsbereich: Kurs-, Produkt- und Nutzerverwaltung, Buchungsübersicht, Rechnungs- und Exportfunktionen, Mailvorlagen und automatische Benachrichtigungen.
  5. Teilnehmerbereich: Registrierung mit E-Mail-Verifizierung und Zwei-Faktor-Authentifizierung, Dashboard, Buchungssystem, Mediathek und Karteikarten-Player.
  6. Migration & Launch: Übernahme von Nutzerkonten und Rechnungshistorie aus dem Altsystem, Zusammenführung der beiden Websites und Livegang der neuen Plattform.
  7. Weiterentwicklung: Nach dem Launch laufend ergänzt, unter anderem um Videotracking, erweiterte Statistiken, Rechnungsprofile, Leseproben für Skripte, individuelle Karteikarten und zahlreiche Detailverbesserungen im Adminpanel.

E-Learning für 10.000 Teilnehmende

Das Ergebnis ist eine individuelle Kurs- und Lernverwaltung für > 100 Seminartermine pro Jahr aus 10 verschiedenen Studienfächern. Komplett erweiterbar, keine Abhängigkeiten zu anderen Plattformen und zugeschnitten auf die eigenen Anforderungen.

Wie es weitergeht

Die Plattform wächst weiter mit dem Angebot: Ausbau der digitalen Lernformate, weitere Auswertungen für die Seminarplanung und optional der Export der App in App Store und Google Play inklusive Offline-Nutzung gekaufter Inhalte und Push-Benachrichtigungen. Hosting, Wartung und Support übernehmen wir laufend.

exvoRep ansehen PolizeiRep ansehen

Technologien

AppsLaravelWebdesign

Technischer Ansatz

Frameworks

Laravel, React Native, Payload CMS

Programmiersprachen

PHP 8, TypeScript, JavaScript, HTML/CSS

Plattformen

Web, iOS & Android aus einer Codebasis

Weitere Themen

Rollen- & Rechtekonzept, Mandantentrennung, Datenmigration, DSGVO

Zurück zu Referenzen