Talky talky or
chatty chatty?
Exploring Digital Future. Together.

Ein lebendiges Netzwerk.homodea.

homodea Teaser Wide
Auf homodea finden Menschen einen digitalen Ort für Entwicklung, Austausch, Impulse, Inspirationen – und für sich selbst. Auf der Kursplattform sind viele verschiedene Angebote und Inhalte zu entdecken: Von Video-Kursen mit verschiedenen Lektionen über Live-Videos und kleinen Tagesimpulsen bis zu Events im realen Leben und Ausbildungen. Ein großer Mehrwert ist hierbei die Community und das gemeinsame Vorankommen. Wir haben es uns zur Aufgabe gemacht, all das in eine intuitive digitale User-Experience zu überführen.

Auf der Plattform werden vielfältige und sehr unterschiedliche Inhalte angeboten. Eine konzeptionelle Herausforderung war hierbei, die Inhalte sinnvoll zu verbinden und gleichzeitig den Usern die Möglichkeit zu geben, sich jeweils einen eigenen Bereich zu schaffen.

homodea Inhalte
homodea Kursdetailseite ohne Teilnahme desktop
homodea Logo

Auf homodea finden sich nicht nur verschiedene Inhaltstypen zu verschiedenen Themen – auch die jeweiligen Absender sind unterschiedlich. Denn ebenso wie die Nutzer:innen sind die homodea-Expert:innen und deren Inhalte individuell. Also musste die Plattform so neutral wie möglich aussehen: damit alle Kurs- oder Teaserbilder in Summe gut wirken und gleichzeitig die Inhalte im Vordergrund stehen können. Um Übersichtlichkeit zu schaffen, werden Inhalte bestimmter Arten mit Badges hervorgehoben. Der kräftige Verlauf in Buttons und Call-to-Actions sorgt dafür, dass trotz allem die Aufmerksamkeit auf Neues oder Wichtiges gelenkt wird.

homodea Kurs-Seiten mobile
homodea Startseite mobile
homodea Startseite mobile light

Die vielen verschiedenen Inhaltsbereiche sollten von überall direkt erreichbar sein. Daher finden sich alle Menü-Punkte in einer Navigation, die sich ein- und ausklappen lässt. Der Haupt-Content wird hierbei bewusst nicht durch das Menü überlagert. So kann man schnell zu einem neuen Inhaltsbereich wechseln und sich weiter auf den Haupt-Inhalt konzentrieren; oder aber die Navigation zur Orientierung geöffnet lassen, während man durch die Plattform stöbert.

homodea mobile Navi eingeklappt light

Die Startseite ist ein persönlicher Hub, der die User mit Vorschlägen und Inhalten begrüßt, die auf die eigenen Interessen abgestimmt sind. Im Profil-Dropdown finden darüber hinaus persönliche Funktionsbereiche ihren Platz: eigene Kurs-Teilnahmen, Merklisten, Einstellungen, etc.

homodea Teilnahmen und Lektionen mobile

Bei der Gestaltung der homodea-Plattform haben wir uns auf die User-Führung konzentriert und das Design so angelegt, dass es für jegliche Inhalte funktioniert. So ist ein unabhängiges Design-System entstanden, das eine flexible Basis bietet und weiter wachsen kann. Die Plattform macht den Zugang zu allen Inhalten so einfach wie möglich, lässt Spiel für individuellen Umgang und bietet gleichzeitig Raum für gemeinschaftlichen Austausch.

homodea Schlussbild