Projekt // No 0033

kroc
Onlineshop

Tags

online shop e-commerce woocommerce concept design development photography

kroc Onlineshop

Da die Produkte das A und O eines Onlineshops sind, werden dem Besucher gleich beim Einstieg die neusten & beliebtesten Produkte angezeigt. Die Produkte werden in unterschiedlichen Grössen und Formen präsentiert, was für visuelle Abwechslung sorgt.

Ist ein Produkt in verschiedenen Farben erhältlich, so kann der Besucher sie bequem mit einem Mouseover wechseln, ist er mit einem Smartphone oder Tablet unterwegs reicht ein kleiner Swipe für den Farbwechsel.

Das gesamte Design aus dem Hause FAKTOR VIER wirkt dank viel Weissraum sehr leicht und edel. Der gesamte Shop ist in Grautönen gehalten. Die Artikel bringen hier Farbe ins Spiel damit sich der Benutzer auf das Wichtigste fokussiert – die Korkprodukte selbst. Mit einem Klick gelangt der Einkäufer direkt zum Produktdetail in der gewünschten Farbe.

Produktdetail

Der Besucher wird mit einem Fullscreen Makro-Shot des Produkts begrüsst. Auf diesem Foto ist jedes noch so kleine Detail zu erkennen. Scrollt der digitale Einkäufer weiter runter, so sieht er sämtliche Details wie Verfügbarkeit, Grössen, Farben und Produktbeschreibung zum aktuellen Artikel. Gleichzeitig kann er die gewünschte Menge wählen und den Artikel in die Einkaufstasche legen. Je nach Menge und Verfügbarkeit sieht er, ob das Produkt sofort lieferbar ist oder ob es noch nachbestellt werden muss.

Auf der rechten Seite sieht er die Galerie mit verschiedenen Aufnahmen und Winkeln des Artikels.

Weiter unten sieht er ähnliche Korkartikel die anhand der Produktkategorie gefiltert werden.

Fotos

Alle Produktfotos im Onlineshop stammen aus dem Fotostudio FAKTOR VIER – eigens für kroc fotografiert und bearbeitet. Ein Produkt besteht pro Variante aus insgesamt 11 Bildern: ein Makro-Shot, vier Fotos für die Produktübersicht je nach Kachelgrösse, vier Stück für die Galerie, eines für die Einkaufstasche und ein kleines Vorschaubild für interne Zwecke. Zur Zeit sind es Total etwa 850 Produktfotos, Tendenz steigend.

Mobile

Dank Responsive Webdesign ist der gesamte Onlineshop auch auf Smartphones und Tablets problemlos & ohne Einschränkungen zu bedienen. Wer möchte, kann also auch auf mobilen Geräten Korkprodukte einkaufen. Besonders hervorzuheben ist hier die Navigation der Kategorien, diese wird nicht über ein Hamburger-Icon geöffnet, sie ist immer ersichtlich und kann mittels horizontalem Swipe ganz einfach & intuitiv bedient werden. Auf Seiten mit Filtern steht dem Besucher zudem links oben ein Filter-Menü zur Verfügung. Das Seitenmenü hingegen ist auf allen Seiten rechts oben über ein Hamburger-Icon aufrufbar.

Die Einkaufstasche

Der Warenkorb, welcher passend „Einkaufstasche“ genannt wird, ist jederzeit über das Taschen-Icon rechts oben aufrufbar. Hier hat der digitale Einkäufer die Möglichkeit Produkte aus der Einkaufstasche zu entfernen, sich einzuloggen oder die grosse Einkaufstasche bzw. die Kasse aufzurufen. In der grossen Einkaufstasche kann er die Menge der Artikel anpassen, die Farbe des Produkts ändern oder die Artikel komplett aus dem Warenkorb werfen.

Das Back-End

kroc kann alle Produkte, Bestellungen und Inhalte selbstständig pflegen. Das Back-End ist eine WordPress Installation mit dem weitverbreiteten E-Commerce Plugin „WooCommerce“. FAKTOR VIER hat für kroc das Plug-in individuell erweitert, da viele Funktionen des Plug-ins von Haus aus anders funktionieren, besonders im Front-End Bereich.

Speziell hervorzuheben sind hier die individuellen Rechnungen, welche automatisch als PDF generiert werden und einerseits auf dem Server dem Besucher jederzeit zur Verfügung stehen, anderseits auch bei kroc automatisch in die eigene Cloud (GoogleDrive) synchronisiert werden. kroc hat zu dem die Möglichkeit individuelle Lieferscheine zu generieren, somit sind auch Teillieferungen möglich. Alle PDFs entsprechen dabei dem kroc Corporate Design, welches übrigens auch von FAKTOR VIER kreiert wurde.

Die Standardinstallation von WooCommerce bietet eine Reihe an Statusbezeichnungen für die Bestellungen. Auch hier hat FAKTOR VIER individuell für den internen Bestellablauf von kroc Hand angelegt.

Nachweise
online einreichen

Lanowa
Website

Arbeitet mit uns zusammen!

Mit der Nutzung unserer Website erklären Sie sich mit der Verwendung von Cookies einverstanden. Weitere Informationen