Interaktive EPUB-Infografik

Konzept, Gestaltung & Interaktivität

Für dieses interaktive EPUB-Projekt gestalteten wir im Team eine visuelle Auseinandersetzung mit dem Thema Hate Speech, speziell für eine junge Zielgruppe. Um die Wirkung von Hassrede gestalterisch greifbar zu machen, entwickelten wir eine stilisierte Gaswolke als zentrales Symbol. Die visuelle Umsetzung - inklusive Farbwelt, Illustration und einer eigens entwickelten Titelschrift - orientiert sich klar an der Sprache und Ästhetik junger Nutzer:innen.

Gestaltungs-konzept

Zu Beginn legten wir ein gemeinsames Designsystem mit Farben, Typografie, Illustrationsstil und Figuren fest. Anschließend gestaltete jede:r von uns eine eigene EPUB-Seite - inhaltlich individuell, aber visuell konsistent. Die Herausforderung bestand darin, drei unterschiedliche Gestaltungsansätze visuell zu vereinen, was uns durch enge Zusammenarbeit und klare gestalterische Vorgaben gelang.

Mein Beitrag

  • Gestaltung einer vollständigen Infografik-Seite

  • Entwicklung & Umsetzung einer handgezeichneten Titelschrift

  • Mitkonzeption von Symbolik, Farbwelt und Illustrationsstil

  • Gestaltung interaktiver Inhalte & Mikroanimationen

Eigene Schrift & Symbolik

Da keine bestehende Schrift unseren Anforderungen für die Titelseite entsprach, habe ich eine eigene Schrift gezeichnet - in mehreren Varianten konzipiert, digital umgesetzt und ins Layout integriert.
Das Symbol der Gaswolke steht für die schleichende, oft übersehene Wirkung von Hate Speech - bewusst reduziert, aber stark in der Aussage.

Interaktive & emotionale Elemente

Die Inhalte werden durch Comic-Style-Illustrationen unterstützt, die bewusst spielerisch, zugänglich und empathiefördernd gestaltet sind. Beim Klick auf eine Hand-Illustration werden zusätzliche Informationen, kleine Animationen und Details eingeblendet. Diese Elemente machen das Thema nicht nur verständlich, sondern auch emotional erlebbar – und fördern eine aktivere Auseinandersetzung mit dem Inhalt.

Zurück
Zurück

Interactive Infografik - BPB