ASB Thinkific LMS

LMS Design | UI-Design | E-Learning Contend | Interactive Elements

LMS-Konzept mit Thinkific für den ASB

Für ASB Sozialeinrichtungen Hamburg
2022
____
____

Der ASB Hamburg nutzt seit 2019 die Onlinekurse der Waterkant Academy, bei deren Umsetzung (Lernplattform und Kurse) ich maßgeblich beteiligt war. Um die Kurse den Mitarbeitenden dauerhaft anbieten und auch eigene Kurse veröffentlichen zu können, entschloss sich der ASB Hamburg eine eigene Lernplattform umzusetzen. Die Kursinhalte, das Erscheinungsbild, die Benutzerfreundlichkeit und das Course-Design überzeugte, so dass ich den Auftrag bekam, das LMS umzusetzen.

Wie auch das LMS der Waterkant Academy (siehe Projektbeschreibung) wurde der ASB Werkstatt Campus Digital auch mit dem Anbieter Thinkific umgesetzt. Thinkific überzeugt mit einer hohen Individualisierbarkeit, zahlreichen hinzu buchbaren Apps, einer anwenderfreundlichen Benutzerverwaltung und tiptop Marketing-Tools. Mein absoluter Favorit unter den LMS-Anbietern.

Was ich gemacht habe

  • LMS-Konzeption und Anforderungsanalyse
  • 18 Landingpages mit dem Thinkific PageBuilder
  • 1600 Zeilen CSS Overrides
  • 14 Kurse erstellen und gestalten
  • 70 interaktive Elemente (H5P, ScratchCards, Flipbooks etc.)
  • Nutzerverwaltung und technischer Support

Landingpage-Design mit Thinkific PageBuilder

Der PageBuilder von Thinkific ist sehr intuitiv bedienbar, dabei allerdings auch recht rudimentär. Die wichtigsten Funktionen sind aber enthalten, darunter auch die Möglichkeit HTML einzubinden. Hier als Beispiele eine Kurs-Landingpage und die Infobox. Aber schaut euch gerne selbst auf dem ASB Werkstatt Campus Digital um.

ASB Campus - Landingpage Atelier
ASB Campus - Infobox

Anpassung des Course-Grids

Die Course-Cards in der Grid-Ansicht für Kurse mussten über CSS angepasst werden, damit sie zum Styleguide des ASB passen.

Thinkific native Corse-Cards
ASB Course-Cards nach Anpassung

Course-Design

Das Design vom Course-Player in Thinkific ist insoweit vorgegeben, dass die Position von Navigationsleisten und Kursinhalt nicht verändert werden kann. Typografie, Farben und Abstände lassen sich aber anpassen und vor allem der eigentliche Kursinhalt kann sehr flexibel gestaltet werden. Neben typografischen und farblichen Anpassungen habe ich hier eine Box für Aufgaben und einen simplen Download-Bereich eingesetzt.

Interaktive Elemente

Alle Kurse des ASB enthalten reichhaltige interaktive Elemente, mit denen Lerninhalte spielerisch veranschaulicht werden oder das Gelernte geprüft werden kann. Viele der interaktiven Tools habe ich mit H5P umgesetzt, andere wurden mit Wordpress-Plugins umgesetzt oder extern eingebunden.

Up

Design schafft Kultur. Kultur prägt Werte. Werte bestimmen die Zukunft.