Webdesign
Funhouse54
Webseite besuchen (öffnet in neuem Tab)
Die Ausgangslage
Der Verein Funhouse54 aus Baden steht für lange Partynächte mit harten Bässen und stimmungsvollen Deep- und Tech-House-Rhythmen. Neben nächtlichen Veranstaltungen in Badener Clubs organisiert der Verein während der Sommermonate auch regelmässig Daydance-Events unter freiem Himmel. Trotz seines jungen Bestehens zählt der Verein bereits zahlreiche Mitglieder und engagiert sich ein- bis zweimal pro Jahr mit Spendenaktionen für soziale Projekte.
Als aktives Vereinsmitglied übernahm ich die Verantwortung für den digitalen Auftritt des Vereins. Ziel war es, den Verein, seine Aktivitäten und Veranstaltungen professionell im Internet zu präsentieren sowie einen Webshop aufzubauen, über den Fans und treue Besucher Merchandise-Artikel erwerben können.
Der Prozess
Um den Verein passend zu repräsentieren, recherchierte ich verschiedene Websites aus den Bereichen Nightlife, Partyveranstalter und Eventplanung. Mir fiel auf, dass viele Websites ein Dark Theme verwendeten, ihre Events prominent bewarben und Bilder ihrer Veranstaltungen veröffentlichten.
Nach dem Funhouse54-Motto Stay Juicy, Dance Hard sowie dem frechen Ananas-Logo suchte ich passende Schriften, Illustrationsstile und Bilder. Das Ziel war es, den frechen, fröhlichen und spacigen Party-Vibe auf die Webseite zu bringen. Ich entschied mich bewusst für ein Dark Theme, um das Underground-Feeling der Raver-Szene zu repräsentieren, und kombinierte dieses mit einem knalligen, kontrastreichen Pink und Gelb für Buttons, Links und teilweise auch Überschriften.
Für die Überschriften wählte ich bewusst die Schriftfamilie Space Grotesk, um den Party-Vibe und das wilde, verspielte Erscheinungsbild widerzuspiegeln. Für den Fliesstext wurde mit DM Sans eine Sans-Serif-Schrift gewählt, die harmonisch mit den Überschriften zusammenspielt und gleichzeitig eine gute Lesbarkeit gewährleistet.
Der Illustrationsstil wurde schlicht und minimalistisch gehalten und mit passenden Motiven aus dem Nacht- und Partyleben ergänzt, um den Text visuell zu unterstützen, ohne die Besucher der Webseite neben den kräftigen Farben zusätzlich mit weiteren starken Reizen zu überfordern. Lediglich das Maskottchen in der Hero Section wurde bewusst auffälliger gestaltet, um einen hohen Wiedererkennungswert auf der Startseite zu schaffen und den Vibe der Webseite von Beginn an zu vermitteln.
Der Shop wurde bewusst nicht auf der Startseite platziert, da der Verein von seinen Events lebt und viele Merchandise-Artikel direkt an den Veranstaltungen verkauft werden. Es wurde ein schlichtes Produktseitendesign gewählt, bei dem jedes Produkt mit einem klaren Produktfoto sowie verschiedenen Real-Life-Bildern präsentiert wird.
Für die Umsetzung kam WordPress in Kombination mit Elementor Pro zum Einsatz. Der Webshop wurde mit WooCommerce realisiert und über zahls.ch an das Zahlungssystem angebunden. Zusätzlich integrierte ich Brevo für den Newsletterversand.
Das Resultat