Bei dem UX-Design der Vereins-Website des Hamburger Segel-Clubs stand die optimale Nutzererfahrung im Fokus.
Die klare und übersichtliche Menüführung ermöglicht es den Nutzern, schnell und einfach zu den wichtigsten Informationen zu gelangen. Gut sichtbare Call-to-Action-Buttons verbessern die Benutzerführung und laden zu Interaktionen ein.
Features wie ein Veranstaltungskalender, ein Mitgliederbereich mit Login-Funktion und Kontaktbuttons fördern die aktive Teilnahme und Vernetzung innerhalb der Clubgemeinschaft.
Insgesamt sorgt das UX-Design dafür, dass sowohl erfahrene Segler als auch Neulinge sich auf der Website bestens zurechtfinden und die Freude am Segeln erleben können.

Desktop mit der Darstellung eines Teils der Homepage, wobei das klare Design mit der strukturierten Menüführung gut zur Geltung kommt

Farbskala der Website

Bei der Gestaltung der Website legte ich besonderen Wert auf ein maritimes und gleichzeitig elegantes Design, das die Geschichte und das Prestige des Hamburger Segel-Clubs unterstreicht. Die Farbpalette in Rot-, Schwarz- und Grautönen spiegeln die Identität und die Farben des Clubs wider und sorgen für einen markanten, modernen Look. Die Typografie wurde sorgfältig ausgewählt, um Lesbarkeit und Ästhetik zu vereinen, und spiegelt die Eleganz und Dynamik des Segelsports wider.

Hochwertige Bilder wurden integriert, um die Aktivitäten des Clubs lebendig darzustellen. Die Startseite beeindruckt mit einem großformatigen Panoramabild, das den Segelsport auf der Alster zeigt.

Desktop mit der Darstellung eines Teils der Homepage, wobei die Auswahl des Panoramabildes gut gezeigt wird.

Die Kontaktseite wurde mit besonderem Augenmerk auf Benutzerfreundlichkeit und klare Kommunikation gestaltet. Eine eingebettete Google Maps-Karte inklusive Routenplaner zeigt die genaue Lage des Clubs und erleichtert die Anfahrt. Um den Besuchern des Clubs eine stressfreie Anreise zu ermöglichen, wurde auf der Kontaktseite eine detaillierte Parkplatzskizze integriert. Diese von mir gezeichnete Skizze zeigt klar die verfügbaren Parkmöglichkeiten in der Nähe des Clubs und bietet hilfreiche Orientierungspunkte.

Lageplan des Hamburger Segel-Clubs

Auszug aus dem News-Bereich der Vereins-Website

Mehrere Informationsbereiche werden den unterschiedlichen Bedürfnissen der Nutzer gerecht. Es gibt Abschnitte für aktuelle Nachrichten und Veranstaltungen, detaillierte Informationen für verschiedene Alters- und Erfahrungsstufen sowie eine Übersicht über die Vereinsaktivitäten und Mitgliedschaftsvorteile. Zudem bietet ein Kalender einen schnellen Überblick über bevorstehende Events. Diese klar strukturierten Informationsbereiche sorgen dafür, dass die Besucher leicht die gewünschten Informationen finden und sich umfassend über das Angebot des Segelclubs informieren können.

Die Website wurde vollständig responsiv gestaltet, um eine optimale Nutzererfahrung auf allen Geräten – vom Desktop über Tablets bis hin zu Smartphones – zu gewährleisten.