Template für die Kurzdoku


Fabian Ngo & Alexander Zellmann

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

Die diesjährige Projektaufgabe war es ein „Stöber- und Entdeckerformat“ für Vincent & Voltaire zu konzipieren. Vincent & Voltaire ist eine inhaberin-geführte, unabhängige, female-founded Online-Buchhandlung, welche Wert auf ein sorgfältig kuratiertes Sortiment sowie auf eine schöne, persönliche Kundenerfahrung legt, um die Menschheit für schöne und interessante Bücher zu begeistern.

Zuallererst haben wir die Webseite von VINCENT & VOLTAIRE ausgiebig betrachtet und nach gestalterischen Gesichtspunkten evaluiert. Das Design wirkt schlicht und einfach, an einigen Stellen jedoch auch etwas ungeordnet und unharmonisch. Dies drückt sich beispielsweise in teilweise sehr langen Zeilenlängen aus, die den Lesefluss stören oder in einem sehr starken Bild-Text-Kontrast hinsichtlich der Größe, welcher häufig große, unnachvollziehbare Weißräume entstehen lässt. Ein inkonsequentes Gestaltungsraster und Bildelemente, die größer als der Viewport sind, sodass es notwendig ist weiterzuscrollen, um den kompletten Bildinhalt zu erfassen, hinterlassen einen unausgewogenen bzw. unstimmigen Eindruck.

Unser Lösungsansatz legt seinen Fokus daher auf die Optimierung des Designs anstatt auf ein innovatives Konzept. Neben kleinen gestalterischen Anpassungen, wie Korrekturen der Ausrichtung der Elemente an ein einheitliches Gestaltungsraster, stellt die Einführung des „Schattens nach innen“ als Gestaltungselement die auffälligste Änderung dar. Dieser hat im wesentlichen die Aufgabe gestalterische Grenzen ersichtlich zu machen, sodass es dem Nutzer erleichtert wird, Inhalte als zusammenhängend wahrzunehmen und deutlich von anderen unterscheiden zu können.

Das eigentliche Designkonzept des „Stöber- und Entdeckerformats“ wird mit der Integration einer neuen Sektion auf der Startseite realisiert. Es handelt sich dabei um den bereits vorhandenen Menüpunkt „Buchthemen“, welcher in dieser Sektion visuell ansprechender und übersichtlicher präsentiert wird, woraufhin der Nutzer durch die Buchthemen bzw. Kategorien navigieren kann. Diese Form der Navigation stellt unser „Entdecker“-Format dar.

Sobald der Nutzer die Kategorie ausgewählt hat, für die er sich interessiert, werden ihm die Bücher in einer kompakten Auflistung angezeigt. In dieser Ansicht kann sich der Nutzer entscheiden, ob er ein Buch anklickt und somit für sich „entdeckt“ oder weiterscrollt und durch das übersichtlich aufbereitete Buchsortiment „stöbert“.

Das Designkonzept sollte sich mit geringem Aufwand umsetzen lassen, da hier vordergründig die bereits programmierte Buchthemen-Navigation auf die Startseite integriert wird. Die restlichen Änderungen sind im Wesentlichen eine Anpassung des Designs, das genau wie die Buchcover, besonders ästhetisch herausstechen soll.

Bedienbarer Prototyp: https://xd.adobe.com/view/793fbe6f-a6d0-45ee-a87f-ac8e0125ac88-2c6c/?fullscreen&hints=off

Style-Guide

Styleguide für das Projekt von Fabian Ngo & Alexander Zellmann