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


Joash Koshan & Nick Klassen

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

Im Rahmen des diesjährigen Moduls “Screendesign” im Wintersemester 2021/22 des Bachelorstudienganges Medieninformatik sollten die Entdecker - und Stöberformate der Website Vincent & Voltaire, eine inhaberingeführte, unabhängige, female-founded Online-Buchhandlung mit Blog und kurativer Buchauswahl, optimiert, konzipiert oder variiert werden. Ziel des Ganzen ist es, mehr Bücher zu verkaufen, die Kunden besser zu beraten und den Spirit einer guten, inhabergeführten stationären Buchhandlung zu vermitteln.

In Anbetracht dieser Ziele wurden die aktuellen Entdecker -und Stöberformate der Vincent & Voltaire-Website analysiert und festgestellt, dass themenbasierte Bücher in unterschiedlichster Weise auf der entsprechenden Seite repräsentiert wurden, was zu einer gewissen Unübersichtlichkeit beiträgt. An dieser Stelle hat sich die Möglichkeit ergeben, eine einheitliche und geordnete Darstellung der Bücher zu realisieren, die gleichzeitig den Spaß am Entdecken neuer Bücher anregen soll. Die Umsetzung des Konzeptes erfolgte auf zwei Geräteklassen: einem MacBook Pro 14 und einem iPad Pro 11.

Hierzu wurde das bestehende Konzept der Navigationsleiste übernommen und um den Reiter “Wunschliste” ergänzt, sodass die Kundinnen und Kunden über den Reiter “Buchthemen” sich bestimmte Bücher mit Spezialisierungen anzeigen lassen können, um sie dann in die Wunschliste zu legen. Im Gegensatz zur originalen Version werden in dem entwickelten Screen die themenbasierten Bücher, z.B. Bücher zum Thema Alpen, in einer Art Diashow vorgestellt. Dies ermöglicht den Kundinnen und Kunden, sich direkt einen Eindruck über ein Buch zu machen, indem das Cover, der Titel und der Preis kurz und knapp als Informationen dargestellt werden. Dadurch, dass mehrere Bücher gleichzeitig vorgestellt werden, können die Kundinnen und Kunden die Bücher direkt miteinander vergleichen, ohne dafür scrollen zu müssen. Bei einem Klick auf einen der am Rand platzierten Pfeile, können drei neue Bücher angezeigt werden. Insgesamt können die Bücher durch einen Filter zusätzlich noch gefiltert werden.

Durch einen Klick auf ein bestimmtes Buch wird den Kundinnen und Kunden das Buch in einer vergrößerten Ansicht und zusätzlich mit einem Beschreibungstext präsentiert. Hierdurch ergeben sich den Kundinnen und Kunden die Möglichkeit, mehr über das Buch zu erfahren oder das Buch in den Warenkorb beziehungsweise auf die Wunschliste zu legen. Mit der Wunschliste wird der Zweck erfüllt, ein bestimmtes Buch zu vermerken und es bei weiterer Gelegenheit zu betrachten beziehungsweise das Entdecken und Stöbern fortzusetzen. Die Anzahl der in der Wunschliste enthaltenen Bücher wird stets in der Navigationsleiste festgehalten. Bei einem Klick auf diese werden die mit einem Herzen markierten Bücher weiterhin in einer Liste festgehalten, die auch jederzeit entfernt werden können.

Das Gestaltungskonzept folgt zum größten Teil der Website von Vincent & Voltaire. Dies betrifft insbesondere die Gestaltungselemente und die Typografie. Einzig auf dem iPad wurden die ausgeschriebenen Buttons durch Icons ersetzt. Eine weitere Änderung betrifft das Abstandskonzept, welches an der Renard-Serie 10 angelehnt und durchgehend mit dem Faktor 10 multipliziert worden ist. Mithilfe dieses Konzeptes soll ermöglicht werden, das entwickelte Konzept in das bereits bestehende zu integrieren. Gleichzeitig wird der Spaß am Entdecken, die klare Struktur und damit das klare Design weiterhin erhalten bleiben.

Style-Guide

Styleguide für das Projekt von Joash Koshan & Nick Klassen