macockpit
E-LeArning Plattform

PROJEKT
Konzeption und Design des Interfaces einer Online-Lernplattform für Zertifizierungen im Martial Arts Bereich in verschiedenen Levels. In dem Angebot sollen Inhalte erlernt und geprüft werden. Die gesamte Verwaltung der Zertifizierungen erfolgt in der Plattform selbst.
KUNDE
macockpit
Aufgabe
Konzeption
UX/UI Design
Realisiation
2017 – 2018
Agentur
PepperMind

Informieren

Vor der Registrierung
Startseite mit übersichtlichem Informationsangebot der vorhanden Kurse.
Einstiegsscreen in der Lernplattform Macockpit.
Darstellung Einsteigerkurs für Bigscreen und mobile Ansicht in der Lernplattform Macockpit.

Verwalten

Nach der Registrierung
Voller Zugriff auf alle Tutorials und Lerninhalte. Schnellzugriff auf die letzten Lektionen. Verwaltung von Kundendaten und Zertifikaten.
Startscreen macockpitSchnellzugriff macockpit
Schnellzugriff auf Lektionen
Die letzten Lektionen werden im Benutzer Startscreen gezeigt und sind im Schnellzugriff verfügbar.
Kompakte Kursübersicht
Die Kursübersicht bleibt auch im registrierten Modus erhalten. Erweiterung um Abbildung der erfolgreich absolvierten Kurse.
Kurzübersicht macockpit
Accountverwaltung macockpitAccountverwaltung macockpit
Accountverwaltung
Der User kann seine Kundendaten selbst verwalten und managed auch seine Zertifizierungen allein.

Orientieren

Das Kurs-Farbleitsystem
Jedes Level hat seine eigene Farbcodierung, die es dem Benutzer erleichtert, die verschiedenen Kursangebote zu unterscheiden.
Darstellung des Kurs-Farbleitsystems in der Lernplattform Macockpit.

Lernen

Wissensvermittlung in den Online Kursen
Der Wissenserwerb erfolgt ausschließlich über Beschreibungen, Bilder und Videos. Ergänzend werden Grafiken für Bewegungsanleitungen eingebunden.
Screen einer Kurs-Lektion in der Lernplattform Macockpit.
Mockup aus fliegenden Screens zu den Kursen in der Lernplattform Macockpit.

Prüfen

Zertifizierung innerhalb des Angebotes
Am Ende jeder Lektion wird eine Prüfung über die gelernten Inhalte abgelegt. Werden alle Prüfungen eines Kurses bestanden, erhält der Nutzer das entsprechende Zertifikat.
Screen zur Zertifizierung in der Lernplattform Macockpit.
Screen zur Zertifizierung in der Lernplattform Macockpit.
Prüfen macockpitFeedback macockpit
Feedback
Während der Prüfung erhält der User direktes Feedback zu seinem Ergebnis.

Favorisieren

Mit der Favoritenübersicht schnell zum Ziel
Um interessante Videos und Lektionen schnell wiederzufinden, gibt es die Übersicht aller favorisierten Inhalte. Die Inhalte werden als Liste oder als Kacheln angezeigt.
Darstellung der Favoritenübersicht in der Lernplattform Macockpit.
Favoriten organisieren macockpit
Favoriten organisieren
Die vorgemerkten Inhalte werden in den beiden Rubriken »Kurse« und »Lektionen« angezeigt. Die Reihenfolge der Favoriten kann geändert und nicht mehr benötigte Inhalte können gelöscht werden.
Iconset macockpit

Iconset

Einheitliche Visuelle Sprache
Um die Schnittstelle so konsistent wie möglich zu halten, wurde ein individuelles Iconset entwickelt, das an die Anforderungen der Plattform angepasst ist.
Iconset auf dunklem Hintergrund für Lernplattform Macockpit.

Zusätzliche Screens

Mockup aus diversen mobilen Screens der Lernplattform Macockpit.
Leistungen im Überblick
Konzeption
Research
Experience Strategy
Information Architecture
Wireframing
Design
Strategie und Konzept
UX/UI Design
Web Design
Interaction Design
Development
Prototyping