Responsive Website inkl. Online-Shop für Blaser Café aus der Schweiz

Kaffeevollautomat für feinsten Berner Kaffee

Wir lieben die Schweiz – den Käse, die Schokolade und natürlich den feinen Schümli-Kaffee.... mhm, einfach herrlich! Daher freuten wir uns umso mehr, als wir den Auftrag für den Web-Relaunch für das Blaser Café in Bern erhielten.
Die alte Website der schweizer Firma war nicht responsive und der Shop war in die Jahre gekommen. So wurden wir als Digitalagentur hinzugezogen, um eine neue Website sowie den dazugehörigen Shop in Kooperation mit der Fa. GUS umzusetzen.

Web-Brainstorming, Kaffee-Kränzchen und Drupal-Konzepte

Bei einer guten Tasse Kaffee erarbeiteten wir mit dem Kunden im Workshop die Struktur der neuen Corporate Website und ermittelten anhand bestimmter Fallbeispiele und Personas die Bedürfnisse der Zielgruppen. Nachdem die Grobkonzeption festgemacht war, entschieden wir uns auf Basis der Ergebnisse, das Open-Source Content Management System "Drupal" für dieses Web-Projekt zu nutzen.

Ein neues Web-Kaffeehaus entsteht: Planung und Architektur

Es folgte die Feinkonzeption: Mit Wireframes und Mock-Ups erarbeiteten wir die Sitemap, Templates und die notwendigen Inhaltselemente mit den dahinterstehenden Funktionen, bis schließlich die neue Informationsarchitektur stand. Wichtig war es, mehrere Zugänge für unterschiedliche Zielgruppen anzubieten, da sowohl B2B als auch B2C bedient wird. So entwickelten wir eine Startseite und Landing-Pages, die von der Anmutung einem Online-Magazin gleichen. Dadurch wird neben der Navigation auch die Möglichkeit geboten, sich über verschiedene Themen-Teaser durch die Site zu klicken und so eine schöne Customer-Journey erlebbar zu machen. So kann der schnelle Espresso-Trinker easy per Menüstruktur sein Ziel heraussuchen, während der müßige Latte-Macchianer erst einmal durch den Blog flaniert, über Related Content auf Stories über die Kaffeebohnen stößt und schliesslich beim entsprechenden Produkt im Shop landet und einkauft.
Doch nicht nur für den Nutzer sollte es einfach sein – auch Redakteuren sollte die Content-Pflege erleichtert werden. Mit wenigen Klicks, können sie einer Seite neue Teaser zuweisen, deren Größe, Position und Bild usw. bestimmen und somit Aktionen oder Produkten gezielt in den Fokus rücken, bestimmte Wege der Nutzer steuern und eine gewünschte Conversion kontrolliert herbeigerufen.

Elegante Verpackung: Responsive Webdesign mit viel Geschmack

Beim Design der neuen Drupal-Website setzten wir auf ein sehr schlichtes, edles und bildlastiges Screendesign. Ziel war es, mit dem neuen look & feel die Lust am Stöbern, Lesen, Durchklicken und schliesslich am Einkaufen zu erhöhen. Eine intuitive Nutzerführung und die Möglichkeit, über verschiedenen Zugänge zu Themen zu gelangen, ermöglicht den Hauptzielgruppen (Gastronomen, Gross- und Privatkunden) die für sie passende Customer-Journey. Blasercafé wird dabei als Kompetenzträger rund um das Thema Kaffee erfahren, das langfristig ein positives Marken-Image fördert. Hochwertiges Bildmaterial und warme Farben generieren eine schöne Atmosphäre und setzen die Kaffeewelt gekonnt in Szene. Informationen werden visuell optimal in Tab-Elementen, Slidern, Videos und Highlightboxen aufbereitet und laden zum Verweilen ein. Auf den Produktseiten sorgen schicke, dynamische Icons für eine extra Portion Süßstoff im Kaffee.

Kaffee kaufen im integrierten Online-Shop von Blaser Café

In Kooperation mit der Fa. GUS realisierten wir den Webshop für den Familienbetrieb. Während GUS das dahinterstehende ERP-System lieferte, kreierten wir das responsive Screendesign und programmierten das Frontend. Wichtig dabei war es, den Shop so einfach wie möglich zu halten und eine Vielzahl von Klicks zu vermeiden. Die Nutzer sollten in nur wenigen Schritten zum Ziel kommen und somit ein schönes Einkaufserlebnis haben – Stichwort: Usability / User Exerience Design (kurz UX Design).

Effektive Kaffee-Filter 

Über den detaillierten Filter im Online-Shop können die Kaffeeliebhaber schnell das für Sie passende Produkt ausfindig machen. Für echte Kenner oder Wiederkehrer, die wissen was sie wollen, gibt es eine Shop-Suchfunktion – so geht es natürlich besonders schnell.

Wir bedanken uns für die Zusammenarbeit und freuen uns auf weitere Web-Projekte, die bereits in der Pipeline sind.

Noch mehr Koffein gefällig? Na dann ab auf die Kaffee-Site: blasercafe.ch

Screen der neuen Website von Blaser Café mit dem CMS Drupal
Laptop mit Screen der Blaser Cafe Startseite