Inspiracje i ciekawostki w ecommerce

20 stycznia 2016, Igor Farafonow

Tym razem pod lup臋 wzi臋li艣my zagraniczny rynek e-commerce 馃檪


Warto艣膰 rynku e-commerce w Polsce w 2015 roku przekroczy艂a 30 mld z艂, co stanowi wzrost oko艂o 3 mld z艂 w stosunku do roku poprzedniego. Jest o co walczy膰, mimo 偶e brytyjski i ameryka艅ski rynek e-sklep贸w celuje w du偶o wy偶sze sumy. W Polsce, w wi臋kszo艣ci dominuj膮 standardowe schematy kt贸re s膮 powielane, bo 鈥瀓e艣li si臋 sprawdzaj膮鈥 to po co je zmienia膰? Dlatego te偶 zrobili艣my w sieci ma艂y research. Przejrzeli艣my zagraniczne typowe e-sklepy oraz strony produktowe z opcj膮 zakupu i stworzyli艣my list臋 ciekawych i nowatorskich rozwi膮za艅.


Zapraszamy do jej przejrzenia 馃檪

Jet

  • Na stronie Jet.com mo偶emy zauwa偶y膰 funkcjonalno艣膰, kt贸ra graficznie pokazuje nam ile brakuje do bezp艂atnej wysy艂ki (pasek stanu znajduj膮cy si臋 po prawej stronie).
  • Opr贸cz tego bardzo pomys艂owa jest sama filozofia sklepu 鈥 im wi臋cej kupujesz tym wi臋kszy dostajesz rabat 馃檪

Jet.com
https://jet.com/cart

Shoebuy

  • Cz臋sto sklepy w lepszy lub gorszy spos贸b blokuj膮 u偶ytkownikowi mo偶liwo艣膰 dodania produktu do koszyka, gdy go nie skonfiguruje 鈥 np. rozmiaru ubrania. Sklep Shoebuy umo偶liwia dodanie produktu do koszyka bez zdefiniowania rozmiaru. Rozmiar podaje si臋 dopiero na ekranie koszyka.

Cart   Shoebuy   FREE Shipping   Exchanges
https://www.shoebuy.com/cart/cart

Drugstore

  • Automatyczny reorder 鈥 bardzo przydatna opcja przy produktach 鈥瀋yklicznych鈥 np. dietach pude艂kowych, suplementach diety.

drugstore

http://www.drugstore.com/shoppingbag.asp?catid=17008&productlist=,485358

Ao

  • Bardzo ciekawy spos贸b na prowadzenie dialogu z u偶ytkownikiem 鈥 tw贸rcy witryny opracowali trzy pytania, kt贸re pomagaj膮 u偶ytkownikowi dotrze膰 do szukanych produkt贸w 鈥 typ produktu (warto przy okazji zwr贸ci膰 uwag臋, 偶e wyb贸r kategorii produktowej jest znacznie ograniczony 鈥 g艂贸wnie do najpopularniejszych przedmiot贸w); cecha 1; cecha 2.
  • U偶ytkownik wybieraj膮c przedmiot, kt贸rego szuka, odpowiada na dwa kr贸tkie pytania 鈥 zwi臋kszaj膮c szans臋 dotarcia do produktu, kt贸ry jest dla niego po偶膮dany.
  • Warto r贸wnie偶 zwr贸ci膰 uwag臋 na du偶e ograniczenie ilo艣ci prezentowanych podkategorii 鈥 w ramach tego dialogu wcale nie musimy prezentowa膰 ca艂ego drzewka kategorii. Mo偶e on opiera膰 si臋 np. na 10 / 20 najpopularniejszych.

ao_strona_glowna
http://ao.com/

 

  • U偶yteczny szczeg贸艂 鈥 po scrollu karty produktu do g贸rnej cz臋艣ci ekranu fiksuje si臋 nawigacja wewn臋trzna produktu. Jest to o tyle fajne rozwi膮zanie, 偶e interfejs sklepu jest dostosowany do konkretnego obszaru dzia艂ania u偶ytkownika.

