Case Study — New Store Build

Von null zu einem vollständig
custom Shopify Store.

Sandbox Coffee Roasters bezieht außergewöhnliche Single-Origin-Bohnen von kleinen Farmen aus aller Welt. Sie brauchten einen Shop, der genauso durchdacht ist wie ihr Kaffee.´

Sandbox Coffee Roasters bezieht außergewöhnliche Single-Origin-Bohnen von kleinen Farmen aus aller Welt. Sie brauchten einen Shop, der genauso durchdacht ist wie ihr Kaffee.´

Shopify

Custom Components

B2B / B2C

SEO

CRO

Visite the live site

15+

Custom sections, blocks und account extensions

×2

Conversion rate nach UI/UX relaunch

+19%

Durchschnittlicher Warenkorbwert

SpecialtyCoffeeistonlineschwerzuverkaufen.Mankannihnnichtprobieren,nichtriechenoderdenBaristafragen,wieerschmeckt.DieeigentlicheAufgabedesShopsistes,dieseLückezuschließen–jemandenselbstsichergenugzumachen,einenKaffeeauszuprobieren,denernochniegehörthat,voneinerFarm,dieernichtaussprechenkann,für17€dasPaket. JedeSection,jederBlock,jedeTextzeileimSandboxShopwurdeumgenaudieseseineProblemherumgebaut–eineGeschichtezuerzählenunddenKundenaufeineReisemitzunehmen.
SpecialtyCoffeeistonlineschwerzuverkaufen.Mankannihnnichtprobieren,nichtriechenoderdenBaristafragen,wieerschmeckt.DieeigentlicheAufgabedesShopsistes,dieseLückezuschließen–jemandenselbstsichergenugzumachen,einenKaffeeauszuprobieren,denernochniegehörthat,voneinerFarm,dieernichtaussprechenkann,für17€dasPaket. JedeSection,jederBlock,jedeTextzeileimSandboxShopwurdeumgenaudieseseineProblemherumgebaut–eineGeschichtezuerzählenunddenKundenaufeineReisemitzunehmen.

Full store setup

End-to-End Shopify Aufbau – Theme, Produkte, Kollektionen, Metafelder, Navigation und Checkout-Konfiguration.

15+ custom Komponenten

Sections, Blocks und Account Extensions von Grund auf neu gebaut – ohne Abhängigkeit von Drittanbieter-Apps.

Eigener B2B Store

Separater Wholesale-Storefront mit eigenständiger Preisgestaltung, Varianten und automatisierter Zugriffskontrolle.

Made for Mobile

Made for Mobile

Landing Page Hero

Mobile Optimiertes Buy Rail

Mitreißendes Storytelling

Smooth and fun for mobile

Über 15 eigene Sections, Blocks und edits

Hier sind 4 unserer Lieblinge

Eigene Product Card

Customisation

Die Standard-Produktkarte von Shopify zeigt einen Titel und einen Preis. Für Specialty Coffee nicht genug. Die individuelle Karte zeigt Herkunft, Verarbeitung, Röstgrad und Geschmacksnotizen als Pills – alles, was ein Käufer braucht, um eine Entscheidung zu treffen, bevor er klickt.

Eigene Product Card

Customisation

Die Standard-Produktkarte von Shopify zeigt einen Titel und einen Preis. Für Specialty Coffee nicht genug. Die individuelle Karte zeigt Herkunft, Verarbeitung, Röstgrad und Geschmacksnotizen als Pills – alles, was ein Käufer braucht, um eine Entscheidung zu treffen, bevor er klickt.

Eigene Product Card

Customisation

Die Standard-Produktkarte von Shopify zeigt einen Titel und einen Preis. Für Specialty Coffee nicht genug. Die individuelle Karte zeigt Herkunft, Verarbeitung, Röstgrad und Geschmacksnotizen als Pills – alles, was ein Käufer braucht, um eine Entscheidung zu treffen, bevor er klickt.

