Die Waterkant Academy bietet deutschlandweit Fortbildungen und innovative Onlinekurse für Kita-Personal an und vertritt dabei einen super Ansatz: die Werkstattpädagogik. Ich habe einige Jahre für die Waterkant Academy gearbeitet und und jetzt, wo ich selbständig tätig bin, ist sie eine gute Kundin geworden.

Das erste LMS der Waterkant Academy wurde auf Basis von Wordpress umgesetzt, enthielt jedoch viele selbst programmierte Elemente, die in Zusammenarbeit mit externen Software-Agenturen umgesetzt wurden. Die Grenzen von Wordpress zeigten sich schnell, so dass die Umsetzung eines Custom LMS auf Basis von Vue.js angestrebt wurde, für das ich das UX/UI-Design gemacht habe (siehe Projektbeschreibung). Nach Abwägung von Kosten und Nutzen fiel die Wahl dann aber auf eine Umsetzung mit Thinkific, einem kanadischen LMS-Anbieter. Auf dem Markt hatte sich viel getan und das Feature-Set ist überzeugend.

‍

Was ich gemacht habe

• LMS-Konzeption und Anforderungsanalyse
• 28 Landingpages mit dem Thinkific PageBuilder
• 2400 Zeilen CSS Overrides
• 14 Kurse und 5 Kurs-Pakete erstellen und gestalten
• 90 interaktive Elemente (H5P, ScratchCards, Flipbooks etc.)
• Shopify-Store für Geschäftskunden
• Zahlungsprozesse via Stripe und PayPal implementieren
• Automatisierte Buchhaltung mit Lexoffice implementieren

‍

Kursangebot mit Kategorien

Da es sowohl sehr kurze, also auch sehr lange Kurse im Kursangebot der Waterkant Academy gibt, wurden die unterschiedlichen Kurstypen in die Kategorien "Impuls" und "Workshop" aufgeteilt. Eine dritte Kategorie sollte es für "Kurs-Pakete" geben. Alle Kategorien sollten farblich voneinander unterscheidbar sein. Das Cover-Bild unterstreicht dabei diese Aufteilung.
‍

Die nativen Course-Cards von Thinkific wurden über CSS-Overrides angepasst, so dass sie zum Styleguide passen und etwas aufgeräumter aussehen.

‍

Zertifikate für unterschiedliche Kurstypen

Je nachdem, ob ein Impuls-Kurs, eine Workshop-Kurs, oder ein Kurs-Paket absolviert wird, werden entsprechende Zertifikate ausgegeben. Die Daten für ein Zertifikat (Name, Datum, Kurs) wer aus den Nutzerdaten gezogen. Die Zertifikats-Vorlage habe ich erstellt und hier mit Beispieldaten befüllt.

‍

Download-Sektion für Träger

Hier seht ihr einen Download-Bereich für PDF's, die sich Geschäftskunden (hier Kita-Träger) zur Vorbereitung einer Fortbildung herunterladen können. Umgesetzt mit dem Thinkific PageBuillder.
‍

‍

Course-Design mit interaktiven Elementen

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. Hier seht ihr zwei Beispiele für interaktive Elemente, die ich für die Waterkant Academy erstellt habe. Die "Flipcard" wurde mit HTML und CSS umgesetzt und das "Interactive Book" mit H5P.
‍

‍

Shopify Store für Geschäftskunden

Da Thinkific in den günstigeren Plans keine Warenkorb-Funktion und auch keine Massenbuchungen zulässt, habe ich einen Shopify Store erstellt, in dem alle Kurse automatisch als Produkte importiert werden. Geschäftskunden können darüber bequem mehrere Sitzplätze pro Kurs für ihre Mitarbeitenden vergeben. Nach der Bestellung über den Store wird automatisch im Buchhaltungsprogramm der Waterkant Academy (Lexoffice) eine Rechnung erstellt, die Freischaltung der Zugänge zu den Kursen erfolg dann manuell in Thinkific.
‍