Eine neue Homepage für die Pfadi Kanton Schwyz
Die Pfadi Kanton Schwyz ist die Dachorganisation aller Pfadi Abteilungen im Kanton Schwyz. Verbindungsstück zwischen den Abteilungen und der Pfadibewegung Schweiz. Die Pfadi Kanton Schwyz wollte ihre Webpräsenz modernisieren und bat mich deshalb, ihnen dabei zu helfen.
Das ganze Projekt hatte einen holprigen Start. Angefangen hatten wir bereits im September 2017. Die Pfadi Kanton Schwyz hatte vor nicht allzu langer Zeit ihr Logo und damit auch ihre Homepage aktualisiert. Das Problem mit der Website war, dass sie zwar ein frisches Design hatte, aber das Benutzererlebnis etwas zu wünschen übrig liess. Im September 2017, ich hatte gerade meine Sommerprüfungen an der ETH Zürich beendet. Ich hatte nicht viel zu tun und begann an einem Redesign der Website zu arbeiten. Zu diesem Zeitpunkt wusste ich nicht viel über Webdesign. Ich hatte erst im Jahr zuvor angefangen, mit Webdesign und Webentwicklung herumzuspielen. Anstatt also Mock-ups zu machen, wie ich es jetzt mache, habe ich direkt mit HTML und CSS angefangen. Nach ein paar Wochen hatte ich einen Prototyp. Ich wurde nicht darum gebeten, aber ich hatte einige Freunde in der Pfadi Kanton Schwyz und zeigte ihnen meinen Prototyp. Ich bekam gutes Feedback dafür und nicht lange danach fragten sie mich, ob ich es offiziell machen wolle, wo ich zu sagte.
Das ganze Projekt durchlief mehrere grosse Redesigns. Am Ende sah es ganz anders aus als der ursprüngliche Prototyp. Der ursprüngliche Prototyp war von Zeitungs-Websites inspiriert, deshalb habe ich auch Serifen-Schriften für die Titel verwendet. Es hatte auch ein Video, das im Hintergrund des Helden der Landing Page lief. Die allgemeinen Grundfarben waren Rot, Weiss und Schwarz. Diese Farben waren das einzige, was sich durch alle Entwürfe zog. Der ursprüngliche Prototyp enthielt einige wichtige Verbesserungen gegenüber der Website, die die Pfadi Kanton Schwyz zu dieser Zeit verwendete, führte aber auch eine Menge anderer Probleme ein. Allein die Ladezeit war ein grosses Problem. Abgesehen davon hatte nur die Landing Page ein durchdachtes Design, alle anderen Seiten verwendeten das gleiche Design, was die gesamte Website langweilig und repetitiv machte.
Über die Zeitspanne von einem Jahr habe ich nur kleine Anpassungen am ursprünglichen Prototyp vorgenommen, aber weder sie noch ich waren wirklich glücklich. Also beschloss ich im Sommer 2018, das gesamte Design zu verwerfen und von vorne anzufangen. Im Laufe der Zeit hatte ich eine Menge über Webdesign und Benutzererfahrung gelernt. Außerdem machte ich mich mit [Figma] (https://www.figma.com/) vertraut, sodass ich dieses Mal mit Mock-ups anstelle eines HTML-Prototyps begann. Dieses Mal führte ich zusätzlich ein helles Grün, Orange und Cyan in das Design ein. Das gesamte Design war hell mit vier Farben, die hier und da gesprenkelt wurden.
Für die Website habe ich Grav CMS als Back-End verwendet. Es war erst die dritte Website, bei der ich Grav CMS verwendet habe, so dass ich mich noch mit Twig etc. vertraut machen musste und der gesamte Entwicklungsprozess recht langsam voranschritt. Im Juli 2019 hatte ich das Projekt nach fast zwei Jahren endlich fertiggestellt. Die fertige Website ist unter pfadisz.ch zu finden.
Diese Website war meine erste Website in dieser Grössenordnung, die ich selbst entworfen und entwickelt habe. Zum Glück hatte ich viele Freunde, die mich während des gesamten Prozesses unterstützten und regelmässig Feedback gaben. Es war wirklich eines der wichtigsten Sprungbretter für meine Karriere.
Vielen Dank an die Pfadi Kanton Schwyz, die mir diese Möglichkeit gegeben hat!