Erscheinungsbild und
Programmwebsite
für Erasmus+ Schule

  • Digital
  • UX/UI
  • Corporate Design
  • Illustration
  • Webdesign
  • Social Media

Erasmus+ im Schulbereich fördert persönliche Begegnung, digitalen Austausch und gemeinsame Projekte für Schulen und Kitas aus ganz Europa. Die von uns gestaltete Website soll Lehrenden und Lernenden, Behörden und Trägern dabei helfen, die vielen Möglichkeiten zu entdecken, die Erasmus+ Schule in über 30 Ländern und Tausenden Schulen europaweit bietet.

erasmusplus.schule

DITHO entwickelte für das Programm Erasmus+ Schule ein eigenständiges Erscheinungsbild. Im neuen Design wurde eine komplett neue Programmwebsite geschaffen, ein umfangreiches Designhandbuch, ein Videobaukasten, sowie ein Newsletter, der monatlich erscheint.

Ansprechpartnerin

Diane Mehser diane@dithodesign.de

Mobile First

Webseiten werden zunehmend von unterwegs aufgerufen. Dies berücksichtigen wir bereits in der Konzeptionsphase. Um eine moderne Informationsplattform zu schaffen, sollte die Website auf allen Geräten gut bedienbar sein. Selbst komplexe Inhalte, wie beispielsweise Abläufe eines Förderantrags, wurden speziell für die Darstellung auf kleinen Bildschirmen optimiert. So kann die Plattform auch von unterweg per Smartphone oder Tablet bequem genutzt werden.

Realisierung in TYPO3: Faktor E, Bonn

Ein Programm – Viele Möglichkeiten

Erasmus+ Schule bietet Schüler:innen, Lehrkräften und Pädagogen einen bunten Strauß an Möglichkeiten: Ob Schüler:innenaustausch, Fortbildungen, Hospitationen, Schulpraktika oder Freiwilligendienste. „Austausch bildet“ – europaweit und digital. Alle Angebote des Programms wollten wir daher gleichwertig und angemessen präsentieren, um möglichst viele Menschen am europaweiten Austausch teilhaben zu lassen.

Bewegtbild

Unser Gestaltungskonzept findet nicht nur im Design der Website Anwendung. Auch das Motion Design und die Gestaltung der Imagevideos haben wir neu konzipiert, und so den Youtube-Auftritt des Pädagogischen Austauschdiensts mit einem zeitgemäßen und wiedererkennbaren Look versehen.

Umsetzung Motion Design: Dennis Drehmann

Icons

Um Förderantrage, Programmabläufe und Angebote zu illustrieren, gestalteten wir ein individuelles Iconset für Erasmus+ Schule.

Einige der Icons fanden auch in der Gestaltung des PAD-Newsletters Anwendung. Hiermit informiert der pädagogische Austauschdient monatlich über Neuigkeiten rund um europäischen und internationalen Austausch im Schulbereich.

Jetzt neu: PAD-Website

Nach der Programmwebsite für Erasmus+ Schule, haben wir nun auch den gesamten Webauftritt des Pädagogischen Austauschdiensts neu gestaltet. Gemeinsam mit unserem Partner Faktor E wurde eine umfangreiche Seite erstellt, die dem PAD, seinen Aufgaben und den von ihm betreuten Programme einen modernen, ansprechenden Auftritt verschafft.

Referenz ansehen