Webdesign-Portfolio

Verein

Projekt: Vereinsseite eines Hamburger Segel-Clubs

Projektübersicht

Kunde: Hamburger Segel-Club e.V.
Projekt: Gestaltung einer neuen Vereins-Website

Projektziele

Der Hamburger Segel-Club e.V. benötigte eine moderne und benutzerfreundliche Website, die sowohl die Tradition des Clubs als auch seine dynamische Gemeinschaft widerspiegelt. Als Webdesignerin war es mein Ziel, ein ansprechendes, intuitives und funktionales Online-Erlebnis zu schaffen, das Mitglieder und Interessierte gleichermaßen anspricht.

Design-Konzept

UX-Design

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.

Desktop mit der Darstellung eines Teils der Homepage, wobei die strukturierte Menüführung gut zur Geltung kommt

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

Farbpalette für die Website. Verschiedene Grautöne und ein Rotton

Farbskala der Website

Farben und Typographie

Bei der Gestaltung der Website legte ich besonderen Wert auf ein hochwertiges, 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 sorgt für die Einhaltung der Corporate Identity. Ebenso die Typografie, die Lesbarkeit und Ästhetik vereint.

visuelle Elemente

Hochwertige Bilder wurden ausgewählt und integriert, um die Aktivitäten des Clubs lebendig darzustellen. Die Startseite erhielt ein großformatiges Panoramabild, das den Segelsport des Clubs auf der Alster zeigt.

Desktop mit der Darstellung eines Teils der Homepage, wobei die Auswahl des Panoramabildes, dass die Alster mit vielen Segelbooten zeigt, gut zur Geltung kommt

Desktop mit der Darstellung eines Teils der Homepage, wobei die Auswahl des Panoramabildes im Vordergrund steht.

Funktionalität

Kontakt

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

Desktop mit einem Auszug der News-Seite der Website

Auszug aus dem News-Bereich der Vereins-Website

Informationsbereiche

Mehrere klar strukturierte Informationsbereiche werden den unterschiedlichen Bedürfnissen der Besucher gerecht. Neben aktuellen Nachrichten inklusive Instagram-Einbindung bietet die Website ausführliche Informationen für verschiedene Alters- und Erfahrungsstufen. Ergänzt wird das Angebot durch Übersichten zu Vereinsaktivitäten und Mitgliedschaftsvorteilen. Integrierte Kalender ermöglichen zudem einen schnellen Überblick über bevorstehende Veranstaltungen – sowohl innerhalb der einzelnen Bereiche als auch über sämtliche Vereinsaktivitäten hinweg.

Durch die übersichtliche Struktur finden Besucher schnell die gewünschten Informationen und erhalten einen umfassenden Einblick in das Angebot und das Vereinsleben des Segelclubs.

Responsivität

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.

SEO

Durch gezielte Suchmaschinenoptimierung (SEO) wurde sichergestellt, dass die Website des Hamburger Segel-Clubs in den Suchergebnissen gut sichtbar ist und so neue Interessenten erreicht.

Barrierefreiheit

Die Website wurde unter Berücksichtigung der aktuellen Standards für Barrierefreiheit gestaltet, um sicherzustellen, dass sie für alle Nutzer, einschließlich Menschen mit Behinderungen, zugänglich ist

Fazit

Die neue Website des Hamburger Segel-Club e.V. verbindet modernes Design mit einer klaren Struktur und einer verbesserten Nutzerführung. Inhalte lassen sich schneller finden, Veranstaltungen übersichtlicher darstellen und wichtige Informationen auch mobil komfortabel abrufen.

Das Projekt zeigt, wie eine individuell entwickelte Website nicht nur optisch überzeugt, sondern gleichzeitig Benutzerfreundlichkeit, Technik und Vereinskommunikation sinnvoll miteinander verbindet.

Wenn auch Ihre Website modernisiert oder neu entwickelt werden soll, erfahren Sie hier mehr über die professionelle Erstellung und Überarbeitung von Websites.

Webdesign Leistungen