Case Study: Webdesign & Branding für „Blues Clubhouse“

"Ein digitaler Showroom für erstklassiges Handwerk: Die neue Plattform der Peerless GmbH vereint ästhetische Inspiration mit funktionaler Beratung für hochwertige Bodenlösungen."

Problem Statement

Die bisherige Online-Präsenz (oder das Fehlen einer solchen) erschwerte es Kunden, mobil die Speisekarte einzusehen oder unkompliziert zu bestellen. Das Branding brauchte einen digitalen „Anstrich“, der die Qualität der Burger und Pizzen widerspiegelt und sich vom klassischen Lieferdienst-Look abhebt.

Die Lösung

Ein „Dark Mode“-fokussiertes Webdesign, das die Atmosphäre einer Bar am Abend einfängt. Im Zentrum stehen High-Quality Food Photography und eine nahtlose User Journey vom ersten Blick auf den „Bulldozer Burger“ bis hin zur Reservierung oder Bestellung.

My Role & Project Overview

UI/UX Designer, Konzeption, Design & visuelle Strategie

Project Duration

6 Wochen (Januar 2025)  16+ Screens

Tools Used

Figma, Photoshop, Nicepage, Google Forms.

Design Process
1. Empathize:
  • Analyse der Zielgruppe (lokale Gäste, Burger-Fans, Nachtschwärmer).
2. Define:
  • estlegung einer Farbpalette, die Hunger anregt (Rot- und Gelbtöne auf dunklem Grund).
3. ​UI-Design:
  • Gestaltung einer interaktiven Speisekarte mit Kategorien (Burger, Pizza, Snacks).
4. ​Prototype:
  • One-Click-Anrufe und direkte Verlinkung zu Lieferdiensten für maximale Conversion.
5. Launch:
  • Übergabe der responsiven Web-Assets und Implementierung für eine nahtlose Performance.
User Insights & UX-Fokus

Bedürfnis: Nutzer wollen mobil sofort sehen, was es zu essen gibt und wie viel es kostet.
Lösung: Eine „Mobile-First“ Speisekarte mit großen Bildern und klarer Allergen-Kennzeichnung, die ohne langes Scrollen auskommt

Design Guide (Visuals

Headline: Bebas Neue Slab Serif – Markant, laut und einladend.
Body: Montserrat – Klarer Kontrast für gute Lesbarkeit bei schwachem Licht.

Colors

Deep Charcoal / Black: Der Hintergrund für das Clubhouse-Feeling.
Fire Red / Mustard Yellow: Klassische Farben aus dem Food-Bereich, die Akzente setzen.
Neon Blue: Ein kleiner Akzent (passend zum Namen „Blues“).

Key Features der Webseite

Interaktive Speisekarte: Filterbar nach Kategorien (z.B. vegetarisch/vegan).
„Order Now“ Integration: Direkte Anbindung an Bestellplattformen oder das eigene Telefon.
Social Feed: Live-Einbindung von Instagram, um aktuelle Specials und Events zu zeigen.

High Fidelity Preview