GastroSuisse – Redesign
Für Gastro Suisse durften wir die bestehende Website gestalterisch weiterentwickeln. Das Redesign überträgt die neuen Elemente des Corporate Designs – insbesondere runde Bögen, weiche Formen und abgerundete Bildwelten – konsequent auf den gesamten Webauftritt. Die bewährte technische Basis und sämtliche wichtigen Funktionen der umfangreichen Verbandswebsite bleiben dabei unverändert erhalten.
UX/UI Design
Analyse der bestehenden Lösung
Programmierung
Schnittstelle via REST/JSON-API
Hier Klicken & Scrollen aktivieren
Redesign auf bewährter Grundlage
Die Gastro-Suisse-Website umfasst rund 2’500 Seiten und Dokumente, die von einem Redaktionsteam mit etwa 30 Personen gepflegt werden. Ziel des Auftrags war deshalb keine technische Neuentwicklung, sondern eine visuelle Modernisierung des bestehenden Systems. Das neue Erscheinungsbild sollte sich nahtlos in die vorhandene Struktur einfügen und über alle Seitentypen hinweg konsistent funktionieren.
Struktur und Orientierung
Der flexibel einsetzbare Icon-Block war Bestandteil der bestehenden Website und wurde gemäss dem neuen Corporate Design angepasst. Die prägnante Bogenform in Kombination mit der roten Linie verbindet die einzelnen Inhalte zu einer gestalterischen Einheit. Dadurch entsteht ein klar strukturierter Abschnitt, der Informationen ansprechend präsentiert und eine einfache Navigation ermöglicht.
Inhalte highlighten
Mit dem für GastroSuisse individuell gestalteten Fokus-Element können wichtige Inhalte spannend dargestellt und hervorgehoben werden.
Hier Klicken & Scrollen aktivieren
Für mobile Geräte optimiert
Das Redesign wurde konsequent für Smartphones und Tablets weitergedacht. Abstände, Schriftgrössen, Bildformate und die neuen runden Gestaltungselemente passen sich an unterschiedliche Bildschirmgrössen an. Auch Navigation und Breadcrumbs bleiben auf mobilen Geräten klar zugänglich, damit Nutzer*innen schnell zu den gewünschten Inhalten gelangen.
Umfangreiche Website – Klare Struktur
Eine Herausforderung bei der Website von GastroSuisse war, eine Vielzahl an Inhalten und Seiten in einem einheitlichen UI zu präsentieren. Gleichzeitig lag unser Fokus darauf, ein einfaches Pflegen von Inhalten zu ermöglichen, um eine reibungslose Aktualisierung und Erweiterung der Website zu gewährleisten.
Navigationskonzept
Um sicherzustellen, dass Benutzer schnellstmöglich zu ihren gewünschten Inhalten navigieren können, haben wir zusammen mit dem Kunden eine Seitenarchitektur entwickelt, die ein effizientes Finden des entsprechenden Themas ermöglicht.
Mobile Navigation
Auch auf mobilen Geräten ist die Nutzerführung von zentraler Bedeutung. Durch eine integrierte Breadcrumb-Navigation und einer klaren Benutzerführung, finden die User immer das Ziel.
Hier Klicken & Scrollen aktivieren
Leistungsstarke Suchfunktion
Aufgrund der grossen Menge an Inhalten spielt die Suchfunktion auf der Website eine zentrale Rolle. Bereits bei der Entwicklung wurde die Suchlösung von sitesearch360.com integriert. Dank Machine Learning und gezielter manueller Optimierung werden die Suchergebnisse kontinuierlich verbessert und relevanter dargestellt.
Wissensdatenbank mit Suchfunktion
Dies dient dem User als Informationsquelle und der Suchmaschinenoptimierung. Mit unserem Glossar-Modul für SEO können viele Inhaltsseiten zu relevanten Keywords in kompakterweise erstellt werden.
Download-Center
Das Download-Center von GastroSuisse stellt eine umfangreiche Sammlung an Fachinformationen, Merkblättern, Checklisten, Vorlagen und Verträgen für das Schweizer Gastgewerbe bereit. Dank der übersichtlichen Filterung nach Themen, Dokumenttyp und Kanton lassen sich relevante Dokumente schnell und gezielt finden.
Loginbereich mit Schnittstelle
Das Login, damit die Mitglieder des Verbandes auf die vielen geschützten Seiten und Dokumente zugreifen können, wurde über eine REST/JSON-Schnittstelle mit dem bestehenden Mitgliederportal verbunden. So können die User im Mitgliederportal und auf der Website die gleichen Zugangsdaten verwenden.
Footer im neuen Corporate Design
Der Footer wurde ebenfalls visuell an das neue Corporate Design von Gastro Suisse angepasst. Farben, Typografie, Rundungen und Bögen greifen die Gestaltung der übrigen Website auf und sorgen für einen stimmigen Abschluss jeder Seite. Die bestehenden Links und Informationen bleiben dabei vollständig erhalten und übersichtlich erreichbar.