ao_kategorie
http://ao.com/product/bdc643w-beko-electric-cooker-white-23696-11.aspx

 

  • Jedno z najciekawszych rozwi膮za艅, jakie zaobserwowali艣my w ramach benchmarku 鈥 zak艂adka QA umo偶liwiaj膮ca zadanie pytania o produkt. Z jednej strony realizuje jeden z g艂贸wnych powod贸w ucieczki do offlineu 鈥 ch臋膰 dopytania o pewne szczeg贸艂owe informacje. Z drugiej u偶ytkownicy mog膮 sprawdzi膰, jakie pytania zadawali inni.

ao_qa
http://ao.com/product/ltf11m132c-hotpoint-ultima-standard-dishwasher-stainless-steel-27901-23.aspx

 

  • W przypadku sklep贸w z szerokim asortymentem bardzo fajne jest wzbogacenie systemu ocen o sk艂adniki personalizowane pod dan膮 kategori臋. W tym wypadku mog膮 to by膰 np. jako艣膰 wykonania, g艂o艣no艣膰 pracy, efektywno艣膰 pracy, itd.

ao_reviews
http://ao.com/product/ltf11m132c-hotpoint-ultima-standard-dishwasher-stainless-steel-27901-23.aspx

ETQ

  • W przypadku sklep贸w z ubraniami kluczowa jest prezentacja 艂adnych zdj臋膰 wysokiej jako艣ci. Wszelkie informacje (poza podstawowymi) maj膮 znaczenie drugorz臋dne. To te偶 wykorzysta艂 ETQ 鈥 przewijaj膮c kart臋 produktu ogl膮damy pi臋kne zdj臋cia. Po prawej natomiast znajduje si臋 zafiksowany (czyli nieprzewijaj膮cy si臋) modu艂 z podstawowymi informacjami o produkcie.
    Oczywi艣cie wszystko ma plusy i minusy, bo akurat w tym wypadku doklejony do do艂u strony button call to action mo偶e by膰 pomijany wzrokiem.

etq 1
http://www.etq-amsterdam.com/collection/derby-black

Beoplay

  • Dla producent贸w sprz臋tu bardzo fajnym rozwi膮zaniem jest sprzedawanie produkt贸w przez opowiadanie historii. Mog艂oby si臋 wydawa膰, 偶e w przypadku typowych stron ecommerce tego typu zabieg si臋 nie uda, jednak偶e gdy dysponujemy du偶膮 ilo艣ci膮 informacji o produkcie, warto postara膰 si臋 prezentowa膰 je w艂a艣nie w podobny spos贸b. Co ciekawe 鈥 ten typ prezentacji kart produkt贸w m贸g艂by by膰 wykorzystywane w SiSach. Wymaga to jednak integracji ze sklepem na wi臋kszym poziomie.

beoplay

http://www.beoplay.com/products/beoplaya6#MadeForOccasion

Bugaboo

  • Bardzo fajny spos贸b na kreator produktu 鈥 w kontek艣cie dodawania akcesori贸w oraz ich konfiguracji. Co ciekawe 鈥 w przypadku tej strony z kolei problemem jest nie tyle wytworzenie produktu, co jego zakup 鈥 gdy偶 鈥 brakuje tu call to action (jakkolwiek by on nie by艂).
  • ps> UXGeeki 鈥 sprawd藕cie jak fajnie to si臋 zachowuje w respo 馃槈

beoplay
https://www.bugaboo.com/PL/en_PL/strollers/create?sId=81&cc=true

