Patrycja Andrzejewska: Responsive checkout - Jak zoptymalizować proces zakupu w sklepie internetowym?

RESPONSIVE
CHECKOUT
Jak zoptymalizować proces zakupu
w sklepie internetowym?
Meet Magento PL 2014

Kilka słów
o mnie
6 lat
doświadczenia
w marketingu
internetowym
Dalekie kraje, gorący
klimat i czerwone
wino
Publikacje
i konferencje
Studia
doktoranckie
Product Owner
Responsive
Checkout
Kampanie dla
znanych marek

WYZWANIA
PROCESU ZAKUPU
W E-COMMERCE

Czy wiesz, że ponad
67% klientów
porzuca koszyk i nie
finalizuje zakupu?
Źródło: Baymard Institute, 28 Cart Abandonment Rate Statistics

Sytuacja na rynku
mobile wygląda
newet bardziej
zatrważająco.
Wskaźnik porzuceń
wynosi 95%.
Źródło: Baymard Institute, 28 Cart Abandonment Rate Statistics

Zapytajmy klientów
Dlaczego opuszczają proces zakupu?

Zmieniają zdanie?

Ulegają rozproszeniu?

Zdają sobie sprawę, że nie
potrzebują dziesiątej pary
butów lub nowego
PlayStation?

Zatem dlaczego?

Opuszczają proces zakupu, ponieważ
staje się on ZBYT SKOMPLIKOWANY.

Klienci nie mają czasu

Jakie jest więc
rozwiązanie?

MAKE IT SIMPLE

Dlaczego warto
się tym przejmować?

Co się stanie, gdy
obniżymy wskaźnik
porzuceń koszyka o 20%?
wskaźnik porzuceń - 67%
wskaźnik porzuceń - 50%
= 192,357 zł
www.responsive-checkout.com
x 384,71 zł
2.387.204 zł
x 50%
dodatkowego obrotu na rok
10 000 odwiedzin
10 000 odwiedzin
dziennie
x 384,71 zł
średnia wartość
koszyka
x 33%
finalizuje proces
zakupu
= 126,954 zł
obrót
x 10%
x 10%
dodaje do
koszyka

INCREASE DESIRE
(PERSUASION)
Jak możemy
zoptymalizować
proces zakupu?
REDUCE EFFORT
(EFFICIENCY)

Czego chcą
e-commerce managerowie?
• Wiedzieć wszystko o swoich klientach
• Zebrać tak wiele informacji, jak to tylko możliwe
• Zapytać o każdą najmniejszą rzecz, nawet datę urodzin psa
• Przekonać ich do zapisania się do:
• Newslettera
• Magazynu
• Klubu lojalnościowego
• Klubu zniżek

Czego chcą
klienci?
• Kupować szybko
• Wypełnić tylko niezbędne informacje i tylko raz
• Rozumieć o co są pytani i dlaczego
• Pokonać proces zakupu szybko i bez konieczności czytania
wyjaśnień

Jaki jest
Zebrakćo tamk wpierleo inmforimsa?cji jak to
tylko możliwe, ale bez konieczności
pytania o nie.

Klienci często czują
się zakłopotani.

Dlaczego muszę
wypełniać nazwę
firmy?
Co to jest?
Jaki jest właściwy
format adresu?

Dlaczego pokazuje
mi błąd zanim
cokolwiek
zrobiłem?
Dlaczego koszt
dostawy jest
wliczony, zanim
wybrałem sposób
dostawy?

Nie chcę zakładać
konta. Gdzie jest
opcja zakupu jako
gość?

Nie widzę
formularza
poprawnie na
swoim iPhonie!
Co znaczą linijki
adres 1 i adres 2?

Jak może się to
skończyć?

W tej sytuacji…
Co można zrobić prościej?

JAK
ZOPTYMALI-ZOWAĆ
PROCES
ZAKUPU?
Autodetekcja płci
Autodetekcja
miasta oparta na
kodzie pocztowym
Autodetekcja
kraju oparta na
geolokalizacji
Autodetekcja
rodzaju karty
kredytowej
Stay on the
keyboard
Prosty layout
Responsive
web design
One page
checkout
Zminimalizowana
liczba pól do
wypełnienia
Inteligentna
walidacja
adresu e-mail

Simplicity
is clue Stwórz tak prosty projekt graficzny
jak to tylko możliwe.

Jak zoptymalizować
layout?
• Stwórz prosty i czytelny projekt graficzny
• Nie rozpraszaj klienta podczas zakupu
• Ukryj górną belkę nawigacji oraz bannery reklamowe
• Nie próbuj przekonać klienta do zakupu innych produktów lub
skorzystania z promocji, to nie pora
• Skoncentruj uwagę klienta na głównej akcji - finalizacji zakupu
www.resMpoeents Mivaeg-ecnhteoc PkLo u20t.1c4om

One page checkout

One Page Checkout
a Multiple steps Checkout
One Page Checkout
• Szybszy
• Interaktywny
• Uproszczona nawigacja
Multiple steps checkout
• Dla złożonych procesów zakupu
• Pozwala na segmentację klientów
• Systemy wiążące kilka platform

Formularze Uprość proces

Zredukuj liczbę pól do
wypełnienia i kliknięć

