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

iPhone und Macbook mit responsive Design der Mole West Seite

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.