E-commerce · 2026 · UA · HTML / CSS / JavaScript

Джерело

E-commerce premium herbaty z quizem „dobór po stanie" zamiast standardowego katalogu

Джерело — preview
01

Kontekst

Sklep internetowy z herbatą premium z bezpośredniego importu — pu-erhy, oolongi, leżakowane gatunki; odbiorcy — Ukraińcy 30-50 z dochodem średnim+, którzy szukają wejścia w kulturę herbaty, a nie torebek do biura (koszyk 30-80 $). Zwykły katalog e-commerce tu nie działa: nowicjusz widzi siatkę 47 gatunków (green, black, oolong, pu-erh), nie zna różnicy — i wychodzi z pustym koszykiem. Nie ma czym wybierać: wie, co chce poczuć, ale nie wie, jaki gatunek do tego.

02

Rozwiązanie

Główny mechanizm — quiz „dobór po stanie": cztery pytania (co chcesz poczuć, pora dnia, doświadczenie, ograniczenia) → 2-3 rekomendacje z opisem. To wejście dla nowicjusza — nie katalog, a konsultacja. Paleta — ciepły beżowy papier i oliwkowo-herbaciany akcent (nawiązanie do starych poradników ceremonii, prawdziwy kolor liścia, a nie „luxury gold"). Zdjęcia sourcingowe — góry i farmerzy, nie studyjne paczki: publiczność premium potrzebuje przejrzystości pochodzenia.

03

Wynik

HTML/CSS + JS na koszyk i quiz; stan quizu zapisuje się między wizytami, koszyk bez przeładowania, ceny w formacie ukraińskim. Lokalizacja UA jako główna — rynek niedoobsłużony (niemal całe premium herbaciane na Ukrainie jest anglojęzyczne). Sklep, w którym nowicjusz się nie boi: przez quiz przechodzi drogę od „nie znam się" do „kupiłem", nie błądząc po parametrach, które nic mu nie mówią.