{"id":612,"date":"2025-02-20T20:15:09","date_gmt":"2025-02-20T20:15:09","guid":{"rendered":"https:\/\/willemprins.me\/?post_type=portfolio&#038;p=612"},"modified":"2025-09-24T11:23:37","modified_gmt":"2025-09-24T11:23:37","slug":"relaunch-von-tandem-fur-kultur","status":"publish","type":"portfolio","link":"https:\/\/willemprins.me\/de\/portfolio\/relaunch-von-tandem-fur-kultur\/","title":{"rendered":"Relaunch Tandem for Culture"},"content":{"rendered":"\n<p><a href=\"https:\/\/tandemforculture.org\">https:\/\/tandemforculture.org<\/a><\/p>\n\n\n\n<p>Die in Berlin ans\u00e4ssige gemeinn\u00fctzige Organisation MitOst e.V. trat an mich heran, um die Website f\u00fcr ihre Tandem-Reihe von Austauschprogrammen zu entwickeln. Unter der Leitung der bildenden K\u00fcnstlerin <a href=\"https:\/\/www.ericabrisson.com\/tandem\">Erica Brisson<\/a> befand sich das Tandem-Team in der Endphase der gemeinsamen Erarbeitung einer auf den Menschen ausgerichteten Vision f\u00fcr ihre visuelle Marke. Als Webentwickler war es meine Aufgabe, die Website neu zu konzipieren, um sie an diese neue Marke anzupassen und die Funktionalit\u00e4t zu schaffen, die die Website zu einem wichtigen Bestandteil der Dokumentationsreise der Teilnehmer an zuk\u00fcnftigen Programmen macht.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00dcber das Projekt<\/h2>\n\n\n\n<p>Anfang 2017 haben wir die Website mit einem starken Fokus auf Storytelling und visuelle Verbindungen \u00fcber Grenzen und Projekte hinweg relauncht. Der auf WordPress basierende Relaunch von tandemforculture.org ist das gr\u00f6\u00dfte Webprojekt, an dem ich als Einzelentwickler gearbeitet habe.<\/p>\n\n\n\n<p>Hauptmerkmale:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ein ma\u00dfgeschneiderter Seitenaufbau, der auf individuell gestalteten, konfigurierbaren Komponenten basiert, um sicherzustellen, dass jeder Inhalt zur visuellen Marke passt<\/li>\n\n\n\n<li>Eine interaktive Karte, die so gestaltet ist, dass sie mit der visuellen Marke \u00fcbereinstimmt, und die die in jeder Programmrunde hergestellten Verbindungen anzeigt<\/li>\n\n\n\n<li>Leistungsf\u00e4hige Such- und Filterfunktionen, die es den Nutzern erm\u00f6glichen, Kollaborationen und Beitr\u00e4ge nach Thema, Programm oder Stichwort zu finden.<\/li>\n\n\n\n<li>Zur Erleichterung der Dokumentation, die f\u00fcr jedes Kooperationsprojekt unerl\u00e4sslich ist, erm\u00f6glichten es verschiedene Formularintegrationen den Teilnehmern, ihre anf\u00e4nglichen Projektpl\u00e4ne und Geschichten direkt \u00fcber die Website zu teilen, so dass Blogbeitr\u00e4ge, Bilder und Projektdetails sofort zur Ver\u00f6ffentlichung auf der Website zur Verf\u00fcgung standen, anstatt dass das Tandem-Team sie m\u00fchsam kopieren und einf\u00fcgen musste.<\/li>\n\n\n\n<li>Im Jahr nach dem Start konnte ich die Flexibilit\u00e4t von WordPress nutzen, um eine zweite Website mit demselben Framework f\u00fcr eine andere von MitOst unterst\u00fctzte Initiative zu erstellen: : <a href=\"https:\/\/citizenslab.eu\">Citizen&#8217;s Lab<\/a> zielt darauf ab, ein europ\u00e4isches Netzwerk f\u00fcr zivilgesellschaftlichen Wandel zu schaffen.<\/li>\n<\/ul>\n\n\n\n<p>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 <a href=\"https:\/\/laikalaika.de\/\">Laika Laika<\/a> \u00fcbergeben.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was ich bei diesem Projekt gelernt habe<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>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\u00fccklicherweise konnte ich mit <a href=\"https:\/\/annegretrichter.com\">Annegret Richter<\/a> zusammenarbeiten, um die ersten Versionen der wichtigsten Seitenlayouts zu erstellen.<\/li>\n\n\n\n<li>Ein Workshop f\u00fcr alle F\u00e4lle! Vor Beginn des Projekts lud mich das Tandem-Team gro\u00dfz\u00fcgig zu einer ihrer Kick-off-Veranstaltungen ein, um mir die M\u00f6glichkeit zu geben, in ihre Welt einzutauchen.  Im Mittelpunkt des Tandem-Ansatzes stehen pers\u00f6nliche Treffen, bei denen auf spielerische Art und Weise Ideen ausgetauscht und erarbeitet werden. Das bedeutete auch, dass der Input f\u00fcr die Website in einem zweit\u00e4gigen 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\u00f6sen kann: Als ich erw\u00e4hnte, dass die Website cool aussehen sollte&#8221;, antwortete das Team, dass es nicht auf cool&#8221; abzielte &#8211; stattdessen sollte die Website zug\u00e4nglich, freundlich und hilfreich sein.<\/li>\n\n\n\n<li>Auch wenn es sich wie eine &#8220;Niederlage&#8221; anf\u00fchlen mag, ehrgeizige Ziele, die man sich in der Anfangsphase des Projekts gesetzt hat, zur\u00fcckzuschrauben, ist die Reduzierung der Komplexit\u00e4t oft der einfachste Weg, um das Gleichgewicht wiederherzustellen und den Stress in der hei\u00dfen Phase zu verringern. Nachdem ich in der fr\u00fchesten Entwicklungsphase mit einem Composer-basierten Setup f\u00fcr die Verwaltung von Abh\u00e4ngigkeiten experimentiert hatte, entschied ich mich f\u00fcr eine L\u00f6sung, die die Git-Versionierung f\u00fcr die Bereitstellung von Plugins und Themes nutzte und die meinen Bed\u00fcrfnissen als Einzelentwickler besser entsprach.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Bilder<\/h2>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-2 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e2114a922d8&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e2114a922d8\" class=\"wp-block-image size-large wp-lightbox-container\"><img data-dominant-color=\"a6cbe0\" data-has-transparency=\"false\" style=\"--dominant-color: #a6cbe0;\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"516\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" sizes=\"auto, (max-width: 608px) 100vw, 608px\" data-id=\"618\" src=\"https:\/\/willemprins.me\/wp-content\/uploads\/2025\/02\/Tandem_connection_example-1024x516.webp\" alt=\"\" class=\"wp-image-618 not-transparent\" srcset=\"https:\/\/willemprins.me\/de\/wp-content\/uploads\/sites\/3\/2025\/02\/Tandem_connection_example-1024x516.webp 1024w, https:\/\/willemprins.me\/de\/wp-content\/uploads\/sites\/3\/2025\/02\/Tandem_connection_example-300x151.webp 300w, https:\/\/willemprins.me\/de\/wp-content\/uploads\/sites\/3\/2025\/02\/Tandem_connection_example-768x387.webp 768w, https:\/\/willemprins.me\/de\/wp-content\/uploads\/sites\/3\/2025\/02\/Tandem_connection_example-1536x773.webp 1536w, https:\/\/willemprins.me\/de\/wp-content\/uploads\/sites\/3\/2025\/02\/Tandem_connection_example-2048x1031.webp 2048w\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e2114a92dc2&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e2114a92dc2\" class=\"wp-block-image size-large wp-lightbox-container\"><img data-dominant-color=\"faf6e2\" data-has-transparency=\"false\" style=\"--dominant-color: #faf6e2;\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"494\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" sizes=\"auto, (max-width: 608px) 100vw, 608px\" data-id=\"617\" src=\"https:\/\/willemprins.me\/wp-content\/uploads\/2025\/02\/Tandem_programme_overview-1024x494.webp\" alt=\"\" class=\"wp-image-617 not-transparent\" srcset=\"https:\/\/willemprins.me\/de\/wp-content\/uploads\/sites\/3\/2025\/02\/Tandem_programme_overview-1024x494.webp 1024w, https:\/\/willemprins.me\/de\/wp-content\/uploads\/sites\/3\/2025\/02\/Tandem_programme_overview-300x145.webp 300w, https:\/\/willemprins.me\/de\/wp-content\/uploads\/sites\/3\/2025\/02\/Tandem_programme_overview-768x371.webp 768w, https:\/\/willemprins.me\/de\/wp-content\/uploads\/sites\/3\/2025\/02\/Tandem_programme_overview-1536x741.webp 1536w, https:\/\/willemprins.me\/de\/wp-content\/uploads\/sites\/3\/2025\/02\/Tandem_programme_overview.webp 1658w\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e2114a9385b&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e2114a9385b\" class=\"wp-block-image size-large wp-lightbox-container\"><img data-dominant-color=\"c9c8c3\" data-has-transparency=\"false\" style=\"--dominant-color: #c9c8c3;\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" sizes=\"auto, (max-width: 608px) 100vw, 608px\" data-id=\"619\" src=\"https:\/\/willemprins.me\/wp-content\/uploads\/2025\/02\/Tandem_stories-1024x576.webp\" alt=\"\" class=\"wp-image-619 not-transparent\" srcset=\"https:\/\/willemprins.me\/de\/wp-content\/uploads\/sites\/3\/2025\/02\/Tandem_stories-1024x576.webp 1024w, https:\/\/willemprins.me\/de\/wp-content\/uploads\/sites\/3\/2025\/02\/Tandem_stories-300x169.webp 300w, https:\/\/willemprins.me\/de\/wp-content\/uploads\/sites\/3\/2025\/02\/Tandem_stories-768x432.webp 768w, https:\/\/willemprins.me\/de\/wp-content\/uploads\/sites\/3\/2025\/02\/Tandem_stories-1536x865.webp 1536w, https:\/\/willemprins.me\/de\/wp-content\/uploads\/sites\/3\/2025\/02\/Tandem_stories-2048x1153.webp 2048w\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Die Berliner Non-Profit-Organisation MitOst bat mich, den Relaunch der Website f\u00fcr Tandem, ihre Reihe von Kulturaustauschprogrammen, zu unterst\u00fctzen. Ich habe eine Anwendung entwickelt, die sich auf das Geschichtenerz\u00e4hlen konzentriert und zu ihrer gutherzigen, verspielten visuellen Markenidentit\u00e4t passt.<\/p>\n","protected":false},"author":2,"featured_media":613,"comment_status":"closed","ping_status":"closed","template":"","meta":{"year":"2017","editor_notices":[],"footnotes":""},"portfolio_category":[218,174],"portfolio_tag":[],"class_list":["post-612","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","portfolio_category-kultur-und-geschichte","portfolio_category-webentwickler"],"_links":{"self":[{"href":"https:\/\/willemprins.me\/de\/wp-json\/wp\/v2\/portfolio\/612","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/willemprins.me\/de\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/willemprins.me\/de\/wp-json\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/willemprins.me\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/willemprins.me\/de\/wp-json\/wp\/v2\/comments?post=612"}],"version-history":[{"count":20,"href":"https:\/\/willemprins.me\/de\/wp-json\/wp\/v2\/portfolio\/612\/revisions"}],"predecessor-version":[{"id":1255,"href":"https:\/\/willemprins.me\/de\/wp-json\/wp\/v2\/portfolio\/612\/revisions\/1255"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/willemprins.me\/de\/wp-json\/wp\/v2\/media\/613"}],"wp:attachment":[{"href":"https:\/\/willemprins.me\/de\/wp-json\/wp\/v2\/media?parent=612"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/willemprins.me\/de\/wp-json\/wp\/v2\/portfolio_category?post=612"},{"taxonomy":"portfolio_tag","embeddable":true,"href":"https:\/\/willemprins.me\/de\/wp-json\/wp\/v2\/portfolio_tag?post=612"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}