Gestaltungskonzept für «Stöber- und Entdeckerformate» für VINCENT&VOLTAIRE


Lukas Hufnagel & Paul Hufnagel

Kontext
VINCENT&VOLTAIRE
Modul
Screendesign
Semester
Wintersemester 2021/22
Studiengang
Medieninformatik Ba.

Die zugrunde gelegte Thematik zu dem Screendesign-Modul 2021 ist „Vincent&Voltaire“, eine Online-Buchhandlung. Ziel der Aufgabe ist es Stöber- & Entdeckerformate für diese zu entwerfen und die Webseite allgemein so zu optimieren, dass die Webseite dazu einlädt, den Besucher zum Stöbern und Entdecken anzuregen. Dabei war es wichtig, keine Re-Designs zu entwickeln, da diese vom Kunden nicht gewünscht waren. Die Webseite sollte also ihren Stil und Charme beibehalten und nur um etwaige Optimierungen und Funktionalitäten erweitert werden. Um dieses Ziel zu erreichen, haben wir an der Seite ein paar Optimierungen vorgenommen. Wir haben die Funktionen von Sidebar und Navbar klar voneinander getrennt. Die Navbar beinhaltet dadurch nur noch eine Suchleiste - die durch direktes Anklicken aktiviert werden kann, Das Logo der Buchhandlung – um stets wieder auf die Startseite zurückzugelangen, sowie das Icon, um die Sidebar zu betätigen. Die Sidebar hingegen enthält dann alle restlichen Funktionen, wie die Optionen über das eigene Kundenkonto oder die verschiedenen Links zu den Themenbereichen der Seite.

Sucht der Kunde einen Begriff, so steht ihm auf der Suchseite zudem ein Schnellauswahl-Menü zur Verfügung, die zusätzliche Funktionalitäten bietet. Um mehr Informationen über die angezeigten Bücher zu erhalten, reicht ein Klick auf das Cover, wodurch sich an der Stelle des Covers dann eine Kurzbeschreibung, sowie ein Link auf die Seite des Buchs offenbart. Generell ist die Anordnung der Bücher auf einer Seite so verändert worden, dass mehr Ergebnisse gleichzeitig angezeigt werden können, aber ohne in eine Art „Fließband-Anzeige“ zu geraten, wie dies bei „Amazon“ & Co. der Fall ist. Ein weiteres kleines Extra, das wir umgesetzt haben, um dem Ziel gerecht zu werden, ist eine Art „Entdecker-Liste“, die sich auf der Startseite der Webseite von „VINCENT&VOLTAIRE“ befindet. Mit Hilfe dieser kann der Kunde in einem Slider sich eine für ihn zusammengestellte Vorauswahl aus Büchern anschauen, um bereits dort das ein oder andere interessante Buch zu entdecken. Des Weiteren haben wir Übersichtsseiten für die verfügbaren Buchthemen und Verlage angelegt. Klickt man nun in der Sidebar auf die entsprechenden Links, wird man je auf eine Übersichtsseite weitergeleitet, die dem Kunden einen Überblick geben sollen. Auch hier ist wieder ein entsprechendes Schnellauswahl-Menü zu finden. Zum Schluss wurde noch eine kleine Optimierung vorgenommen, die allgemein der Ordnung der Webseite dienen soll. So haben wir den Footer der Webseite aufgeräumt, so dass sich der Kunde auch bei diesem besser zurecht finden kann. Die verschiedenen Links wurden in entsprechende Themenbereiche unterteilt, um so für den Kunden zugänglicher zu sein.

Style-Guide

Styleguide für das Projekt von Lukas Hufnagel & Paul Hufnagel