AI Education SaaS “Gogobot”

Schulverlag plus AG

GoGoBot ist eine KI-gestützte, webbasierte SaaS-Lernplattform, die Lehrpersonen und Schüler dabei unterstützt, Unterrichtsmaterialien effizient zu erstellen und zu nutzen. Entwickelt vom Schulverlag plus AG, kombiniert GoGoBot die neueste ChatGPT-Technologie mit spezifischem Lehrmaterial, um individualisierte Arbeitsblätter, Prüfungen und Übungen zu generieren.

Gogobot Mockup Screen from Page "Create your own content"
Gogobot Mockup Screen Mobile on Page "Create your own content". Behind the phone mockup there are floating elements such as: Illustrations, Cards and a Speechbubble

Partnerschaft mit Perspektive

Nach mehreren erfolgreichen Projekten mit dem Schulverlag fiel die Entscheidung, Umsatz mit dem Redesign von Gogobot zu beauftragen.

Das Projekt wurde in enger Zusammenarbeit mit dem internen Gogobot-Team umgesetzt. Unsere Aufgabe: die Analyse, Neustrukturierung und visuelle Neuausrichtung der Plattform – mit Fokus auf Nutzerfreundlichkeit, Klarheit und Skalierbarkeit.

Frisch gedacht. Neu gestaltet.

Das neue Design schafft Ordnung, wo zuvor Chaos war. Klare Strukturen, moderne UI und bessere Bedienbarkeit machen die Plattform heute deutlich einfacher und effizienter nutzbar.

Arrow pointing from the old Gogobot Design to the new Gogobot Design
Gogobot Mockup Screen of the Gogobot before our RedesignGogobot Mockup Screen of the Gogobot after our Redesign
Old Gogobot screens with sticky notes from the analysis

Analyse als Ausgangspunkt

Ein UX-Audit legte die Basis: Schwächen wurden sichtbar, Bedürfnisse klar. Daraus entstand ein durchdachtes Konzept, das echte Probleme löst – statt nur schön auszusehen.

Mehr als Design – durchdachte Struktur

Hinter dem ansprechenden Interface steckt mehr als nur visuelles Design: Die Sitemap zeigt, wie die Web App strategisch strukturiert wurde – von der Navigation bis zur Anordnung einzelner Funktionen. Jeder Bereich ist gezielt positioniert, um klare Wege, kurze Klickstrecken und ein reibungsloses Nutzungserlebnis zu ermöglichen.

Die Informationsarchitektur basiert auf realen Nutzungsszenarien und ist so aufgebaut, dass sie mit zukünftigen Funktionen wachsen kann – flexibel, logisch und langfristig tragfähig.

Sitemap of the new structure for gogobot: The main dashboard connects -> create own content, chatbot, library, explore community, last opened, profile and help

Einfach finden statt lange suchen

Die Navigation legt grossen Wert auf Klarheit und Zugänglichkeit – für Lehrpersonen ebenso wie für Schüler. Sie ist so gestaltet, dass sie den Nutzer leitet, ohne ihn zu lenken. Eine reduzierte, logisch aufgebaute Struktur sorgt dafür, dass sich alle schnell zurechtfinden.

Mockups Screen Desktop showing the navigation when its opened. Its on the left side of the screen, with a dark purple background. Menu items habe icons in front of the nameGogobot Mockup Screen Desktop: showing the navigation when its collapsed. the navigation is on the left side showing only the icons of the menu items when collapsed

Alles nur einen Klick entfernt

Vom Dashboard aus gelangen Lehrpersonen sofort zu Übungen, Arbeitsblättern, Prüfungen oder zuletzt erstellten Inhalten – ohne Umwege, genau dort, wo sie weitermachen möchten.

Mockup Screen Mobile. Showing a worksheet and sharing options of this worksheet. You can either download as pdf, create a link, create a qr code, download the solutions or share in community

Schnell erstellt. Einfach geteilt.

Erstellte Materialien können sofort geteilt werden – online oder offline. Gogobot unterstützt effizientes Arbeiten, damit mehr Zeit fürs Wesentliche bleibt: den Unterricht.

all robot illustrations created. there are 20 different robots, some have a round body, square heads, wiggely arms, two eyes, no eyes, etc. all are very different but still belong to the specific gogobot style

Ein Interface, das Freude macht

Wir entwickelten ein visuelles Konzept, das Lernen nicht wie Pflicht anfühlen lässt. Der spielerische Ansatz sorgt für Leichtigkeit, stärkt die Nutzerbindung und schafft eine Atmosphäre, in der man gerne zurückkommt.

Lerninhalte visualisieren

Ein Set aus 63 Illustrationen unterstützt dabei, Aufgaben kontextuell einzuordnen, erhöht die Wiedererkennung und fördert ein positives Lernerlebnis – für Schüler wie auch Lehrpersonen.

Flexibles Designsystem

Das Redesign von Gogobot war der Auftakt für ein konsistentes, modernes UI über die gesamte Plattform hinweg.

Umsatz entwickelte ein flexibles und erweiterbares Designsystem, das speziell auf die Bedürfnisse von Schulen zugeschnitten ist – leichtgewichtig, strukturiert und optimal für bildungsrelevante Inhalte. Ziel war ein System, das eine intuitive Nutzerführung ermöglicht und gleichzeitig skalierbar für zukünftige Funktionen bleibt.

Strukturiert zum Ziel

Von der Analyse über die Konzeption bis zum finalen UI-Design – das Projekt wurde in klar definierten Phasen umgesetzt. In nur sechs Monaten entstand eine rundum erneuerte Plattform, die Strategie, UX und visuelles Design nahtlos verbindet.

«Umsatz hat uns kompetent begleitet und unserer Plattform ein frisches und modernes Erscheinungsbild verpasst. Merci für eure wunderbare Arbeit!»

Portrait or Celina Merz behind a yellow background

Celina Merz, Product Owner

Nächstes Projekt ansehen

Automotive Rennsoftware

Zum Projekt
white arrow pointing to the right
Desktop Mockup Screen of the racing software currently on the tire tab. there is a graph on the right depicting the model reeingeering. on the left there number to the tire force, tire force slip angle/ratio or camber influence