Ein Webflow-Redesign für die Jubla Gommiswald
Die Jubla steht für Gemeinschaft, Abenteuer und Natur. Doch der digitale Auftritt der Schar Gommiswald spiegelte diese Lebendigkeit kaum wider. In meinem neuesten Projekt habe ich die Vereinswebsite komplett überarbeitet. Das Ziel: Ein Design, das Spass macht, und ein Backend mit Webflow, das auch ohne IT-Studium bedienbar ist.
Die alte Website war in die Jahre gekommen, schwer zu pflegen und auf dem Smartphone kaum nutzbar. Die Challenge war also, die emotionale Welt der Jubla mit einer klaren, strukturierten User Experience zu verbinden. Die Website dient vor Allem zu Informativen Zwecken und soll Eltern und Interessierten die Jubla näher bringen und über aktuelle Anlässe informieren.
Warum Webflow? Für einen Verein, der vom Ehrenamt lebt, ist die Pflege der Inhalte entscheidend. Ich habe das CMS von Webflow so aufgesetzt, dass das Leitungsteam neue Blogbeiträge, Lagerinfos oder Team-Fotos ganz einfach hochladen kann, ohne das Design zu «zerschiessen».
Besonders spannend war die Umsetzung der Team-Seite und der Galerien. Hier habe ich mit Webflow-Collections gearbeitet, um dynamische Inhalte zu erzeugen, die automatisch im richtigen Layout erscheinen. Auch kleine Micro-Interactions (Hover-Effekte bei Buttons, sanftes Einblenden von Elementen) sorgen dafür, dass sich die Seite modern und poliert anfühlt.
Um nicht auf Stock-Bilder zurückzugreifen, wollte ich einen bewegten Hero-Loop erstellen. Deshalb reiste ich für einen Tag ins Sola 25 in Diepoldsau und habe mit meiner kleinen Drohne einige Aufnahmen erstellt.
Die Website lässt sich hier im Detail anschauen 🙂
(abb)
Das Projekt hat mir gezeigt, wie wichtig ein sauberes Klassen-Naming-System in Webflow ist, sobald die Seite komplexer wird. Nachdem ich im Figma Design File die einzelnen Ebenen und Komponenten noch nicht so sauber benannt habe, war dies der erste Schritt nach dem Import in Webflow. Ausserdem habe ich gelernt, dass Design für Vereine immer ein Spagat ist: Es muss professionell aussehen, darf aber nicht die Bodenständigkeit verlieren.
Die neue Website ist jetzt live und funktioniert so für die Jubla Gommiswald. Die nächsten Schritte sind das erarbeiten des internen Bereichs, in welchem die wichtigsten Dokumente für die Anlässe abgelegt werden können.