Weingut Schloss Sommerhausen

Schloss Sommerhausen ist ein deutsches Weingut, das schon seit 1435 besteht und im Laufe seiner Geschichte unter anderem die Krönungsweine der deutschen Könige und Kaiser lieferte. Heute ist das Weingut mehrfach für seine Schaumweine ausgezeichnet und stellt Prädikatsweine her, während es seit 2011 ökologisch wirtschaftet und größte Teile der eigens benötigten Energie selber produziert.

Projektdetails

Kunde

Schloss Sommerhausen

Website

https://sommerhausen.com

Leistungen

Strategie | Webdesign | Webflow Entwicklung

Prozess

1. Kickoff & Strategie

Im ersten Schritt haben wir einen Kickoff Workshop durchgeführt, in dem die Ziele der Website, ideale Zielgruppen, Look & Feel, Ausgangssituation und Content der Website besprochen wurden. Dadurch wurde die Designrichtung in Worten definiert und besprochen, welche Inhalte auf die Website sollen.

2. Content & Moadboards

Im nächsten Schritt wurde Wireframes erstellt, um so die Struktur der Website und deren Inhalte zu visualisieren, während gleichzeitig an der Designrichtung (Farben, Schrift...) gearbeitet wurde. Also die zuvor wörtlich definierte Designrichtung in Bilder zu übersetzen, damit sichergestellt wird, dass für bestimmten Wörter ähnliche visuelle Assoziationen bestehen.

3. Design Phase

Nach Abnahme der Wireframes und Einigung auf eine Designrichtung anhand von Moadboards, werden nun erste Entwürfe der Website innerhalb der zuvor definierten Designrichtung erstellt. Sobald eine erste Version fertig war, wurde diese Besprochen und gewünschte Änderungen vorgenommen. Dieser iterative Prozess wurde wiederholt, bis der finaler Entwurf stand.

4. Webflow Entwicklung

In dieser Phase wurde der finale Entwurf in Code übersetzt, wofür das Webflow verwendet wurde. Durch Webflow kann Sommerhausen mit wenigen Klicks Inhalte, wie Öffnungszeiten, Events etc. ändern.

5. Launch

Nach der Entwicklung der Website, wurden finale Änderungen und Verbesserungen vorgenommen, eine Verbindung zwischen Server und Domain hergestellt (wobei es gewisse Probleme gabt) und letzte Verbesserungen der Ladezeit und Responsiveness vorgenommen. Letztendlich wurde die Website zu dem zuvor festgelegten Termin veröffentlicht und erfreut sich seitdem größter Beliebtheit.

Highlights

Animationen, Bedienung & Strategie

Animation der Geschichtsseite

3 Klicks zur Änderung der Öffnungszeiten

Schnelle Erstellung neuer Ereignisse

Ladeanimation

Primär durch die Verwendung der Alterskontrolle, aber auch durch Cookiebanner und viel Bilder hat die Webseite eine etwas “längere” Ladezeit und schafft im Google Page Speed Test nur 85/100 Punkten. Zum Überbrücken dieser Zeit wurde eine simple Ladeanimation eingefügt, sodass der Nutzer auch bei 1 Sekunde mehr Ladezeit nicht abspringt.

Website Relaunch