Gestaltung: Aufbau, Farben, Logo und Startseite

Unter „Einstellungen“ → „Gestaltung“ gestaltest du den Mitgliederbereich deiner Teilnehmenden. Die Bereiche – „Aufbau“, „Farben & Schrift“, „Logo & Icon“, „Startseite“, „Kursnavigation“ und „Dein Coach“ – stehen in der Navigation links, die Vorschau zeigt deinen Mitgliederbereich mit Beispielinhalten und folgt jeder Änderung, auch bevor du speicherst. Du schaltest zwischen Desktop und Telefon, zwischen den Seiten „Meine Kurse“, „Kurs“ und „Lektion“ und zwischen hell, dunkel und beidem nebeneinander um.

12

12

Gespeichert wird alles zusammen mit der einen Speicherleiste unten auf der Seite („Speichern“); „Verwerfen“ nimmt ungespeicherte Änderungen zurück. Auf der Startkarte gilt der Schritt „Aussehen festlegen“ als erledigt, sobald du dein eigenes Aussehen gespeichert hast.

Drei Aufbauten bestimmen, wie Navigation, Kursliste und Lektion angeordnet sind – die Farben ändern sie nicht. „Handbuch“ (die Voreinstellung): Inhaltsverzeichnis links, Lektion rechts, passt zu fast jedem Kurs. „Bühne“: das Video im Mittelpunkt, Lektionen als Kachelreihen wie bei einem Streamingdienst – für Kurse mit vielen Videos. „Pfad“: jede Lektion ein Schritt auf einem Weg, Freischalttermine sichtbar – für Programme mit zeitlicher Freigabe.

Zwölf Vorlagen stehen zur Wahl: Klar (die Voreinstellung, bewusst neutral, damit dein Logo und deine Farbe die Marke tragen), Papier, Mitternacht, Beton, Morgenlicht, Praxis, Nordlicht, Seide, Studio, Pistazie, Brandung und Flamingo. Jede hat eine helle und eine dunkle Fassung. Darauf stellst du die „Akzentfarbe“ ein (oder übernimmst die Farbe der Vorlage), die Schriften für Überschriften und Fließtext und die „Ecken“ – „Eckig“, „Leicht“, „Rund“, „Weich“ oder einen genauen Wert.

Ist eine Akzentfarbe zu schwach für Text, korrigiert CourseKit sie für jedes Farbschema, bis sie ein Kontrastverhältnis von 4,5 : 1 erreicht. Die Chips unter der Farbe zeigen für „Hell“ und „Dunkel“, was gespeichert wird. So bleibt dein Mitgliederbereich lesbar – auch für Menschen mit Sehschwäche.

Alle Schriften liegen auf unseren Servern. Es werden keine Google Fonts aus dem Browser geladen.

Lade dein Logo zweimal hoch, als PNG, JPEG oder WebP bis 1 MB: eine Variante „Für helle Flächen“ und eine „Für dunkle Flächen“. Ein dunkles Logo verschwindet sonst im dunklen Modus. In E-Mails und Link-Vorschauen erscheint nur ein PNG- oder JPEG-Logo – bei WebP steht dort dein Name. Mit „Logogröße“ stellst du die Höhe des Logos im Kopf des Mitgliederbereichs ein (20 bis 48 Pixel, Standard 28).

Das Browser-Icon erscheint im Tab und auf dem Homescreen. Ohne Upload erzeugt CourseKit eines aus deinen Initialen und deiner Akzentfarbe. Ein eigenes Icon: PNG, quadratisch, 48 bis 1024 Pixel, höchstens 500 KB.

Wird ein Link zu deinem Mitgliederbereich geteilt, zeigt die Vorschau deinen Namen, dein Logo und deine Farben.

Unter „Startseite“ wählst du, was Mitglieder unter „Meine Kurse“ zuerst sehen: die „Kursübersicht“ (Banner, Kurse als Karten mit Titelbild und Fortschritt) oder das „Dashboard“ (Kacheln). „Ansicht der Kurse“ legt Kacheln oder Liste fest – Mitglieder können selbst umschalten, ihre Wahl gilt auf ihrem Gerät. Ein „Banner“ (etwa 2400 × 600 Pixel, PNG, JPEG oder WebP, mindestens 1200 Pixel breit) steht über der Seite. Unter „Optionale Kacheln“ kannst du „Dein Fortschritt“ und „Lesezeichen“ ausblenden; „Weiterschauen“, die Kurse und die nächste Freischaltung bleiben immer.

Die „Kursnavigation“ gilt für den Aufbau „Handbuch“: Beim Öffnen ist entweder nur das aktuelle Modul offen oder es sind alle Module offen; Mitglieder klappen sie selbst auf und zu.

Unter „Dein Coach“ wählst du eine Person aus deinem Team, die Mitglieder auf ihrer Startseite sehen: Profilbild, Name und eine Zeile von dir, zum Beispiel wann du antwortest. „Niemand – Kachel ausblenden“ blendet die Kachel aus. E-Mail-Adressen zeigt sie nie; das Bild stellt die Person selbst unter „Profil bearbeiten“ ein.

Unter „Einstellungen“ → „Allgemein“ legst du die „Standardsprache des Mitgliederbereichs“ fest (für alle, die selbst keine gewählt haben), verlinkst „Impressum (Adresse)“ und „Datenschutzerklärung (Adresse)“ – nur https-Adressen, sie erscheinen im Footer, auf der Anmeldeseite und unter „Rechtliches“ – und schaltest den Hinweis „Erstellt mit CourseKit“ („Auf der Anmeldeseite zeigen“) ein oder aus. Ohne eigene Wahl ist er in Starter und Growth an, in Pro aus. Impressum und Datenschutzerklärung selbst hostet CourseKit nicht.

Ab dem Tarif Growth (und in der Testphase) kann dein Mitgliederbereich statt unter deiner CourseKit-Adresse unter deiner eigenen laufen, zum Beispiel kurse.deinefirma.de. Das richtet nur die Inhaberin oder der Inhaber ein, unter „Einstellungen“ → „Eigene Domain“ – die Schritte stehen im Artikel „Eigene Domain verbinden“.