Application Design
2023
Jannik Aßfalg, Leon Burg, Jannes Daur,
Problem
Hard Wax ist ein bekannter Plattenladen in Berlin, der sich auf elektronische Musik spezialisiert hat. Die Atmosphäre im Geschäft wird durch hohe Regale mit einer großen Auswahl an Schallplatten und einer minimalistischen Einrichtung geprägt, die dem Laden einen industriellen Charme verleiht. Die Hard Wax Website ist bei DJs aufgrund seiner großen Musikauswahl sehr beliebt und hat viel Potenzial für Modernisierungen.Die Website von Hard Wax bietet Kunden die Möglichkeit, Schallplatten zu bestellen, ist aber teilweise schlecht organisiert und bietet Schwachstellen in der Navigation. Insbesondere die Darstellung der angebotenen Platten und Künstler könnte verbessert werden, um diese stärker in den Fokus zu rücken
Die wichtigsten Attribute auf die wir uns bei dem Redesign fokussierten, war es die Benutzerfreundlichkeit durch Immersion und einer einfachen Navigation zu steigern. Auch stand eine verbesserte Suchererfahrung im Vordergrund. Hard Wax sollte zudem durch neue Features erweitert werden um den „Joy Of Use“ zu steigern.
Startseite
Die Startseite bekommt durch die neu hinzugekommene Kachelansicht die Möglichkeit, mehr Inhalt auf einer Seite anzuzeigen und stellt die Cover der verschiedenen Alben in den Vordergrund.
Album of the Week
Die „Album of the Week”-Seite zelebriert wöchentlich ein Album, welches durch Hard Wax Mitarbeiter kuratiert wird. Auf dieser Seite werden die einzelnen Tracks und das Cover besonders hervorgehoben.Suche + Extended Player
Die neue Suchseite ermöglicht es noch genauer nach Tracks, Alben, Künstlern und Labels zu suchen. Neben einer weiterentwickelten Listenansicht, gibt es jetzt eine Kachelansicht welche durch einen Hoverstate die selben Informationen der Alben anzeigen kann.Mithilfe des Extended Player hat man jederzeit Einsicht auf die Warteschlange und alle Songs und Informationen des gespielten Albums. Außerdem können erfahrene Nutzer:innen den Track mithilfe des Filter- und Bpm-Reglers manipulieren und die Lautstärke noch genauer einstellen.
Diskografie
Die Album of the Week Seite zelebriert wöchentlich ein Album, welches durch Hard Wax Mitarbeiter kuratiert wird. Auf dieser Seite werden die einzelnen Tracks und das Cover besonders hervorgehoben. Hier kann wie in einem echten Plattenladen durch die verschiedenen Platten durchgblättert werden.
Das entstandene Redesign gibt Hard Wax ein modernes Aussehen, welches ein Rastersytem und einen einheitlichen Style-Guide verwendet. Dieser wird durch Farben, Schriftart, einem neuen Logo und einem speziell für das Projekt entworfenen Icon-Set definiert. Zusätzlich wurden UI-Elemente wie der Musikplayer, die Buttoninteraktionen und der Header überdacht und überarbeitet.
Die Einführung eines erweiterten Musikplayers, der „Album of the Week” Seite und individueller Künstler-/Labelseiten mit entsprechenden Diskographien verbessert auch die Benutzerfreundlichkeit der Website. All diese Funktionen zielen darauf ab, dem Benutzer mehr Freude zu bereiten, indem wir eine Atmosphäre schaffen, die dem Erlebnis in einem echten Vinylgeschäft treu bleibt.