GRÜEZI Coffee — Custom Shopify Store, SEO & Schema Markup

Die Ausgangslage

GRÜEZI Coffee ist eine Schweizer Specialty-Coffee-Marke aus Zürich — mit Single-Origin Kaffees, ceremonial-grade Matcha aus Uji und kuratierten Beverage-Experiences für Marken und Events.

Für den Launch der neuen Markenwelt hatte die Agentur TWHY Group das Webdesign sowie die statischen HTML/CSS-Vorlagen konzipiert. Was gesucht wurde: ein Umsetzungspartner, der das Design pixelgenau und performant als Shopify-Store ausspielt, ohne Kompromisse bei Geschwindigkeit, SEO oder Skalierbarkeit.

Wir haben die komplette Shopify-Umsetzung übernommen — inklusive technisches SEO und ein vollständiges Schema-Markup-Setup auf Basis des bestehenden Brand- und Designsystems.

Was wir umgesetzt haben

Custom Shopify Theme — Hybrid auf Horizon-Basis

Statt ein komplett eigenes Theme von null zu bauen, haben wir einen Hybrid-Ansatz gewählt: das moderne Shopify-Theme Horizon bildet die Basis für Header, Footer, Cart, Checkout, Account und Search. Alles, was nach aussen sichtbar und brand-prägend ist, haben wir komplett custom gebaut.

Das Resultat: die Sicherheit und Wartbarkeit eines modernen Shopify-Themes, kombiniert mit der vollen Design-Freiheit dort, wo Marke und Conversion entscheidend sind.

Umsetzung der 19 Design-Seiten

Das von TWHY Group gelieferte Designsystem umfasste 19 Seiten — von der Homepage über produktspezifische Landings bis hin zu Experiences und der Story-Seite. Jede einzelne haben wir pixelgenau in Liquid implementiert.

Alle Seiten in zwei Sprachen — Deutsch für den lokalen Markt, Englisch für die internationale Sichtbarkeit der Marke.

Technisches SEO

Damit der Store von Tag 1 bei Google sichtbar ist, haben wir das gesamte technische SEO-Fundament aufgesetzt:

Jeder Meta-Titel und jede Description ist auf den jeweiligen Such-Intent abgestimmt — Specialty Coffee, Ceremonial Matcha, Branded Experiences sprechen unterschiedliche Suchende an und brauchen unterschiedliche Sprache.

Strukturierte Daten (Schema.org)

Damit Suchmaschinen den Store inhaltlich richtig verstehen, haben wir ein vollständiges JSON-LD-Schema-Markup implementiert:

Strukturierte Daten erhöhen die Chance auf Rich Results (Sterne-Bewertungen, Preise, FAQ-Snippets direkt in den Suchergebnissen) und helfen Google, Produkte korrekt in Shopping- und Knowledge-Panels zu zeigen.

Performance-Optimierung

Specialty-Coffee-Käufer:innen erwarten ein Marken-Erlebnis — keine Ladebalken. Wir haben die Performance auf jedem Layer optimiert:

Die Storefront lädt mobil unter 2 Sekunden — entscheidend für Conversion und SEO.

Die Zusammenarbeit

Das Projekt war eine klare Rollenverteilung:

Diese Trennung hat funktioniert, weil die Übergaben klar waren — und weil wir das gelieferte Design ohne kreative Eigeninterpretation umgesetzt haben. Das Designsystem von TWHY blieb 1:1 erhalten; wir haben es technisch zum Leben erweckt.

Das Ergebnis

Wenn Webdesign und technische Umsetzung sauber getrennt sind und beide Seiten ihr Handwerk beherrschen, entsteht ein Shop, der ästhetisch wie technisch hält, was die Marke verspricht.