Ganna Yevtushenko: PayPal - Unlocking global e-commerce opportunity
Patrycja Andrzejewska: Responsive checkout - Jak zoptymalizować proces zakupu w sklepie internetowym?
1. RESPONSIVE
CHECKOUT
Jak zoptymalizować proces zakupu
w sklepie internetowym?
Meet Magento PL 2014
2. 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
Meet Magento PL 2014
4. Czy wiesz, że ponad
67% klientów
porzuca koszyk i nie
finalizuje zakupu?
Źródło: Baymard Institute, 28 Cart Abandonment Rate Statistics
Meet Magento PL 2014
5. 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
Meet Magento PL 2014
19. 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
Meet Magento PL 2014
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
20. INCREASE DESIRE
(PERSUASION)
Jak możemy
zoptymalizować
proces zakupu?
REDUCE EFFORT
(EFFICIENCY)
Meet Magento PL 2014
21. 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
Meet Magento PL 2014
22. 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ń
Meet Magento PL 2014
23. Jaki jest
Zebrakćo tamk wpierleo inmforimsa?cji jak to
tylko możliwe, ale bez konieczności
pytania o nie.
Meet Magento PL 2014
31. W tej sytuacji…
Co można zrobić prościej?
Meet Magento PL 2014
32. 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
Meet Magento PL 2014
34. Simplicity
is clue Stwórz tak prosty projekt graficzny
jak to tylko możliwe.
Meet Magento PL 2014
35. 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
38. 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
Meet Magento PL 2014
41. 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
Meet Magento PL 2014
42. 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
Meet Magento PL 2014
43. 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?
Meet Magento PL 2014
53. 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”.
Meet Magento PL 2014
56. Znając miasto klienta,
możemy w prosty sposób
podpowiadać mu nazwy ulic
podczas wpisywania
Meet Magento PL 2014
57. 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
Meet Magento PL 2014
22/3
59. 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.
Meet Magento PL 2014
60. CARD OWNER
Chloe Charlotte
CARD NUMBER
4200 0000 0000 0000
Meet Magento PL 2014
62. 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ć.
Meet Magento PL 2014
69. 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ń
Meet Magento PL 2014