top of page

RADIS, MEHR ALS EIN CAFÉ

UX Design | SEO

Die Desktop-Ansicht der Website von Radis, mehr als ein Café.
Die Smartphone-Ansicht der Website von Radis, mehr als ein Café.

Kundenvorstellung

Radis Café in Singen (am Hohentwiel) ist ein gemütliches, modern eingerichtetes Café, das großen Wert auf frische Zutaten und regionale Produkte legt.

Mit einer kreativen Auswahl an hausgemachten Speisen, leckeren Getränken und einem besonderen Augenmerk auf Qualität, lädt das Café seine Gäste zum Verweilen und Genießen ein. Ob für ein entspanntes Frühstück, einen Lunch oder zum Kaffee und Kuchen – das Café Radis bietet eine einladende Atmosphäre für jeden Anlass.​​

Zudem werden sorgfältig ausgewählte Dekorationen und hochwertige Bio-Feinkost angeboten. Die Produkte reichen von stilvollen Accessoires und spirituellen Artikeln bis hin zu kulinarischen Genüssen. Qualität und Nachhaltigkeit stehen im Fokus, und das Sortiment wechselt regelmäßig, sodass immer neue Schätze zu entdecken sind.​​

Eckdaten

Kunde

Radis, mehr als ein Café

Rolle

User Experience Designerin, SEO Marketer

Standort

Singen (am Hohentwiel)​

 

Kurze Projektbeschreibung

Entwicklung der responsiven Website für das Café Radis in Singen (am Hohentwiel), mit der Integration des bestehenden Corporate Designs für ein stimmiges und attraktives Erscheinungsbild. Zudem wurden suchmaschinenoptimierte Texte erstellt, die klar strukturiert und verständlich für die Leser sind.

Detaillierte Projektbeschreibung

Herausforderung

Die Herausforderung des Projekts bestand darin, die beiden Hauptaspekte – das Café selbst und den Bereich Deko & Feinkost – auf einer Website klar und verständlich zu vereinen. Das Ziel war, sowohl das gemütliche Ambiente und die kulinarischen Angebote des Cafés als auch die sorgfältig ausgewählte Auswahl an Dekorationen und Feinkost-Produkten harmonisch zu präsentieren, ohne dass ein Bereich den anderen dominiert. So wird den Besuchern ein einheitliches und ansprechendes Erlebnis vermittelt, das beide Bereiche gleichermaßen zur Geltung bringt.

Lösung

Die Struktur der Website spiegelt beide Bereiche – Café und Deko & Feinkost – klar und übersichtlich wider. Im Headerbild der Startseite werden die unterschiedlichen Aspekte von "Radis, mehr als ein Café" durch die H1-Überschrift und prägnante CTA-Buttons hervorgehoben. Zudem wurden auf der Startseite alle zentralen Informationen zusammengeführt, was einen optimalen Einstieg bietet. Von hier aus können Besucher leicht zu den detaillierten Unterseiten navigieren, die sowohl das kulinarische Angebot des Cafés als auch das Sortiment an dekorativen und Feinkost-Produkten präsentieren.

Die klare Trennung der Bereiche sorgt für Übersichtlichkeit, während die Verknüpfungen dazwischen ein nahtloses Nutzererlebnis ermöglichen. Die beiden Inhaltsschwerpunkte werden auch durch die Websitenavigation deutlich erkennbar.

Das Header-Bild der Webseite "Startseite" von Radis, mehr als ein Café.

Vorgehensweise

Zuerst wurde eine Sitemap erstellt, um die Struktur der Website zu definieren. Anschließend wurden Wireframes erstellt, um die Planung der inhaltlichen Elemente zu visualisieren und die Anordnung sowie Funktionalität der einzelnen Bereiche abzustimmen.

Der Wireframe zur Webseite "Startseite" von Radis, mehr als ein Café.
Der Wireframe zur Webseite "Speisen & Getränke" von Radis, mehr als ein Café.
Der Wireframe zur Webseite "Dekoration & Feinkost" von Radis, mehr als ein Café.
Der Wireframe zur Webseite "Öffnungszeiten & Kontakt" von Radis, mehr als ein Café.

Im nächsten Schritt wurde auf Grundlage des bereits bestehenden Logos und der Print-Speisekarte ein Moodboard erstellt und das Corporate Design entwickelt und festgelegt.

Das Moodboard zu Radis, mehr als ein Café (Farben, Schriftart, Bilder und Icons).

Für die weitere Planung und die Abstimmung mit dem Kunden wurden anschließend Mockups erstellt. Um die Mockups mit Inhalten zu füllen, wurden Fotos im Café gemacht und eine SEO-Recherche durchgeführt. Im Anschluss daran wurden Texte geschrieben, die sowohl für die Website-Besucher interessant als auch suchmaschinenoptimiert sind.

Das Mockup zur Webseite "Startseite“ von Radis, mehr als ein Café.
Das Mockup zur Webseite "Speisen & Getränke" von Radis, mehr als ein Café.
Das Mockup zur Webseite "Dekoration & Feinkost" von Radis, mehr als ein Café.
Das Mockup zur Webseite "Öffnungszeiten & Kontakt" von Radis, mehr als ein Café.

Ergebnis

Eine responsive Website mit ansprechendem Design und klarer, übersichtlicher Struktur. Sie bietet ausreichend Informationen, ohne den Nutzer zu überfordern. Alle relevanten Inhalte für die beiden Zielgruppen wurden zielgerichtet auf einer Website vereint und ansprechend dargestellt. Das Design der Website wurde stimmig auf das Ambiente des Cafés abgestimmt, wodurch die Wiedererkennung gestärkt wird.

Die Webseite "Startseite“ von Radis, mehr als ein Café.
Die Webseite "Speisen & Getränke" von Radis, mehr als ein Café.
Die Webseite "Dekoration & Feinkost" von Radis, mehr als ein Café.
Die Webseite "Öffnungszeiten & Kontakt" von Radis, mehr als ein Café.
bottom of page