Theater Basel Jubiläumsshop
UX & UI
Recherche
Dokumentation
Über dieses Projekt
Im Rahmen eines Schulprojektes erarbeitete ich ein Redesign der Jubiläumsseite des Theater Basels. Fokus liegt dabei auf dem Checkout Prozess für den Ticketkauf und der Platzreservierung. Ziel ist es den ganzen Ablauf so einfach und übersichtlich wie möglich zu gestalten.
Moodboard
Swiss Style ist ein zeitloser Klassiker und das nicht ohne Grund. Da es sich um ein Ticketingprozess handelt, habe ich aufgeräumt und klar strukturiert gearbeitet, um den Ablauf für den Nutzer so unkompliziert wie möglich zu machen.
Zu dem möchte ich, dass die Farben der Star der Seite sind, deshalb passt dieses Design auch zu dem Projekt und lässt sich gut in die schon bestehende Webseite des Theater Basels einfügen.
Moodboard
Swiss Style ist ein zeitloser Klassiker und das nicht ohne Grund. Da es sich um ein Ticketingprozess handelt, habe ich aufgeräumt und klar strukturiert gearbeitet, um den Ablauf für den Nutzer so unkompliziert wie möglich zu machen. Zu dem möchte ich, dass die Farben der Star der Seite sind, deshalb passt dieses Design auch zu dem Projekt und lässt sich gut in die schon bestehende Webseite des Theater Basels einfügen.
Mockup
Der Fokus besteht auf dem UX-Design. Der Nutzer soll sich einfach orientieren können, immer wissen wo er sich im Prozess befindet und auch jederzeit zu jedem Punkt springen können, sei es über die Zahlen auf der Seite oder direkt über die Titel oder einfach über die Zurück- und Weiterbuttons. Beim letzten Schritt gibt es nochmals Möglichkeiten die einzelnen Schritte zu überarbeiten mit dem Bleistiftsymbol.
Schritt 2 ist der komplexeste Teil der Arbeit und ich habe mein Augenmerk hauptsächlich auf diesen Part festgelegt. Die verschiedenen Sitztkategorien sind nicht klar aufgeteilt in einem Theater, da gibt es keine Zone A, B und C. Die Erlebnisqualität kann also in derselben Sitzreihe sehr unterschiedlich sein, je nach dem wie gut der Blick auf die Bühne ist und wie optimal die Soundqualität vom Sitzplatz aus ist. Deshalb habe ich mit klaren Farben gearbeitet, so dass man direkt sieht welche Sitze, welcher Kategorie angehören und wie teuer die Kategorie auch ist.
Dazu kann man auch "4er Plätze anzeigen" auswählen, so kann man direkt sehen welche Sitze nebeneinander sind und für seine Gruppe entspechend Tickets buchen. Die Anzahl ändert sich je nach dem was für eine Anzahl man bei Schritt 1 angegeben hat. Dazu kann man auch anwählen welche Kategorie man angezeigt haben möchte und so auch schon nach seinem Budget aussortieren.
Mockup
Der Fokus besteht auf dem UX-Design. Der Nutzer soll sich einfach orientieren können, immer wissen wo er sich im Prozess befindet und auch jederzeit zu jedem Punkt springen können, sei es über die Zahlen auf der Seite oder direkt über die Titel oder einfach über die Zurück- und Weiterbuttons. Beim letzten Schritt gibt es nochmals Möglichkeiten die einzelnen Schritte zu überarbeiten mit dem Bleistiftsymbol.
Schritt 2 ist der komplexeste Teil der Arbeit und ich habe mein Augenmerk hauptsächlich auf diesen Part festgelegt. Die verschiedenen Sitztkategorien sind nicht klar aufgeteilt in einem Theater, da gibt es keine Zone A, B und C. Die Erlebnisqualität kann also in derselben Sitzreihe sehr unterschiedlich sein, je nach dem wie gut der Blick auf die Bühne ist und wie optimal die Soundqualität vom Sitzplatz aus ist.
Deshalb habe ich mit klaren Farben gearbeitet, so dass man direkt sieht welche Sitze, welcher Kategorie angehören und wie teuer die Kategorie auch ist.
Dazu kann man auch "4er Plätze anzeigen" auswählen, so kann man direkt sehen welche Sitze nebeneinander sind und für seine Gruppe entspechend Tickets buchen. Die Anzahl ändert sich je nach dem was für eine Anzahl man bei Schritt 1 angegeben hat. Dazu kann man auch anwählen welche Kategorie man angezeigt haben möchte und so auch schon nach seinem Budget aussortieren.
