MUSIC CONNECTS ist eine ehrenamtliche Organisation, welche die musikalische Ausbildung und Entfaltung junger Geflüchteter in verschiedenen Gastgeber-Ländern unterstützt.

 

Als die Anfrage des Vereins für eine neue Website bei uns einging, dauerte unsere Antwort nicht lange: Gerne unterstützen wir eine so gute Sachen mit unserer Expertise – und das gerne auch mal mit kleineren Mitteln. In enger Zusammenarbeit mit MUSIC CONNECTS konzipierten und erstellten wir daraufhin einen neuen Online-Auftritt, sowie eine eigene Projekt-Landingpage für UnterstützerInnen und Geflüchtete selbst.

 

  • Gesamtkonzept
  • User Experience Design
  • User Interface Design
  • Umsetzung
CSS Design Awards 
UX Design
CSS Design Awards 
UI Design
AWWWARDS 
Mobile Excellence
AWWWARDS 
Honors
Music Connects Project Overview

Musik teilen und Hoffnung verbreiten 
 

Die Ziele und Visionen von MUSIC CONNECTS wurden uns im gemeinsamen Strategie-Meeting mit der Organisation relativ schnell bewusst. Im darauffolgenden UX-Workshop konzipierten wir auf dieser Basis eine übersichtliche Informationsarchitektur für die Website, die die verschiedenen Zielgruppen (Interessierte, NGOs, Partner, etc.) nutzergerecht abholt. Gepaart mit einem emotionalen Interface Design gibt die neue Website MUSIC CONNECTS nun eine klare Stimme nach außen.

 

Starke Kontraste im UI ergänzen hier die bewegenden Bilder aus den Projekten und die emotionalen Erfahrungsberichte. Sie lassen den Nutzer die klare Mission hinter MUSIC CONNECTS fühlen und in ihre Welt eintauchen.

Eine Welt, in der kulturelle Entfaltungsmöglichkeiten nicht selbstverständlich und etwas ganz Besonderes sind. Eine Welt, die durch gemeinsames Musizieren plötzlich auch bunt und hoffnungsvoll werden kann.

 

Neben der Vereinswebseite erstellten wir zudem das Konzept für einzelne Projektseiten. Diese stehen separat von der Vereinswebsite und sollen als eigenständige Landingpages den Fokus auf die Inhalte der einzelnen sozialen Projekte richten. Damit sprechen sie vor allem Geflüchtete sowie potentielle UnterstützerInnen im jeweiligen Gastgeberland direkt an und laden dazu ein, Musik zu erfahren, zu lernen und mitzumachen.

Music Connects Projektbeschreibung
Music Connects Jordanien Projekt
Music Connects - Hoffnung musizieren
Music Connects Design Figma
Music Connects UX Workshop Information Architecture

Viel Content Management, wenig Code 
 

Trotz der Umsetzung im kleinen Rahmen, sollte die Website natürlich pflegbar für die RedakteurInnen sein. Wir entschieden uns hier gegen eine aufwendige Eigenentwicklung und bauten die Module im Baukastensystem von Squarespace auf. Individuelle Komponenten und Designelemente, die nicht durch den Standard von Squarespace abgebildet werden konnten (wie z.B. die Zweisprachigkeit), wurden mit Hilfe von benutzerdefinierten Code eingefügt.  

Music Connects Technik