Welcome to Hops!

Wilkommen auf der Seite des Biergenusses!

Unsere Webseite beschäftigt sich mit dem beliebten Genussmittel Bier. Auf unserer Webseite kann man sich informieren über verschiedene Thematiken rund um dieses erfrischende Getränk. So kann man die Geschichte nachlesen, sich sein Bier des Tages von unserem Orakel vorhersagen lassen oder auf der interaktiven Weltkarte erfahren, welches Bier unterscheidliche Länder am liebsten trinken!

Themenfindung
Die Bier-Thematik enthält viele Unterthemen und Bereiche, mit denen man sich befassen kann. Durch diese Vielfalt haben wir erst einmal recherchieren müssen, um tatsächlich zu wissen, was genau wir behandeln wollen. Unser Wunsch war es, eine Art Rundgang zu schaffen, der den Nutzer:innen die Welt des Bieres näher bringt, informiert, Spaß macht, Neugier weckt und Neues entdecken lässt.

Gestaltung

Nachdem wir einen groben Aufbau der Webseite festgelegt hatten, fingen wir an, Wireframes auf Figma zu erstellen. Dies diente hauptsächlich dafür, ein Gefühl für die jeweiligen Contentgrößen und die Größen der Sections zu bekommen. Diese legten wir zunächst an der Startseite fest, da von ihr aus die Größen und Sectiongrößen ausgingen. Schnell merkten wir, dass wir 3 Kategorien direkt an dem Anfang der Webseite haben wollen. So erleichtern wir dem Nutzer das Suchen der jeweiligen Hauptthemen.

Unsere Webseite geht von der Startseite aus. Jeglicher Unterpunkt wird auf ihr entweder angeteasert oder man hat einen Button, der direkt auf die Seite leitet. Von der Struktur her platzierten wir die 3 Reiter zu unseren großen Kategorien am Anfang der Website. Hier gelangt der Nutzer zu der Weltkarte, der Geschichte und den Biersorten. Darunter kommt der Orakel Teaser, welcher zum Orakel führt, das Herzstück unserer Website. Um dem Nutzer einen direkten Überblick über Termine in seiner Nähe zu verschaffen, entschieden wir uns den Kalender mit Events auf die Startseite zu machen. Dann muss sich der Nutzer nicht durch jegliche Unterseiten klicken oder im Menü danach suchen. Der Brauprozess und der Blog werden ebenfalls angeteasert und der Nutzer kommt dort durch klicken direkt zur Unterseite.

Raster

Bei dem Raster der Webseite entschieden wir uns für ein 12-spaltiges Raster. Dieses Raster diente uns dazu, unsere Kontentgrößen perfekt anzupassen und einen angenehmen Informationsfluss zu haben. Die Laufweite des Textes beschränkten wir uns auf vier Spalten des Rasters. So kann der Text bequem weit laufen und der Nutzer hat keine
Schwierigkeit ihn zu lesen. Unsere Contentgrößen sind auch an das Raster angepasst, so sind zum Beispiel die Split Screens bei den jeweiligen Startscreens der Unterseiten immer genau in sechs Einheiten aufgeteilt.