case study

Mein Stübchen

Auftrag für ein neues Design der Geschäfts-Website zur Ablösung der aktuellen Website.

In Duisburg bietet das Restaurant und Teegeschäft „Mein Stübchen“ sehr gute italienische Küche und hervorragende Teesorten an. Die Lokalität ist einladend und gemütlich eingerichtet. Der aufgeschlossene Inhaber und die guten Servicekräfte runden das Gesamtbild einer tollen Lokalität für ein paar kulinarische Momente ab.

Leider repräsentiert die aktuelle Website die hervorragenden Eigenschaften der Lokalität eher mäßig. Ich möchte dem Inhaber mit einer professionellen Webpräsenz helfen, die Stärken seines Geschäfts online noch mehr in den Vordergrund zu stellen. Sie soll vertrauen zu potentiellen Gästen aufbauen, damit sie anschließend eine Kontakt - bzw. Reservierungsanfrage durchführen.

Durch die Besuche in dem Restaurant als Gast kenne ich bereits die Zielgruppe, die wir als potentielle Gäste mit der neuen Website ansprechen möchten. Der Altersdurchschnitt der Zielpersonen ist sehr breit gefächert. Gängig ist ein gemütlicher und legerer Typ, aber auch der Business Typ ist vertreten.

Projektziele

.01
Professionelleres Aussehen

Leichte Navigation und einfache Struktur, um Besucher durch Kontaktanfragen in neue Gäste zu konvertieren.

.02
Prominente Präsentation der Produkte

Integration von visuellen Elementen, wie Bilder-Galerien zur Präsentation der Speisen und Teeprodukte.

.03
Adaption für mobile Endgeräte

Responsives Design zur Darstellung auf mobilen Endgeräten, wie Tablets und Smartphones.

Mein Stübchen - Homepage
01. Homepage
01. Einfache Navigation mit prominenter „Call to Action“
Um die Navigation einfach zu halten, fällt die Entscheidung auf einen klassischen Ansatz. Sehr prominent wird die Option für die Reservierung platziert.

Damit stelle ich sicher, dass der Zugang zur Kontaktseite gut und schnell gefunden und Reservierungen bzw. Kontaktanfragen getätigt werden können.

01. Kreative Einleitung
Um den Besucher an die Seitenstruktur heranzuführen, habe ich für die Bühne am Anfang der Seite das Geschäftslogo in den Mittelpunkt gesetzt.

Hier bieten sich die beiden Teeblätter des Logos an, um die Aufteilung kreativ darzustellen.

01. Aufteilung der Bereiche
Die Aufteilung in Teegeschäft und Speiselokal gibt die Struktur der Inhalte auf der Website quasi vor.

Die Textanreißer der jeweiligen Bereiche laden den Seitenbesucher zum Weiterlesen ein. Ein prominent platziertes Teaser-Video, dass das Geschäftskonzept in eleganter Weise erklärt, schließt das Layout der Homepage ab.

"Das was auf dem Teller ist, muss stimmen."
Mein Stübchen - Restaurantseite
02. Restaurantseite
02. Man trinkt Tee...
... um den Lärm der Welt zu vergessen. Der nette Slogan leitet den Besucher zu der Seite des Teegeschäfts.

Auch hier präsentieren überwiegend visuelle Elemente das vielseitige Produkt-Repertoire. Durch Hervorhebung besonders attraktiver Produkte wird der Besucher animiert, dem Geschäft einen Besuch abzustatten.

02. Elegantes Design und Optionen zu Details
Auf der Restaurantseite erwarten den Besucher viele visuelle Eindrücke.

Er bekommt dadurch eine Vorstellung des gemütlichen Ambiente vor Ort und dem extravaganten Interieurs. Darunter sind prominent die Optionen zu weiteren Infor-mationen platziert. Hier hat der Seitenbesucher die Möglichkeit, die aktuelle Tageskarte auf Facebook einzusehen, die ganze Speisekarte des Restaurants als PDF zu laden und sich ein Review in Form eines Presse-berichts anzuschauen.

02. Produkt-Präsentationen
„Das was auf dem Teller ist, muss stimmen.“ Der Geschäftsführer macht eine deutliche Ansage.

Eine Präsentation der sehr ansprechend angerichteten Speisen und dazugehörige Weine in Form einer Bildergalerie wird im Hauptteil der Restaurantseite präsentiert. Damit bekommt der Besucher einen umfangreichen Eindruck der Qualität, die das Restaurant bietet.

Mein Stübchen - Teeladenseite
02. Teeladenseite
"Unterwegs bereits Vorfreude erleben und reservieren…"
Mein Stübchen - Mobile Homepage
03. Mobile Homepage
03. Darstellung auf mobilen Endgeräte
In der heutigen Zeit werden Reservierungen nicht mehr nur vom Schreibtisch getätigt, sondern vielmehr mobil.

Das Layout der Website passt sich auf Smartphones, Tablet- und Desktop-Geräten an die Bildschirmgrößen an. Ebenso ist die Benutzerschnittstelle ergonomisch angepasst und leicht zu handhaben.

Mein Stübchen - Mobile Homepage
03. Mobile Homepage