Zum Inhalt springen
NK
Shopware 6MarkenentwicklungUX/UI Design

Kaffeekontor Bonn.
Kaffee & Sinneserlebnis.

Wie man eine mehrfach prämierte Kaffeerösterei digital so inszeniert, dass der Kauf im Shop sich anfühlt wie der erste Schluck am Morgen.

Kaffeekontor Bonn – Shopware 6 Onlineshop Überblick

Ausgangslage

Die Herausforderung: Premium ohne Plattform.

Ein einfacher Baukasten-Shop mit epages ließ kaum Individualisierung und kein echtes Markenerlebnis zu. Für eine mehrfach prämierte Rösterei, deren Produkt auf Sinneswahrnehmung basiert, war das ein fundamentales Problem. Einschränkungen im Funktionsumfang behinderten das geplante Wachstum.

Die Lösung

Dem Wesen der Philosophie entsprechend entwickelten wir ein emotional aufgeladenes, aber einfach zu bedienendes Interface. Als Kaffee-Nerds und reine Tee-Trinker konnten wir die unterschiedlichen Kundenbedürfnisse klar erkennen und berücksichtigen.

  • Eigenständiges Markenbild entwickelt
  • Shopware 6 mit komplett individuellem Frontend
  • Aroma-Designsystem als visueller Kaufführer
  • Spotify-Playlist als Teil der Customer Journey

Markenidentität

Das neue Markenbild

Die Übertragung des Sinnerlebnisses in Verbindung mit den Herkunftsländern und Erzeugern stand im Zentrum der konzeptionellen Arbeit. Die Hauptaromen jedes Kaffees wurden in visuelle Formen übersetzt – als Zeichnung und Farbwelt. Die Produktbeschreibung folgt primär einer Sinnesbeschreibung und erst in zweiter Reihe dem Produktnamen. Kein Fachjargon. Nur ehrlicher Kaffee-Genuss.

Kaffeekontor – Styleguide & Farbwelt
Kaffeekontor – Aromentabelle Designsystem
Kaffeekontor – Styleguide Detail
Kaffeekontor – Aroma-Animation

Leistungen

Was wir für Kaffeekontor getan haben.

Markenentwicklung

Eigenständiges Markenbild entwickelt – Herkunftsländer und Erzeuger im Vordergrund, Hauptaromen als visuelle Formensprache übersetzt.

Mobile Always First

Shopware-6-Standard komplett verworfen. Variantenauswahl nach Zubereitungsform, Mengenauswahl in Gramm und Kilogramm – weil Kaffee nicht in Stück gekauft wird.

Kaffeehaus-Musik

Eine Spotify-Playlist gehört zum Markenerlebnis: ausgespielt im Bestellabschluss und per E-Mail bei Warenauslieferung. Guter Geschmack geht durch Magen und Ohren.

Sendcloud-Fulfillment

Versandautomatisierung über Sendcloud: Versandlabels, Tracking-E-Mails und Retourenmanagement direkt aus Shopware 6 – ohne manuelle Nacharbeit.

Visual Experience

Einblick in die neue Welt

Design, Produktdarstellung und Markensystem im Detail.

Produktmockups & Device-Ansichten

Produktmockups & Device-Ansichten

Styleguide & Farbwelt

Styleguide & Farbwelt

Aromentabelle

Aromentabelle

Kaffeekontor Bonn – Spotify Kaffeehaus-Musik Kampagne

Kaffeehaus-Musik

Das Markenerlebnis auf allen Sinnesebenen.

Zu Kaffee passt gute Musik. Kaffeekontor Bonn hat für unser Markenkonzept eine Spotify-Playlist erstellt, die der Kunde sowohl im Bestellabschluss als auch per E-Mail bei Warenauslieferung bekommt. Somit geht der gute Geschmack der Rösterin nicht nur durch den Magen, sondern auch durch die Ohren. Eine Konsequenz des Markenkonzepts – nicht ein Feature, das nachträglich dazugeklebt wurde.

Mobile Always First

Informiert. Inspiriert. Überzeugt.

Bei der Konzeption wurde der Shopware-6-Standard komplett verworfen. Das Angebot der Rösterei, den Kaffee entsprechend der Zubereitungsform zu verpacken, wurde in der Art der Variantenauswahl berücksichtigt. Kaffee wird nicht in Stück gekauft – sondern in Gramm und Kilogramm.

  • Variantenauswahl nach Zubereitungsform (Espresso, Filter, Chemex…)
  • Mengenauswahl in 100g, 250g, 1kg – nicht nach Einheit
  • Touch-optimierte Bedienung ohne Pinch-Zooms
  • Performance-first auch im mobilen Netz

Stack

Unter der Haube

Technologie und Disziplinen im Überblick.

Shopware 6Individuelles FrontendResponsive DesignMobile-First UX
epages MigrationSendcloud FulfillmentCustom HostingPerformance-Optimierung
Brand-DesignUser Experience DesignUser Interface DesignAroma-Designsystem
Spotify IntegrationE-Mail AutomationProduktkommunikationBeratung

"Konsequente Markenführung und User Experience – das Kaffeekontor-Projekt zeigt, was entsteht, wenn alle Sinne mitgedacht werden."

Über das Projekt Kaffeekontor Bonn

Premiumprodukte brauchen ein Premium-Erlebnis.

Wir verbinden Marke, Shop und Geschichte zu einem digitalen Auftritt, der dem Produkt gerecht wird. Lassen Sie uns über Ihre Marke sprechen.

Anrufen
+49 40 60 03 85 29 76
Termin buchen
Direkt mit Henning Groß

„Bei uns gibt es kein Sales-Team. Sie sprechen von Anfang an mit den Leuten, die Ihr Projekt auch umsetzen.“

Bitte die Rechenaufgabe lösen, damit wir wissen, dass Sie kein Bot sind.

Henning Groß am Hamburger Hafen – Geschäftsführer E-Commerce Agentur Hamburg
Henning Groß
Geschäftsführer & Strategie