UX/UI-Designer

11.08. – 29.08.25

Case Study

Sustanics

Nachhaltig durch den Arbeitsalltag

UX/UI-Designer

11.08. – 29.08.25

Case Study

Sustanics

Nachhaltig durch den Arbeitsalltag

UX/UI-Designer

11.08. – 29.08.25

Case Study

Sustanics

Nachhaltig durch den Arbeitsalltag

MVP & USP

Die Anwendung motiviert Mitarbeitende sich nachhaltiger im Arbeitsalltag zu bewegen, indem es Nachhaltigkeits-Challenges spielerisch integriert, persönliche Fortschritte transparent macht.

Ein KI-Bot geht flexibel auf die Bedürfnisse der Nutzenden ein.

Nutzergruppen & Methodik

Nutzergruppen

Mitarbeitende

HR-Abteilungen

Teams

Methodik

Design Thinking

Scrum

Prototyping

Problem

Die bestehende Website der Stadt Frankfurt ist inhaltlich überfrachtet und unübersichtlich. Die tiefe Verschachtelung der Inhalte und eine unklare Navigation führen dazu, dass sich Nutzer nur schwer orientieren können.

Visuell wirkt das Design veraltet und wenig ansprechend. Es spiegelt weder den modernen, vielfältigen Charakter der Stadt wider, noch vermittelt es ein klares Markenbild.

Nutzergruppen & Ziele

Nutzergruppen

Bürger*innen

Wirtschaft

Tourist*innen

Ziele

Nutzerfreundlichkeit

Barrierefreiheit

Design / Branding

Problem

Die bestehende Website der Stadt Frankfurt ist inhaltlich überfrachtet und unübersichtlich. Die tiefe Verschachtelung der Inhalte und eine unklare Navigation führen dazu, dass sich Nutzer nur schwer orientieren können.

Visuell wirkt das Design veraltet und wenig ansprechend. Es spiegelt weder den modernen, vielfältigen Charakter der Stadt wider, noch vermittelt es ein klares Markenbild.

Nutzergruppen & Ziele

Nutzergruppen

Bürger*innen

Wirtschaft

Tourist*innen

Ziele

Nutzerfreundlichkeit

Barrierefreiheit

Design / Branding

Design

Design

Design

Unser Ziel beim Design von Tanukin: Die Anwendung von der Konkurrenz abheben und Innovation in das Thema Nachhaltigkeit bringen.

KI-Kumpel "Stan" ist zugleich Maskottchen und begleitet die Nutzenden durch die App.

Nachhaltigkeit neu gedacht.

Logo der App Sustanics
Logo der App Sustanics
Logo der App Sustanics

Farben

Dunkle Hintergründe verleihen der App einen eigenständigen Charakter, während verschiedene Akzentfarben den Bezug zum Thema Nachhaltigkeit schaffen.

Leuchtende Farbverläufe bringen Strahlkraft ins Belohnungssystem und heben die Dynamik des KI-Bots hervor.

Boxen im Bento-Stil bieten Flexibilität um Statistiken, Ziele und motivierende Sprüche einzubauen.

Typografie

Quicksand

Quicksand, Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Weiter so, Gisela!

Bikemaster

Super! Noch 2x mit dem Bike zur Arbeit fahren und du bist ein echter “Bikemaster”

You got the power!

Let's go!

Metric des Tages

-36%

Dein
CO2 Schnitt im Juni

Gesamt-

punkte

85

Erreichte

Ziele

6

/ 10

Farben

Dunkle Hintergründe verleihen der App einen eigenständigen Charakter, während verschiedene Akzentfarben den Bezug zum Thema Nachhaltigkeit schaffen.

Leuchtende Farbverläufe bringen Strahlkraft ins Belohnungssystem und heben die Dynamik des KI-Bots hervor.

Boxen im Bento-Stil bieten Flexibilität um Statistiken, Ziele und motivierende Sprüche einzubauen.

Typografie

Quicksand

Quicksand, Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Weiter so, Gisela!

Bikemaster

Super! Noch 2x mit dem Bike zur Arbeit fahren und du bist ein echter “Bikemaster”

You got the power!

Let's go!

Metric des Tages

-36%

Dein
CO2 Schnitt im Juni

Gesamt-

punkte

85

Erreichte

Ziele

6

/ 10

Farben

Dunkle Hintergründe verleihen der App einen eigenständigen Charakter, während verschiedene Akzentfarben den Bezug zum Thema Nachhaltigkeit schaffen.

Leuchtende Farbverläufe bringen Strahlkraft ins Belohnungssystem und heben die Dynamik des KI-Bots hervor.

Boxen im Bento-Stil bieten Flexibilität um Statistiken, Ziele und motivierende Sprüche einzubauen.

Typografie

Quicksand

Quicksand, Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Weiter so, Gisela!

Bikemaster

Super! Noch 2x mit dem Bike zur Arbeit fahren und du bist ein echter “Bikemaster”

You got the power!

Let's go!

Metric des Tages

-36%

Dein
CO2 Schnitt im Juni

Gesamt-

punkte

85

Erreichte

Ziele

6

/ 10

Mobile Screens

Dashboard

Alle Statistiken an einem Ort

Die Übersicht auf dem Dashboard fasst alle Statistiken zusammen und bietet die Möglichkeit automatisch erkannte Tagesziele einzuloggen.

Dashboard

Alle zusammen fürs Team

Zusammen mit der ganzen Abteilung Challenges abschließen und Punkte sammeln macht noch mehr Spaß. Zugleich zahlt dies aufs Teambuilding ein.

Rewards

Punkte sammeln

Da Motivation im Fokus steht, werden Erfolge prominent dargestellt – ergänzt durch Challenges und weitere Ansichten.

Durch leuchtende Gradienten werden Belohnungen direkt sichtbar.

Rewards

Attraktive Belohnungen

Belohnungen rund um das Büro-Leben motivieren Punkte zu sammeln.

Über gezielt gewählte Farben ist direkt erkennbar ob die Belohnung erworben werden kann, schon erworben ist oder ob noch Punkte fehlen. Zusätzlich gibt es die Möglichkeit zu filtern.

Ki-Kumpel

Individuelle Challenges

Nicht jedes Team hat die gleichen Möglichkeiten für nachhaltige Challenges. Daher ist eine Individualisierung wichtig.

KI-Kumpel Stan macht es möglich und bietet weitere Möglichkeiten über die Challenge-Erstellung hinaus.

HR-Tool

Einfach auswerten und berichten

Das HR-Tool ermöglicht der Personalabteilung, die Teilnehmenden zu managen oder relevante Statistiken zentral auszuwerten und für Berichte wie den Nachhaltigkeitsreport aufzubereiten.