Realizacje zielonyskladzik.pl

Zielony Składzik — strona internetowa

Sklep internetowy rodzinnego eko składziku z Gostynia: zakupy na gramy, wybór opakowania — papier albo wielorazowa torba — i cena za kilogram przy każdym produkcie. Projekt graficzny, ilustracje i wdrożenie — KICKASS; logo i kolorystyka od klienta.

Zobacz stronę
Klient
Zielony Składzik
Logo i kolorystyka
Zielony Składzik
Projekt i wdrożenie
KICKASS
Usługi
E-commerceIlustracje wektoroweUX/UI DesignStrony internetowe

Eko sklep z sercem — także w internecie

Zielony Składzik to rodzinny eko sklep z Gostynia, który od 2019 roku sprzedaje delikatesy o czystym składzie, naturalne kosmetyki, środki czystości i akcesoria zero waste. Właścicielka chciała, żeby sklep online był tak samo ciepły i bliski ludziom jak stacjonarny składzik — i żeby dało się w nim kupować tak jak przy ladzie: na wagę.

Logo i kolorystykę dostaliśmy od klienta. Resztę zrobiliśmy my: projekt graficzny i UX/UI sklepu na komputer i telefon, ręcznie rysowane ilustracje, układ katalogu, funkcje zakupowe i wdrożenie.

Od razu widać, co warto kupić

Kolory marki — głęboka zieleń, szałwia, pudrowy róż i śliwka — porządkują stronę główną: bestsellery, promocje, opowieść o sklepie i zestawy prezentowe. Liniowe ilustracje warzyw, ziół i przetworów wracają w każdej sekcji, więc sklep ma jeden, rozpoznawalny charakter.

Kategoria Promocje sama pokazuje tylko produkty, które faktycznie są przecenione, a na zdjęciu każdego z nich widać odznakę ze zniżką. Lista nigdy się nie przeterminuje i nie wymaga ręcznego pilnowania.

Na gramy. W papier albo w torbę

Bakalie, kasze, przyprawy czy orzechy klient kupuje na wagę. Cena jest podana za porcję, np. 4,90 zł / 100 g, każde kliknięcie plusa dokłada kolejną, a pod przyciskiem od razu widać sumę: „Wybrana ilość: 0.30 kg”. Limit 2 kg na pozycję chroni przed pomyłką przy wpisywaniu ilości.

Przy produktach sypkich klient sam wybiera opakowanie: papierowe gratis albo wielorazową torbę doypak za złotówkę. Wybór zapisuje się w koszyku i w zamówieniu, więc sklep pakuje dokładnie tak, jak chce klient — zgodnie z filozofią zero waste.

Zielony Składzik — hasło „Na gramy. W papier albo w torbę.” i karta produktu na MacBooku oraz iPhonie: wielorazowa torba doypak, ilość 3, „Wybrana ilość: 0.30 kg”

Uczciwa cena za kilogram

Pod ceną każdego produktu sklep sam podaje cenę za kilogram, litr albo sztukę — na karcie produktu i na kafelkach w kategoriach. W promocji liczy od ceny obniżonej, więc klient porównuje to, co faktycznie zapłaci.

Produkty objęte systemem kaucyjnym mają czytelną informację na karcie, a kaucja doliczana jest w koszyku i widoczna w zamówieniu — bez niespodzianek przy płatności.

Wiesz, co jesz

Karta produktu ma zakładki Skład, Wartości odżywcze z tabelą na 100 g i Przykładowe użycie. Pokazują się tylko wtedy, gdy mają treść, więc nie ma pustych sekcji — a świadomy klient ma wszystko, czego szuka, także w telefonie.

Zielony Składzik — hasło „Wiesz, co jesz.” i dwa iPhone’y z kartą produktu: zakładki Opis, Skład, Wartości odżywcze, Przykładowe użycie

Wygodnie na telefonie i komputerze

  • Nagłówek z logo zostaje pod ręką: przy przewijaniu się zmniejsza, a na telefonie chowa w dół i wraca przy ruchu w górę.
  • Koszyk wysuwa się z boku, bez przeładowania strony.
  • Lista życzeń pozwala odłożyć produkty na później.
  • Paczkomat klient wybiera na mapie z wyszukiwarką.
  • Pierwsze zdjęcia na stronie głównej ładują się z priorytetem, więc sklep otwiera się szybko.

Zakres prac

  • Projekt graficzny i UX/UI sklepu — desktop i mobile
  • Ręcznie rysowane ilustracje wektorowe
  • Układ katalogu: kategorie, bestsellery, promocje, zestawy prezentowe dla firm
  • Funkcje sklepu: sprzedaż na wagę, wybór opakowania, system kaucyjny, cena za kilogram
  • Wdrożenie sklepu internetowego na WooCommerce

Masz pomysł na swój projekt?

Szybka wycena i krótka rozmowa — bez zobowiązań.

Szybka wycena →