01 / 05 Studienprojekt

Website-Relaunch · UI Design

Projekt
Café Schönwetter
Kontext
Modul User Interface Design, IU Internationale Hochschule
Vorgehen
Analyse, zwei Varianten, Test mit fünf Personen
Tool
Figma
Bestehende Website
schoenwetter-bistro.at
01 Ziel

Relaunch der bestehenden Website

Für das Modul User Interface Design an der IU habe ich einen Relaunch der Website von Café Schönwetter umgesetzt.

Ausgangspunkt war die bestehende Website des Cafés: ein One-Pager, auf dem Logo, Adresse, Kontaktdaten, Öffnungszeiten und ein Bild zentriert untereinander stehen. Diese Seite habe ich zunächst analysiert.

Bisherige Website von Café Schönwetter: Logo, Adresse, Kontaktdaten, Öffnungszeiten und ein rundes Bild, zentriert untereinander
Bisheriger One-Pager
02 Konzept

Zwei gestalterische Varianten

In Figma habe ich zwei Varianten gestaltet, die das Café unterschiedlich interpretieren:

Variante A

Klassisch und aufgabenorientiert: eine Navigation mit Startseite, Speisekarte, Über uns und Kontakt, der Button „Tisch reservieren“ und Öffnungszeiten, Adresse und Kontakt direkt auf der Startseite — in ruhigen Creme- und Salbeigrüntönen.

Variante A: Startseite mit Navigation, Willkommenstext, Bild des Cafés, Highlights und Kontaktinformationen
Variante A — klassisch, aufgabenorientiert

Variante B

Atmosphärischer und verspielter: das handgezeichnete Logo groß im Mittelpunkt, Kaffeebohnen als Bildelement, eine handschriftlich wirkende Schrift, die Headline „Zeit für das Besondere.“ und die Navigation Entdecken, Genuss, Komm vorbei.

Variante B: Startseite mit großem Logo, Kaffeebohnen und der Headline „Zeit für das Besondere.“
Variante B — atmosphärisch, verspielt
03 Evaluation

Test mit fünf Personen

Beide Varianten habe ich mit fünf Testpersonen evaluiert.

  • Orientierung & VerständlichkeitVariante A schnitt besser ab.
  • GesamteindruckVier von fünf Testpersonen bevorzugten Variante B.
04 Fazit

Das Beste aus beiden

Variante B weiterentwickeln — mit klareren Navigationsbegriffen.

Als Ergebnis empfehle ich eine Weiterentwicklung von Variante B: Sie behält die Atmosphäre, die den meisten Testpersonen gefallen hat, und übernimmt mit klareren Navigationsbegriffen die Stärke von Variante A bei der Orientierung.

02 Kontakt

Lass uns etwas sichtbar machen

Ich suche ein Praktikum oder eine Werkstudierendenstelle in Kommunikationsdesign, Branding oder Content-Produktion und freue mich über ein Gespräch.