Skip to main content
    UX Studio ©
    Zurück zum Portfolio

    Produkt-Fallstudie / Verwaltungsplattform für Schulen

    ClassWolf

    Die Schule voranbringen. Ihre Geschichte bewahren.

    Ein vernetzter Arbeitsbereich für Schulen mit wiederkehrenden Kursen. Kurse, Anwesenheit, Mehrfachkarten und Zahlungen kommen in einer Oberfläche zusammen, die den Alltag und seine Historie verständlich macht.

    SaaS
    Product design
    Operations
    EdTech
    ClassWolf — KI-generiertes Portfolio-Titelbild zur Illustration von Designkonzepten.
    KI-generiertes Portfolio-Titelbild zur Illustration von Designkonzepten.
    Unser Beitrag
    Produktstrategie, UX/UI, Marke und Entwicklung
    Projektschwerpunkt
    Öffentliche Website und Schulverwaltung für unterschiedliche Rollen

    01 / Die Herausforderung

    Hinter jeder Stunde steht ein Betriebsablauf

    Eine Schule ist mehr als ein Kalender. Sie besteht aus den Beziehungen zwischen Kursen, Räumen, Lehrkräften, Teilnehmenden und Zahlungen. ClassWolf macht diese Zusammenhänge sichtbar. Für wiederkehrende Aktivitäten wie Tanz, Yoga und Musik verbindet das Produkt die tägliche Verwaltung mit der langfristigen Geschichte der Schule.

    Die Herausforderung bestand darin, voneinander abhängige Aufgaben handhabbar zu machen: wiederkehrende Termine, Raumkapazität, Lehrkräfte, Anwesenheit, Mehrfachkarten und Zahlungen. Historische Daten müssen bei personellen Änderungen erhalten bleiben, ohne den Alltag durch unnötige Komplexität zu belasten.

    Die Entscheidungen hinter dem Erlebnis

    01

    Mit dem Tag beginnen, dann ins Detail gehen

    Das Dashboard zeigt kommende Stunden, offene Zahlungen und praktische Zugänge. Einheitliche Listen führen vom Hinweis zum passenden Datensatz. Die Oberfläche macht zuerst sichtbar, was Aufmerksamkeit braucht, bevor Berichte interpretiert werden müssen.

    02

    Wiederkehrende Kurse an realen Bedingungen ausrichten

    Ein Kurs verbindet Lehrkräfte, Raum, Termine und Anmeldungen. Beim Paartanz sind Kapazitäten für führende und folgende Rollen relevant; bei anderen Aktivitäten bleiben sie ausgeblendet. Konfigurierbare Fachbereiche zeigen spezielle Regeln dort, wo sie gebraucht werden.

    03

    Mehrfachkarten verständlich machen

    Mehrfachkarten verbinden Kauf, verbleibende Einheiten, Ablauf und Zuordnung zu Lehrkräften. Klare Statusangaben unterscheiden aktive, aufgebrauchte und abgelaufene Karten. Zusammenhängende Informationen erleichtern die Erklärung eines Guthabens ohne separate Tabellen.

    04

    Kontinuität bei personellen Änderungen bewahren

    Lehrkräfte können deaktiviert werden, während ihre früheren Stunden und zugehörigen Datensätze erhalten bleiben. Berechtigungen trennen Verantwortlichkeiten; Berichte bleiben mit den Abläufen verbunden. Das Gedächtnis der Schule wird als Bestandteil des Produkts behandelt.

    02 / Menschen & Recherche

    Bedürfnisse als Ausgangspunkt

    Illustrative Proto-Personas aus den Rollen und Abläufen des Produkts. Sie beschreiben Designhypothesen, keine Interviewteilnehmenden.

    Schulleitung

    Illustrative Proto-Persona · Betrieb und Kontinuität

    Bedürfnis
    Tagesprioritäten erkennen und Kurse, Zahlungen und Historie verbinden.
    Hürde
    Eine Frage zu Zahlung oder Anwesenheit erfordert mehrere getrennte Unterlagen.
    Designantwort
    Gemeinsame Übersicht und verbundene Kurs-, Personen- und Zahlungsdaten.

    Lehrkraft zwischen zwei Stunden

    Illustrative Proto-Persona · Unterricht und Anwesenheit

    Bedürfnis
    Die nächste Stunde finden, Anwesenheit erfassen und relevante Kursinformationen erkennen.
    Hürde
    Zeitdruck zwischen Stunden und Oberflächen mit zu viel Verwaltungskontext.
    Designantwort
    Klarer Stundenkontext, gezielte Anwesenheitserfassung und rollengerechter Zugang.

    Forschungsfragen & Validierung

    Dieser rekonstruierte Forschungsrahmen setzt bei den betrieblichen Beziehungen der Produktanforderungen an. Die Schulleitung braucht den Überblick über Kurse und Zahlungen, Lehrkräfte eine gezielte Stundenaufgabe und Lernende klare Anmeldeinformationen. Mehrfachkarten verbinden Kauf, Anwesenheit, Ablauf und Zuordnung zur Lehrkraft. Die Historie beim Weggang einer Lehrkraft zu bewahren, ist ein ausdrücklicher Discovery-Bedarf. Die vorgeschlagenen Fragen untersuchen den heutigen Abgleich dieser Daten und die Informationen, die am Empfang oder zwischen Stunden sicheres Handeln ermöglichen.

    Eine redaktionelle Rekonstruktion der Designüberlegungen. Interviewfragen und Usability-Szenarien dienen als Validierungsleitfaden; sie werden nicht als durchgeführte Feldforschung oder gemessene Ergebnisse dargestellt.

    Interviewleitfaden

    • Hypothese: Eine Übersicht erspart das Zusammensuchen. Frage: Wie beantworten Sie heute eine Frage zu einer unbezahlten Stunde?
    • Frage an Schulleitungen: Welche Daten müssen beim Weggang einer Lehrkraft oder am Kursende erhalten bleiben?
    • Frage an Lehrkräfte: Was brauchen Sie auf dem Telefon direkt vor und nach einer Stunde?
    • Hypothese: Klare Guthaben erleichtern Erklärungen. Frage: Welche Situationen mit Mehrfachkarten erzeugen die meisten Rückfragen?

    Szenarien für Usability-Tests

    • Einen wiederkehrenden Kurs erstellen und Lehrkraft, Raum und Anmeldung vor Bestätigung prüfen.
    • Eine Karte finden und Einheiten, Ablauf und Status anhand von Demo-Daten erklären.
    • Als Lehrkraft auf kleinem Bildschirm die nächste Stunde finden und Anwesenheit erfassen.
    • Tastatur, Statusangaben und Berechtigungen einschließlich deaktivierter Lehrkräfte prüfen.

    03 / Customer Journey

    Customer Journey

    Eine repräsentative Journey aus den Produktabläufen, die Bedürfnisse mit konkreten Interface-Entscheidungen verbindet.

    1. 01Planen

      Nutzerhandlung
      Einen wiederkehrenden Kurs einrichten
      Hürde
      Lehrkräfte, Räume und Kapazität müssen zusammenpassen
      Designantwort
      Verbundenes Kursmodell mit sichtbaren Terminen und Kapazitäten
    2. 02Anmelden

      Nutzerhandlung
      Eine Person einem Kurs zuordnen
      Hürde
      Personendaten und Anmeldung sind getrennt
      Designantwort
      Verbundene Personen- und Kursdaten
    3. 03Teilnehmen

      Nutzerhandlung
      Die Stunde prüfen und Anwesenheit erfassen
      Hürde
      Wenig Zeit zu Stundenbeginn
      Designantwort
      Anwesenheitserfassung im Kontext der Stunde
    4. 04Abrechnen

      Nutzerhandlung
      Zahlung und Kartenguthaben prüfen
      Hürde
      Ablauf, Einheiten und Zahlungsstatus werden verwechselt
      Designantwort
      Klare Guthaben, Termine und Kartenstatus
    5. 05Auswerten

      Nutzerhandlung
      Abläufe verstehen und historischen Kontext bewahren
      Hürde
      Personalwechsel unterbrechen die Geschichte der Schule
      Designantwort
      Berichte und erhaltene historische Verknüpfungen

    04 / Wireframing

    Von der Struktur zur Oberfläche

    Für diese Fallstudie rekonstruierte Low-Fidelity-Wireframes. Sie erläutern Hierarchie und Ablauf, statt Originaldateien des Projekts wiederzugeben.

    01 / Tagesübersicht
    Schulidentität und Betriebskennzahlen
    Kommende Stunden und offene Aufgaben
    Zugänge zu Kursen, Personen und Zahlungen
    02 / Kurs und Stunde
    Kurs, Lehrkraft, Raum und Termine
    Anmeldungen und verfügbare Kapazität
    Stundenliste und Anwesenheitserfassung
    03 / Mehrfachkartenübersicht
    Person und Kartenidentität
    Guthaben, Ablauf und eindeutiger Status
    Kauf und verbundene Vorgänge
    KI-generierte redaktionelle Illustration eines Prototyping-Arbeitsplatzes; kein Foto einer tatsächlichen Forschungssitzung.
    KI-generierte redaktionelle Illustration eines Prototyping-Arbeitsplatzes; kein Foto einer tatsächlichen Forschungssitzung.

    05 / UI & visuelles Design

    Websiteansichten & Designentwürfe

    Die Bildunterschriften unterscheiden öffentliche Websiteansichten und KI-generierte Plattformentwürfe. Öffnen Sie ein Bild für die Detailansicht.

    KI-generierter Farbentwurf für Tagesprioritäten, kommende Stunden und schnelle Aktionen.
    KI-generierter Farbentwurf zu den Beziehungen zwischen wiederkehrenden Kursen, Lehrkräften, Räumen und Kapazität.
    KI-generierter Farbentwurf zur Darstellung verbleibender Einheiten, Ablaufdaten und Kartenstatus.
    KI-generierter Farbentwurf für einen verständlichen Überblick über Schulbetrieb und Verwaltungsfragen.
    Website besuchen

    Was das Design ermöglicht

    ClassWolf verbindet Menschen, Kurse und Aufzeichnungen einer Schule. Die Designentscheidungen machen Tagesprioritäten, Kartenguthaben und historischen Kontext sichtbar. Die farbigen Bilder sind KI-generierte Konzeptentwürfe zur Erläuterung dieser Ideen.

    Geben wir Ihrer nächsten Idee eine klare Richtung.

    Erzählen Sie uns von Ihrem Projekt