drag move

Entwicklung eines zentralen Design Systems

Kunde

Goethe Institut

Fokus

Konzeption, Gestaltung & Entwicklung

Zeitraum

Q1 2021

Ausgangslage

Um das digitale Erscheinungsbild des Goethe Instituts einheitlicher zu gestalten und gleichzeitig den Kommunikationsaufwand mit Dienstleistern zu senken, wurden wir beauftragt eine digitale Plattform für ein zentrales Design System zu entwickeln.

Umsetzung

Das Design System besteht aus Prinzipien, Richtlinien, interaktiven Komponenten und umfangreichen Ressourcen um einen schnellen Einstieg in die Markenwelt des Goethe Instituts zu ermöglichen. Unsere Aufgabe bei diesem Projekt beschränkte sich dabei nicht nur auf die Entwicklung der digitalen Plattform, über die das Design System zugänglich ist, sondern beinhaltete auch die inhaltliche Ausarbeitung des zentralen Design Systems.

4th motion - next level communication: iPad-Ansicht
4th motion - next level communication: iPad-Ansicht

Komponenten Library

Das Design System beinhaltet eine interaktive Komponenten Library. In dieser wird der Einsatz und die Funktion einzelner Interface Bestandteile, wie zum Beispiel Buttons oder Textfelder, detailliert beschrieben. Die Komponenten sind universell einsetzbar und lassen sich über einen Code-Schnipsel unkompliziert in das eigene Projekt integrieren.

4th motion - next level communication: iPad-Ansicht

Mobile Umsetzung

Dem Betrachter stehen auch bei einem Zugriff mit dem Smartphone, alle Inhalte des Design Systems, optimiert für ihr Endgerät, zur Verfügung.

4th motion - next level communication: iPhone-Ansicht
4th motion - next level communication: iPhone-Ansicht
4th motion - next level communication: iPhone-Ansicht
4th motion - next level communication: iPhone-Ansicht

Scroll weiter, um das nächste Projekt zu laden …