Posypkowo Kolorowo od 2006 roku dostarcza lodziarniom posypki, sosy i dekoracje. Zaprojektowałem sklep internetowy firmy: katalog całego asortymentu, karty produktu ze sprzedażą na opakowania, koszyk, do którego zawsze jest jedno dotknięcie, i kasę, która mieści się na jednej stronie.
Zamawiają tu ludzie, którzy prowadzą lodziarnię i wiedzą, po co przyszli. Dlatego sklep nie przekonuje, tylko od razu prowadzi do półki: katalog otwiera się produktami z cenami, kategorie z boku mówią, ile produktów mieści każda z nich, a posypkę można włożyć do koszyka prosto z listy. Historia firmy ma własną stronę, dla tych, którzy chcą ją poznać.
Rys. 02Po lewej: katalog z kategoriami. Po prawej: menu na telefonie.
Decyzja projektowa
Każde opakowanie ma swoją cenę
Lodziarnia nie kupuje posypki, tylko jej kilogram albo dziesięciokilogramowy karton. Dlatego opakowanie jest pierwszym wyborem na karcie produktu, a każda wielkość pokazuje swoją cenę, zanim cokolwiek trafi do koszyka. Katalog pokazuje, od jakiej kwoty zaczyna się cena, a koszyk obok sumy zlicza wagę zamówienia.
Katalog pokazuje, od jakiej kwoty zaczyna się każda cena.
Karta produktu: wybierasz opakowanie, widzisz jego cenę.
Koszyk sumuje wagę i kwotę.
Proces
Zaczęło się od katalogu
Pierwsza wersja strony była katalogiem: karta produktu miała zdjęcie, nazwę i jeden przycisk, „Zapytaj o cenę”. Sklep zamienił to pytanie w odpowiedź. Dziś produkt zaczyna od ceny każdego opakowania, a zamówienie trafia do koszyka zamiast do skrzynki mailowej.
Przed: jeden przycisk, „Zapytaj o cenę”.
Po: cena, opakowanie i koszyk.
Komponenty
Jeden kafel wszędzie, gdzie jest produkt
Sklep jest zbudowany z niewielkiego zestawu elementów. Produkt wygląda tak samo na stronie głównej, w katalogu i pod innym produktem: kategoria, nazwa, cena i mały przycisk koszyka. Przyciski pracują w parach: wypełniony służy do kroku, który posuwa zamówienie naprzód, a cichy do powrotu.
Kafel produktu, wybór opakowania, filtry, przyciski i pola kasy.
Rys. 03Kasa: jedna strona, z podsumowaniem zamówienia obok formularza.