Dell

  • W przypadku ekran贸w dla prezentacjir贸偶nych mo偶liwo艣ci konfiguracyjnych tego samego produktu mamy dwie mo偶liwo艣ci prezentacji: gdy konfiguracja jest tylko na poziomie wizualnym (czyli kolor) 鈥 prezentacja opcji obok siebie; gdy konfiguracja bazuje na pewnych parametrach 鈥 por贸wnanie tych parametr贸w. I w tym drugim wypadku fajnie wyr贸偶nia si臋 Dell. U艂atwiaj膮c dobranie kryteri贸w determinuj膮cych zakup postawili na form臋 wizualn膮 prezentuj膮c膮 poziom danego kryterium (na stronie jako niebieskie poziomy wykres贸w). W ten spos贸b 艂atwo i bez wnikliwej analizy u偶ytkownik mo偶e zauwa偶y膰, 偶e r贸偶nica ceny polega g艂贸wnie na r贸偶nym dysku twardym.
  • W tym wypadku r贸wnie偶 nie jest w pe艂ni optymalny, bo o ile interfejs u艂atwia znalezienie r贸偶nic, nie pomaga w ich zrozumieniu. Problem tkwi w nomenklaturze 鈥 czyli co oznacza lepszy dysk twardy? Czym to skutkuje?
  • Nie ulega jednak w膮tpliwo艣ci, 偶e strona dell.com stanowi fajny benchmark i inspiracj臋 w kontek艣cie prezentacji r贸偶nicy mi臋dzy produkami podobnymi. Je艣li jeszcze rozwi膮偶e si臋 problem zrozumia艂o艣ci kryterium, otrzymamy fajne experience dostosowany do szerokiej grupy klient贸w.

dell
http://www.dell.com/us/p/inspiron-15-3552-laptop/pd?ref=PD_Family

Bellroy

  • Bardzo ciekawa kategoryzacja produkt贸w wed艂ug zastosowa艅 (np. do podr贸偶y, na co dzie艅, itp.)

bellroy
http://bellroy.com/wallets

Norwegian Rain

  • Du偶e, atrakcyjne zdj臋cia tkanin (szczeg贸lnie wa偶ne przy bran偶y odzie偶owej np. gdy produktu nie mo偶na zobaczy膰 w sklepie i jest dost臋pny tylko w kanale online)

norwegian rain
http://norwegianrain.com/products/rive-gauche-arctic

Freepeople

  • Pi臋kny emotional design w ramach landing page鈥檡 dla danych kategorii produktowych. Ta strona wygl膮da, jakby by艂a dostosowana do sprzeda偶y tych konkretnych produkt贸w 鈥 intymno艣膰, delikatno艣膰. Co wa偶ne 鈥 jest to tylko podstrona jednej kategorii produktowej, a nie ca艂o艣ciowy layout witryny.
  • Personalizacja podstron kategorii lub podstron r贸偶nych zestaw贸w znacznie zwi臋ksza potencja艂 budowy zaanga偶owania emocjonalnego, pokazuje, 偶e nie jeste艣my generyczni i nijacy.
  • Warto tu r贸wnie偶 zwr贸ci膰 uwag臋 na niegeneryczno艣膰 kompozycji objawiaj膮c膮 si臋 nawet w uk艂adach zdj臋膰 鈥 ta strona prezentuj膮ca konkretne produkty wygl膮da jak pi臋kny katalog / magazyn.

freepeople

http://www.freepeople.com

Hardgraft

  • Strona g艂贸wna pokazuje produkty w bardzo minimalistyczny, ale atrakcyjny i subtelny spos贸b.

Leather goods from Hard Graft. Handmade in Italy.
http://www.hardgraft.com/

BRD

  • Bardzo fajny minimalizm interfejsu w kontek艣cie nieprezentowania 偶adnych innych informacji ni偶 te, kt贸re s膮 kluczowe.
  • Dopracowanie pod k膮tem webdesignu np. 艂adna typografia.

brdr kruger
https://brdr-kruger.com/en/cart

Igor Farafonow

Architekt informacji, projektant. Od 2007 roku zajmowa艂 si臋 niezliczon膮 liczb膮 projekt贸w webowych, mobilnych i desktopowych. Aktualnie CEO w Uxerii. Prywatnie fan tajskiej kuchni, starych sportowych samochod贸w, fotografii oraz jamajskiego disco polo.