/ Demo-Projekt · Online-Shop auf Shopify · Marl

Kaffeerösterei.

Ein Online-Shop mit eigenem Theme auf Shopify. Er zeigt, wie Sortenwahl, Grundpreis und deutsche Kasse zusammenspielen, und dass ein Shop nicht nach Vorlage aussehen muss.

Ein Testkauf auf drei Geräten

Von der Startseite bis zur Kasse
Laptop · 1440 px
Tablet · 820 px
Handy · 390 px

Zu sehen: Startseite, Regal, Produktseite mit Wahl von Größe und Mahlgrad, Warenkorb und Kasse mit erfundener Adresse. Bestellt wird nicht.

Demonstrationsseite, kein Kundenprojekt

Kohlenblau Kaffeerösterei ist ein erfundenes Unternehmen. Sämtliche Angaben, Preise und Anschriften sind frei erfunden. Die Kasse läuft im Testmodus, echte Bestellungen sind nicht möglich.

Warum ein Shop

Die vier anderen Demos sind Websites, die Anfragen bringen. Diese zeigt den nächsten Schritt: Kundinnen und Kunden kaufen direkt. Eine Kaffeerösterei eignet sich dafür, weil sie alles verlangt, was ein Shop in Deutschland können muss. Jede Sorte gibt es in zwei Größen und drei Mahlgraden, der Preis je Kilo steht immer dabei, dazu kommen Versandregeln, Gutscheine und ein Rabattcode.

Die Idee dahinter

Jede Sorte hat ein eigenes Etikett mit Farbe, Muster und Röstgrad in fünf Feldern. Aus diesen Etiketten entstehen die Produktfotos, das Regal auf der Startseite und die Bilder in Kasse und Bestellmail. Die Fläche drumherum bleibt hell und ruhig, Farbe kommt nur von den Tüten.

Bewegung

Beim Laden rieseln Bohnen aus der Tüte, im Regal kippen die Tüten unter dem Mauszeiger, und beim Kauf fliegen Bohnen in den Warenkorb. Das alles läuft auf einer Zeichenfläche im Browser, ohne zusätzliche Bibliothek. Wer reduzierte Bewegung eingestellt hat, sieht eine ruhige Seite ohne Bohnen und ohne automatisch startende Videos.

Was Shopify übernimmt

Kasse, Zahlungsarten und Bestellmails kommen von Shopify. Das eigene Theme bestimmt alles, was Kundinnen und Kunden vor der Kasse sehen. Die Texte der Kasse und der wichtigsten Mails sind auf die Sie-Form umgeschrieben, der Bestellknopf heißt „Zahlungspflichtig bestellen“.

Den Shop schaltet Shopify für Demos nur mit Passwort frei. Den Zugang erhalten Sie auf Anfrage.

Zugang zum Shop anfragen →
Art
Demo-Shop mit neun Sorten, Probierkiste und Gutschein
Plattform
ShopifyLiquidCSSJavaScript
Schrift
Saira Stencil One und Instrument Sans, lokal als woff2
Farbwelt
Gebrochenes Weiß und Tinte, Farbe nur auf den Etiketten
Besonderheiten
Grundpreis je kgRieselnde BohnenKasse in Sie-Form
Datenschutz
Hosting und Cookie-Abfrage über Shopify, Schriften und Videos im Shop gespeichert
Status
Demo
/ Ihr Projekt

Das Nächste
gestalten wir.

Ob KI-Plattform oder klassische Website, erzählen Sie uns von Ihrem Vorhaben.