Zielony Składzik — Website

Zielony Składzik ist ein familiengeführter Bioladen aus Gostyń, der seit 2019 Feinkost mit sauberer Zutatenliste, Naturkosmetik, Reinigungsmittel und Zero-Waste-Zubehör verkauft. Die Inhaberin wollte, dass der Onlineshop genauso herzlich und nah an den Menschen ist wie der Laden vor Ort – und dass man dort einkaufen kann wie an der Theke: nach Gewicht.

Logo und Farbwelt haben wir vom Kunden bekommen. Den Rest haben wir gemacht: visuelles Design und UX/UI des Shops für Desktop und Smartphone, handgezeichnete Illustrationen, den Aufbau des Katalogs, die Einkaufsfunktionen und die Umsetzung.

Die Markenfarben – tiefes Grün, Salbei, Puderrosa und Pflaume – ordnen die Startseite: Bestseller, Aktionen, die Geschichte des Ladens und Geschenksets. Strichillustrationen von Gemüse, Kräutern und Eingemachtem kehren in jedem Bereich wieder und geben dem Shop einen einheitlichen, unverwechselbaren Charakter.

Die Kategorie Aktionen zeigt von selbst nur Produkte, die tatsächlich reduziert sind, und auf dem Foto jedes Produkts steht ein Rabattabzeichen. Die Liste veraltet nie und muss nicht von Hand gepflegt werden.

Trockenfrüchte, Getreide, Gewürze oder Nüsse kauft man nach Gewicht. Der Preis gilt pro Portion, z. B. 4,90 zł / 100 g, jeder Klick auf Plus legt eine weitere dazu, und direkt unter dem Button steht die Summe: „Gewählte Menge: 0.30 kg“. Ein Limit von 2 kg pro Position schützt vor Tippfehlern bei der Menge.

Bei losen Produkten wählt die Kundschaft die Verpackung selbst: Papier gratis oder eine wiederverwendbare Doypack-Tüte für einen Złoty. Die Wahl wird im Warenkorb und in der Bestellung gespeichert, sodass der Laden genau so verpackt, wie es gewünscht ist – ganz im Sinne von Zero Waste.

Unter dem Preis jedes Produkts zeigt der Shop automatisch den Preis pro Kilogramm, Liter oder Stück – auf der Produktseite und auf den Kacheln in den Kategorien. In einer Aktion rechnet er mit dem reduzierten Preis, sodass man vergleicht, was man tatsächlich bezahlt.

Produkte mit Pfand haben einen deutlichen Hinweis auf der Produktseite, und das Pfand wird im Warenkorb hinzugerechnet und in der Bestellung ausgewiesen – ohne Überraschungen an der Kasse.

Die Produktseite hat die Reiter Zutaten, Nährwerte (Tabelle pro 100 g) und Verwendungsideen. Sie erscheinen nur, wenn sie Inhalt haben – keine leeren Bereiche, und bewusste Kundinnen und Kunden finden alles, was sie suchen, auch auf dem Smartphone.

• Der Header mit dem Logo bleibt griffbereit: Beim Scrollen wird er kleiner, auf dem Smartphone verschwindet er beim Scrollen nach unten und kommt bei der ersten Bewegung nach oben sofort zurück.
• Der Warenkorb gleitet von der Seite herein, ohne dass die Seite neu lädt.
• Mit der Wunschliste lassen sich Produkte für später merken.
• Die Paketstation wählt man auf einer Karte mit Suchfeld.
• Die ersten Bilder auf der Startseite laden mit Priorität, damit der Shop schnell öffnet.

• Visuelles Design und UX/UI des Shops – Desktop und Mobile
• Handgezeichnete Vektorillustrationen
• Aufbau des Katalogs: Kategorien, Bestseller, Aktionen, Geschenksets für Firmen
• Shopfunktionen: Verkauf nach Gewicht, Wahl der Verpackung, Pfandsystem, Preis pro Kilogramm
• Umsetzung des Onlineshops auf WooCommerce