Buy-Rail-Blöcke, die Vertrauen am Kaufpunkt aufbauen

Custom Blocks

Drei individuelle Blöcke befinden sich im Product Buy Rail – Gratisversand-Schwellenwert, Zusammenfassung der Geschmacksnotizen und Produkt-Highlights. Jeder Block ist ein eigenständiger Theme-Block, welcher direkt auf Metafields im Produkt zurückgreift.

Buy-Rail-Blöcke, die Vertrauen am Kaufpunkt aufbauen

Custom Blocks

Drei individuelle Blöcke befinden sich im Product Buy Rail – Gratisversand-Schwellenwert, Zusammenfassung der Geschmacksnotizen und Produkt-Highlights. Jeder Block ist ein eigenständiger Theme-Block, welcher direkt auf Metafields im Produkt zurückgreift.

Buy-Rail-Blöcke, die Vertrauen am Kaufpunkt aufbauen

Custom Blocks

Drei individuelle Blöcke befinden sich im Product Buy Rail – Gratisversand-Schwellenwert, Zusammenfassung der Geschmacksnotizen und Produkt-Highlights. Jeder Block ist ein eigenständiger Theme-Block, welcher direkt auf Metafields im Produkt zurückgreift.

Coffee Details mit Vergleichs-Modal

Custom Section

Kunden erhalten alle Details zum Kaffee auf einen Blick und können jeden Kaffee direkt auf der Produktseite vergleichen – Herkunft, Verarbeitung, Röstgrad, Säure, Körper und Geschmacksnotizen, alles live aus der Storefront API geladen.

Coffee Details mit Vergleichs-Modal

Custom Section

Kunden erhalten alle Details zum Kaffee auf einen Blick und können jeden Kaffee direkt auf der Produktseite vergleichen – Herkunft, Verarbeitung, Röstgrad, Säure, Körper und Geschmacksnotizen, alles live aus der Storefront API geladen.

Coffee Details mit Vergleichs-Modal

Custom Section

Kunden erhalten alle Details zum Kaffee auf einen Blick und können jeden Kaffee direkt auf der Produktseite vergleichen – Herkunft, Verarbeitung, Röstgrad, Säure, Körper und Geschmacksnotizen, alles live aus der Storefront API geladen.

B2B-Treuestufen

Custom Account Extension

Eine individuelle Account Extension liest ein Metafeld im Kundendatensatz, das das gesamte gekaufte Kaffeegewicht erfasst – automatisch über Shopify Flow bei jeder Bestellung berechnet. Großhandelskunden sehen ihre Stufe, ihren Fortschritt und alle Rabattschwellen.

B2B-Treuestufen

Custom Account Extension

Eine individuelle Account Extension liest ein Metafeld im Kundendatensatz, das das gesamte gekaufte Kaffeegewicht erfasst – automatisch über Shopify Flow bei jeder Bestellung berechnet. Großhandelskunden sehen ihre Stufe, ihren Fortschritt und alle Rabattschwellen.

B2B-Treuestufen

Custom Account Extension

Eine individuelle Account Extension liest ein Metafeld im Kundendatensatz, das das gesamte gekaufte Kaffeegewicht erfasst – automatisch über Shopify Flow bei jeder Bestellung berechnet. Großhandelskunden sehen ihre Stufe, ihren Fortschritt und alle Rabattschwellen.

Results

Zwei Wochen UI, UX und SEO anpassungen.

×2

Conversion rate

1,02 % → 2,71 % gegenüber dem vorherigen Zweiwochenzeitraum

+19%

Average order value

gegenüber dem vorherigen Zweiwochenzeitraum

Before

1.02%

→

After

2.71%

Contact

Contact

Rocky Paroky

Web Designer & Founder

Book a Call

Almost There!

work@rockystudio.com

ME

UND STARTE DEIN PRJEKT

UND STARTE DEIN PROJEKT

UND STARTE DEIN PRJEKT