Yoga Schweiz – Website
UX/UI-Design, Fotografie
Verjüngung der Yoga-Pioniere
Im Jahr 1968 von Vorreitern in der noch kaum vorhandenen Schweizer Yoga-Szene gegründet, bereitete sich Yoga Schweiz 2016 auf das bevorstehende 50 Jahre Jubiläum als Schweizer Verband für Yoga Lehrer und Yoga Schulen vor. Im Rahmen dieser Vorbereitungen plante man u.a. auch die vollständige Überarbeitung der Webpräsenz.
Nach umfangreichen Analysen und Vorarbeiten unter der Beratung der Corporate Communication Expertin Brigitte Heinrich von NETTWERK Luzern war der Vorstand und die Geschäftsstelle von YOGA Schweiz soweit, für das Rebranding und den Webauftritt einen Design-Spezialisten ins Boot zu holen. Nach erfolgreicher Evaluation durfte ich als Branding- und UI-Design-Partner das Team aus Kundin und externer Beraterin komplettieren.
In einem Coworking-Prozess entwickelten wir die Webstruktur und die Informationsarchitektur, woraus sich erste Needs für das UX/UI-Design ableiten liessen. Bereits mit dem Redesign des Schriftzuges und des Erscheinungsbildes betraut, ergaben sich zusätzliche Erkenntnisse, die ich in das Redesign des Webauftritts einfliessen lassen konnte. Speziell in Bezug zu einzelnen Bereichen im Branding wie dem Farbkonzept oder dem Bildkonzept war es von Vorteil, parallel die Website zu gestalten. Insbesondere die Entstehung eines «Moving Logos» für Yoga Schweiz war auf diesen Umstand zurückzuführen – liess sich der neue, «atmende» Schriftzug sogleich im neu gestalteten Umfeld anwenden.
(Bitte betrachten Sie hierzu weitere Beiträge zu Yoga Schweiz in meinen Arbeitsbeispielen.)
Öffnung der Verbandsplattform
In der Vergangenheit diente die Yoga Schweiz Website überwiegend den Bedürfnissen eines Verbandes. Vor allem das zusehends unübersichtlich werdende Angebot an Yoga-Kursen nahm Yoga Schweiz zum Anlass, vermehrt das breite Publikum anzusprechen und dabei für mehr Übersicht und Qualität im Markt zu sorgen.
Durch die zusätzlichen Aufgaben wuchs der Inhalt der bislang schon sehr umfangreichen Website nochmals an. Es galt, viele teils sehr textlastige Inhalte, mehrere Datenbanken und ein Mitgliederbereich, möglichst nachvollziehbar zu strukturieren und mithilfe des Designs, für die breit gefächerten Interessen und Ziele der unterschiedlichen Besuchergruppen, unter einen Hut zu bringen.
Hierzu kam uns das im Rahmen des Rebrandings neu entstehende Farbkonzept zu Hilfe, indem sich die einzelnen Inhaltskapitel nun nach Farben ordnen liessen. Dies half u.a. auch bei der Darstellung des Menüs, da die Farben im neuen Mega-Dropdown für Klarheit und Übersicht sorgen.
Vor allem aber die Homepage musste die Aufgabe einer Plattform effektiv bewältigen. Hier nutzte ich die bewährte Form der Darstellung in Tiles (Fliesen), die viel Übersicht und eine maximale Flexibilität bei sich laufend verändernden Inhalten auch in Zukunft sicherstellt.
Auf den vielen textlastigen Subpages sorgte ich für visuelle Abwechslung, indem diese mit neu entwickelten Linienornamenten und sich überlagernden Farbflächen hinterlegt wurden, welche sich jedes mal neu formierten, sobald eine Page neu geladen wurde. Sehen sie die nachfolgende Slideshow, welche einen Textinhalt und das beschriebene Hintergrundkonzept entlang mehrmaligem Reloaden zeigt.
Der Hintergrund von Textinhalten, bestehend aus sich überlagernden Farbflächen und einem geometrischen Ornament, formiert sich nach jedem Reload neu, was für Abwechslung in den teils umfangreichen Inhalten sorgt.
Yoga Schweiz Suisse Svizzera
Schweizerischer Verband der Yoga Lehrenden und Yoga Schulen
Redesign Website
Direktkundenprojekt
2017
Typografie
Gestaltung – UX/UI-Design
Bildkonzept, Fotografie
Farbkonzept