← Zurück zu Projekte
UX/UI Design
Mole West Redesign
Zeitraum
01.03.2021 – 30.06.2021
Kunde
Mole West (fiktiv)
Tätigkeit
Logo Design
UX/UI Design
Endprodukt
Re-Branding
Wireframes
Screendesign

Projektinformationen
Problem
Das Restaurant Mole West hatte eine veraltete Website, die nicht zur Zielgruppe passend war. Das gesamte Branding benötigte eine Überarbeitung.
Ergebnis
Die erzielten Ergebnisse des Projektes waren ein neu gestaltetes Logo, eine neue Markenpersönlichkeit und eine neue Farb-, Schrift- und Bilderwelt. Das Redesign der Website von Molewest wurde als responsive High-Fidelity Prototypen für Desktop und Mobile umgesetzt.
01 Content Audit
Zu Beginn des Projekts wurde die aktuelle Website von Mole West analysiert. Diese beinhaltete eine Content-Analyse, Produktanalyse und Corporate Identity Analyse. Zusätzlich wurden die Websites von der Konkurrenz analysiert und hervorgehoben, welche Lösungen für das Redesign passend wären.

02 Markenpersönlichkeit & Personas
Durch die Analyse war es möglich die Markenpersönlichkeit zu definieren und zwei Personas zu erstellen

Fabio Neuhaus (28)
UX/UI Designer
Fabio besucht die Seite von Mole West um zu erfahren, wann das nächste Event im Mole West stattfindet. Er möchte mit seinen Freunden einen netten Abend dort verbringen.

Katharina Hofmann (51)
Bloggerin
Katharina besucht die Seite von Mole West. um einen Tisch zu reservieren, da sie das Restaurant für ihren Blog testen möchte.
03 Use Cases, User Journeys und User Stories
Durch die Erstellung von Use Cases, User Journeys und User Stories beider Personas wurden folgende Erkenntnisse erzielt
- Reponsive Umsetzung
- Intuitive Navigation
- Wichtige Informationen auf der Startseite
- Ansprechende Bilder
- Newsletter Anmeldung
- Reservierungstool mit Ansicht der freien Termine
04 Brand Experience
Für die Umsetzung eines Moodboards und Stylescapes wurde die Markenpersönlichkeit überdacht und eine neue erstellt, die besser zum Restaurant passt.
05 Wireframes
Der Use Case von Katharina wurde als Wireframes dargestellt und als klickbaren Lo-Fi Prototyp umgesetzt.

06 Screendesigns & Testing
Die erstellten Wireframes wurden in Screendesigns umgewandelt und zu einem High-Fidelity Prototyp verbunden. Die erste Version wurde mit zwei Personen mittels Usability Test und SUS Fragebogen evaluiert. Das Feedback aus den Testings wurde in die finale Version der Screendesigns eingearbeitet.
