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


Lisa Grebe & Nino Malgadey

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

Projektaufgabe dieses Jahres war die Entwicklung von Stöber- und Entdeckerformaten für “Vincent & Voltaire”, eine inhaberin-geführte, unabhängige, female-founded Online Buchhandlung. Mit den neuen Stöberformaten soll das Gefühl einer klassischen Buchhandlung vermittelt werden und durch gute Beratung der Kunden mehr Bücher verkauft werden.

Wir starteten damit, die Website zu inventarisieren um ein Gefühl für den Stil zu bekommen, damit unser späteres Konzept nahtlos zum Design von V&V passt.

Daraus gingen drei Ideen für Formate hervor:

  • Zum einen, angelehnt an die Dating-App Tinder, ein Format in dem der Kunde nacheinander eine Reihe von verschiedenen Büchern angezeigt bekommt und diese je nach Interesse ‘liken’/’superliken’ oder verwerfen kann.

  • Weiterhin ein Büchertisch, eine Zusammenstellung von mehreren Büchern, die für Kunden interessant sein könnten, interaktiv und ‘greifbar’ gemacht durch pulsierende Punkte auf jedem Buch. Dieses Konzept ist sehr nah an der Erfahrung in einer realen Buchhandlung, in der neue und vielversprechende Bücher auf kleinen Tischen ausgestellt werden, um Aufmerksamkeit zu generieren.

  • Zu guter Letzt hatten wir noch die Idee, ebenfalls ähnlich einer realen Buchhandlung, Buchrücken wie auf einem Regalbrett zu verwenden, durch die die Kunden dann durchswipen/scrollen können, ein eher platzsparendes Format, mit dem man eine große Anzahl an Titeln auf kleinem Raum abbilden könnte.

Für alle drei Konzepte wurden Screens entwickelt, welche die jeweilige Funktion sichtbar machen und die für unsere Entscheidung sehr hilfreich waren.

Wir entschieden uns schlussendlich für den Büchertisch, da hier vor allem die Nähe zur echten Buchhandlung am Größten war, und dieses Konzept sich am ehesten in das allgemeine Design von V&V einpassen würde.

Der Büchertisch soll auf der Startseite jeder Kategorie zu finden sein, mit einer Auswahl an entsprechenden, passenden Büchern. Erscheint ein Titel interessant, können Kunden durch Tippen oder einen Klick (je nach Endgerät) auf einen pulsierenden Punkt zu einer Detailansicht des gewünschten Buches kommen. Dort befinden sich weitere Bilder, Infotexte und Zitate zum Buch, und die Möglichkeit den Artikel im Warenkorb oder auf der Wunschliste zu speichern. Diese Ansicht kann durch ein entsprechendes Icon wieder verlassen werden, wodurch man zur Ansicht des gesamten Buchtisches zurückkehrt.

Finaler klickbarer Prototype:

https://www.figma.com/proto/QIHO3zff6L1Z1OvV2CC6Rl/BookTable?node-id=113%3A4321&scaling=min-zoom&starting-point-node-id=113%3A4321&show-proto-sidebar=1

Style-Guide

Styleguide für das Projekt von Lisa Grebe & Nino Malgadey