MEKO Neukölln

MEKO NEUKÖLLN

Gestaltung eines visuellen Erscheinungsbildes, von Corporate Design über animierten Visuals bis hin zur Gestaltung von Printprodukten

Für MEKO Berlin entstand im Rahmen eines Relaunchs ein neues visuelles Erscheinungsbild. Ziel war es, die pädagogische Haltung des Medienkompetenzzentrums digital wie analog sichtbar zu machen und einen Auftritt zu entwickeln, der niedrigschwellig, klar und wiedererkennbar wirkt.

Ausgangssituation

MEKO Berlin ist ein Medienkompetenzzentrum mit Schwerpunkt auf geschlechterreflektierender und handlungsorientierter Medienpädagogik. Das Angebot richtet sich an Kinder, Jugendliche und Fachkräfte in der Bildungsarbeit. Im Zuge des Relaunchs sollte ein neuer Auftritt entstehen, der die Inhalte zeitgemäß aufbereitet, Orientierung schafft und die Werte des Zentrums visuell klar vermittelt – auf der Website ebenso wie in begleitenden analogen Anwendungen.

Ansatz

Ziel war es, für MEKO Berlin eine visuelle Sprache zu entwickeln, die Offenheit, Zugänglichkeit und inhaltliche Klarheit miteinander verbindet. Illustrative Elemente und animierte Akzente sollten den Auftritt auflockern, Orientierung schaffen und die Website nahbarer machen, ohne an Präzision zu verlieren. Das Gestaltungssystem wurde so angelegt, dass es digital wie analog funktioniert und den inhaltlichen Anspruch des Zentrums in eine freundliche, eigenständige Form übersetzt.

Umsetzung

Corporate Design: Entwicklung des visuellen Erscheinungsbildes mit Logo, Farbwelt, Typografie und Styleguide.

Illustration und Animation: Gestaltung illustrativer Keyvisuals für die Startseite und Unterseiten sowie deren Animation für den Webauftritt. Ergänzend entstanden weitere erklärende und begleitende Illustrationen für Website und Printprodukte.

Webdesign: Konzeption und Gestaltung des Website-Layouts in enger Zusammenarbeit mit der Webentwicklung. Dazu gehörte auch die Entwicklung grafischer Elemente zur visuellen Strukturierung und Navigation.

Printdesign: Gestaltung verschiedener begleitender Printmedien wie Flyer, Roll-up und Fahne.

Ergebnis

Mit dem Relaunch entstand ein Auftritt, der die Werte von MEKO Berlin visuell klar transportiert und das Medienkompetenzzentrum in einer offenen, nahbaren und zugleich prägnanten Form zeigt. Die Verbindung aus Corporate Design, Illustration, Animation und klarer Seitenstruktur schafft ein konsistentes Gesamtbild, das digital wie analog funktioniert. So entstand eine visuelle Grundlage, die die pädagogische Haltung des Zentrums unterstreicht, Wiedererkennung schafft und die Inhalte für unterschiedliche Zielgruppen zugänglich aufbereitet.

Kunde
JFF – Institut für Medienpädagogik

Leistungen 
Corporate Design, Webdesign, Illustration, Animation, Styleguide, Printdesign

Zeitraum 
2022–2024

Corporate Farben des Medienzentrums Neukölln – MEKO
Logo (Wort-Bild-Marke) des Medienzentrums Neukölln – MEKO
Logo (Bild-Marke) des Medienzentrums Neukölln – MEKO
JuleRichter_Illustration-Animation_JFF_MEKO-Medienkompetenzzentrum_Berlin_Titel1
Headeranimationen für die Start- sowie verschiedenen Unterseiten der Webseite.
JuleRichter_Illustration-Animation_JFF_MEKO-Medienkompetenzzentrum_Berlin_Webseite_Startseite
Team
Termine
Kontakt
Haltung
Förderung
Angebote
Netzwerk
Aktuelles
Weitere Illustrationen für die Webseite zu den Themen Haltung und Werte, Verortung und Kontakt.
JuleRichter_Illustration-Animation_JFF_MEKO-Medienkompetenzzentrum_Berlin_Webseite_Haltungsseite1

Transform it!

Transform it!

Für Transform it! entstand das visuelle Erscheinungsbild der Website. Ziel war ein Auftritt, der die Themen Nachhaltigkeit, Klima, Digitalisierung und Jugend zugänglich und aktivierend vermittelt.

Ausgangssituation

Das Projekt richtet sich an Akteur:innen der außerschulischen Bildung, Jugendarbeit und Medienpädagogik. Im Zentrum steht die Frage, wie digitaler Wandel nachhaltig gestaltet werden kann. Gesucht war eine visuelle Sprache, die komplexe Themen spielerisch und optimistisch aufgreift. Die Website sollte Orientierung geben und die Inhalte mit einer klaren, eigenständigen Gestaltung präsentieren.

Ansatz

Ich habe ein Look & Feel für die Webseite entwickelt, das aktivierend und freundlich wirkt. Dafür entstanden ein Keyvisual, patternartige Hintergründe und weitere illustrative Elemente, die den Webauftritt zusammenhalten und den Themen eine leichte, zugängliche Form geben.

Umsetzung

Visuelles Erscheinungsbild: Entwicklung des Look & Feel der Website.

Illustrative Elemente: Gestaltung von Keyvisual, patternartigen Hintergründen und weiteren grafischen Elementen.

Animation: Kurze Loop-Animation des Schriftzugs Transform it!, um dem Auftritt zusätzlich Bewegung zu geben.

Icons: Gestaltung von animierten Icons für die Themen Nachhaltigkeit, Klima, Digitalisierung und Jugend.

Ergebnis

Mit dem Relaunch entstand ein Auftritt, der die Werte von MEKO Berlin visuell klar transportiert und das Medienkompetenzzentrum in einer offenen, nahbaren und zugleich prägnanten Form zeigt. Die Verbindung aus Corporate Design, Illustration, Animation und klarer Seitenstruktur schafft ein konsistentes Gesamtbild, das digital wie analog funktioniert. So entstand eine visuelle Grundlage, die die pädagogische Haltung des Zentrums unterstreicht, Wiedererkennung schafft und die Inhalte für unterschiedliche Zielgruppen zugänglich aufbereitet.

Kunde 
JFF – Institut für Medienpädagogik

Leistungen
– Look&Feel der Webseite
– Kreation von Titel und Hintergründen
– Animation
– Iconsgestaltung

Zeitraum
2022

Klima
Nachhaltigkeit
Jugend
Digitalisierung