Liczba pól do wypełnienia
H&M 9
ZARA 10
IKEA 10
GROUPON 11
NBA 11
LEGO 11
NIKE 11
eBay 12
DECATHON 12
TKMAXX 12
AMAZON 13
ZALANDO 14
ASOS 15
TCHIBO 15
ESPRIT 15
LIDL 15
DOUGLAS 16
REAL 16

Skąd takie różnice?
Pola występujące
w każdym sklepie:
• Adres email
• Imię
• Nazwisko
• Kod pocztowy
• Miasto
• Nazwa ulicy i numer
• Kraj
Pola występujące
w wybranych sklepach:
• Numer telefonu np. ZARA
• Data urodzin np. REAL,
DOUGLAS
• Region np. ZARA
• Płeć - prawie wszystkie sklepy
• Tytuł np. TCHIBO
• Powtórny adres email
• Numer teleofnu komórkowego
np. ESPRIT

Imię i nazwisko to jedno
pole “Imię i nazwisko”
Adres może być jednym
polem
Ponowne pytanie
o maila nie jest konieczne
Czy potrzebujemy
telefon do biura i fax?

Porównajmy

GEOLOKALIZACJA

Czym jest
geolokalizacja?

Autodetekcja kraju

Użytkownik musi wypełnić:
• Adres w dwóch linijkach
• Miasto
• Region
• Kod pocztowy
• Wybrać kraj z długiej listy krajów

podczas, gdy można to
uprościć dzięki
geolokalizacji

i otrzymujemy
Polska
Kraj jest predefiniowany
dzięki geolokalizacji

AUTODETEKCJA MIASTA

Czy musimy pytać
klienta o jego miasto?
Miasto może być wykryte na podstawie kodu pocztowego.
Poprzez wdrożenie bazy danych można to zrobić automatycznie,
unikając zmuszania klienta do wypełniania pola “Miasto”.

ZIP
00-697
Polska
CITY
Warszawa

AUTOUZUPEŁNIANIE
NAZW ULIC

Znając miasto klienta,
możemy w prosty sposób
podpowiadać mu nazwy ulic
podczas wpisywania

ZIP
00-697
CITY
Warszawa
STREET
Aleje
Jerozolimskie
Aleje Jerozolimskie, Warszaw, Polska
Aleja Jana Pawła II,Warszawa, Polska
Aleja Solidarności, Warszawa, Polska
Aleja Krakowska, Warszawa, Polska
Aleja Niepodległości, Warszawa, Polska
22/3

AUTODETEKCJA RODZAJU
KARTY KREDYTOWEJ

Po co pytamy klienta
o rodzaj karty
kredytowej?
Numery kart kredytowych mają od 13 do 16 znaków.
Jeśli numer rozpoczyna się od cyfry 4, jest to VISA.
Jeśli pierwsze dwie cyfry to 51 - 55, jest to MasterCard.
Musisz wybrać
rodzaj karty
kredytowej.

CARD OWNER
Chloe Charlotte
CARD NUMBER
4200 0000 0000 0000

AUTODETEKCJA PŁCI

Znajomość płci użytkownika
jest ważna - targetowanie
kampanii.
Płeć może być wykrywana automatycznie na podstawie imienia
użytkownika i kraju.
Musisz wybrać
płeć.

FULL NAME
Barbara Zabawa

INTELIGENTNA WALIDACJA
ADRESU E-MAIL

EMAIL
chloe.charlotte29@gmail.gemail.com
com
Did you mean: „chloe.charlotte29@gmail.com” ?

URZĄDZENIA
MOBILNE

Zróbmy to
responsive
• Używaj koncepcji Responsive Design w Twoim procesie zakupu
• Upewnij się, że działa on prawidłowo na każdym urządzeniu
• Zoptymalizuj czas ładowania się strony na mobile
• Sprawdź UX na maksymalnie dużej liczbie urządzeń

STAY ON THE
KEYBOARD

CVV CODE
CARD OWNER
Chloe Charlotte
CARD NUMBER
4
204 1200 3400 5060
EXPIRATION DATE
1
2 2016 23
__ / ____ 1
1 2 3 4 5 6 7 8 9 0
- / : ; ( ) $ & @ “
. , ? ! ‘
#+=
ABC space return
Kursor automatycznie
przechodzi do kolejnych pól
podczas wypełniania przez
użytkownika.

TE I WIELE INNYCH
ELEMENTÓW MOŻE BYĆ
ZOPTYMALIZOWANYCH
W PROCESIE ZAKUPU
W TWOIM SKLEPIE!

Co otrzymuję
w zamian?
• Wyższą sprzedaż
• Wyższy wskaźnik konwersji
• Więcej powracających klientów
• Lepszy UX
• Zminimalizowany wskaźnik porzuceń

Chcesz wiedzieć
więcej?
Blog Wiki
www.responsive-checkout.com

Patrycja Andrzejewska: Responsive checkout - Jak zoptymalizować proces zakupu w sklepie internetowym?

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (8)

Similar to Patrycja Andrzejewska: Responsive checkout - Jak zoptymalizować proces zakupu w sklepie internetowym?

Similar to Patrycja Andrzejewska: Responsive checkout - Jak zoptymalizować proces zakupu w sklepie internetowym? (20)

More from Meet Magento Poland

More from Meet Magento Poland (17)

Patrycja Andrzejewska: Responsive checkout - Jak zoptymalizować proces zakupu w sklepie internetowym?