Die in Berlin ansässige gemeinnützige Organisation MitOst e.V. trat an mich heran, um die Website für ihre Tandem-Reihe von Austauschprogrammen zu entwickeln. Unter der Leitung der bildenden Künstlerin Erica Brisson befand sich das Tandem-Team in der Endphase der gemeinsamen Erarbeitung einer auf den Menschen ausgerichteten Vision für ihre visuelle Marke. Als Webentwickler war es meine Aufgabe, die Website neu zu konzipieren, um sie an diese neue Marke anzupassen und die Funktionalität zu schaffen, die die Website zu einem wichtigen Bestandteil der Dokumentationsreise der Teilnehmer an zukünftigen Programmen macht.
Über das Projekt
Anfang 2017 haben wir die Website mit einem starken Fokus auf Storytelling und visuelle Verbindungen über Grenzen und Projekte hinweg relauncht. Der auf WordPress basierende Relaunch von tandemforculture.org ist das größte Webprojekt, an dem ich als Einzelentwickler gearbeitet habe.
Hauptmerkmale:
- Ein maßgeschneiderter Seitenaufbau, der auf individuell gestalteten, konfigurierbaren Komponenten basiert, um sicherzustellen, dass jeder Inhalt zur visuellen Marke passt
- Eine interaktive Karte, die so gestaltet ist, dass sie mit der visuellen Marke übereinstimmt, und die die in jeder Programmrunde hergestellten Verbindungen anzeigt
- Leistungsfähige Such- und Filterfunktionen, die es den Nutzern ermöglichen, Kollaborationen und Beiträge nach Thema, Programm oder Stichwort zu finden.
- Zur Erleichterung der Dokumentation, die für jedes Kooperationsprojekt unerlässlich ist, ermöglichten es verschiedene Formularintegrationen den Teilnehmern, ihre anfänglichen Projektpläne und Geschichten direkt über die Website zu teilen, so dass Blogbeiträge, Bilder und Projektdetails sofort zur Veröffentlichung auf der Website zur Verfügung standen, anstatt dass das Tandem-Team sie mühsam kopieren und einfügen musste.
- Im Jahr nach dem Start konnte ich die Flexibilität von WordPress nutzen, um eine zweite Website mit demselben Framework für eine andere von MitOst unterstützte Initiative zu erstellen: : Citizen’s Lab zielt darauf ab, ein europäisches Netzwerk für zivilgesellschaftlichen Wandel zu schaffen.
Die Tandem-Website ist immer noch online und bietet mehr als 300 Geschichten und mehr als 280 Kooperationen. Die Entwicklung und Pflege der Website wurde 2024 an das Designstudio Laika Laika übergeben.
Was ich bei diesem Projekt gelernt habe
- Die Erstellung von responsiven Screendesigns mit einem Styleguide als Ausgangspunkt ist immer noch ein sehr zeitintensiver kreativer Prozess, der von der Hand eines Designers und von vielen Iterationen profitiert. Glücklicherweise konnte ich mit Annegret Richter zusammenarbeiten, um die ersten Versionen der wichtigsten Seitenlayouts zu erstellen.
- Ein Workshop für alle Fälle! Vor Beginn des Projekts lud mich das Tandem-Team großzügig zu einer ihrer Kick-off-Veranstaltungen ein, um mir die Möglichkeit zu geben, in ihre Welt einzutauchen. Im Mittelpunkt des Tandem-Ansatzes stehen persönliche Treffen, bei denen auf spielerische Art und Weise Ideen ausgetauscht und erarbeitet werden. Das bedeutete auch, dass der Input für die Website in einem zweitägigen Workshop mit dem Kernteam gesammelt wurde. In einem dieser Workshops lernte ich, dass es auf die Formulierung ankommt und dass ein einziges Wort wertvolles Feedback auslösen kann: Als ich erwähnte, dass die Website cool aussehen sollte”, antwortete das Team, dass es nicht auf cool” abzielte – stattdessen sollte die Website zugänglich, freundlich und hilfreich sein.
- Auch wenn es sich wie eine “Niederlage” anfühlen mag, ehrgeizige Ziele, die man sich in der Anfangsphase des Projekts gesetzt hat, zurückzuschrauben, ist die Reduzierung der Komplexität oft der einfachste Weg, um das Gleichgewicht wiederherzustellen und den Stress in der heißen Phase zu verringern. Nachdem ich in der frühesten Entwicklungsphase mit einem Composer-basierten Setup für die Verwaltung von Abhängigkeiten experimentiert hatte, entschied ich mich für eine Lösung, die die Git-Versionierung für die Bereitstellung von Plugins und Themes nutzte und die meinen Bedürfnissen als Einzelentwickler besser entsprach.
Bilder
