Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
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 
Publ...
WYZWANIA 
PROCESU ZAKUPU 
W E-COMMERCE 
Meet Magento PL 2014
Czy wiesz, że ponad 
67% klientów 
porzuca koszyk i nie 
finalizuje zakupu? 
Źródło: Baymard Institute, 28 Cart Abandonmen...
Sytuacja na rynku 
mobile wygląda 
newet bardziej 
zatrważająco. 
Wskaźnik porzuceń 
wynosi 95%. 
Źródło: Baymard Institut...
Zapytajmy klientów 
Dlaczego opuszczają proces zakupu? 
Meet Magento PL 2014
Zmieniają zdanie? 
Meet Magento PL 2014
Ulegają rozproszeniu? 
Meet Magento PL 2014
Zdają sobie sprawę, że nie 
potrzebują dziesiątej pary 
butów lub nowego 
PlayStation? 
Meet Magento PL 2014
Zatem dlaczego? 
Meet Magento PL 2014
Opuszczają proces zakupu, ponieważ 
staje się on ZBYT SKOMPLIKOWANY. 
Meet Magento PL 2014
Meet Magento PL 2014
Meet Magento PL 2014
Meet Magento PL 2014
Klienci nie mają czasu 
Meet Magento PL 2014
Jakie jest więc 
rozwiązanie? 
Meet Magento PL 2014
MAKE IT SIMPLE 
Meet Magento PL 2014
Dlaczego warto 
się tym przejmować? 
Meet Magento PL 2014
Co się stanie, gdy 
obniżymy wskaźnik 
porzuceń koszyka o 20%? 
wskaźnik porzuceń - 67% 
wskaźnik porzuceń - 50% 
= 192,35...
INCREASE DESIRE 
(PERSUASION) 
Jak możemy 
zoptymalizować 
proces zakupu? 
REDUCE EFFORT 
(EFFICIENCY) 
Meet Magento PL 20...
Czego chcą 
e-commerce managerowie? 
• Wiedzieć wszystko o swoich klientach 
• Zebrać tak wiele informacji, jak to tylko m...
Czego chcą 
klienci? 
• Kupować szybko 
• Wypełnić tylko niezbędne informacje i tylko raz 
• Rozumieć o co są pytani i dla...
Jaki jest 
Zebrakćo tamk wpierleo inmforimsa?cji jak to 
tylko możliwe, ale bez konieczności 
pytania o nie. 
Meet Magento...
Klienci często czują 
się zakłopotani. 
Meet Magento PL 2014
Dlaczego muszę 
wypełniać nazwę 
firmy? 
Co to jest? 
Jaki jest właściwy 
format adresu? 
Meet Magento PL 2014
Dlaczego pokazuje 
mi błąd zanim 
cokolwiek 
zrobiłem? 
Dlaczego koszt 
dostawy jest 
wliczony, zanim 
wybrałem sposób 
do...
Nie chcę zakładać 
konta. Gdzie jest 
opcja zakupu jako 
gość? 
Meet Magento PL 2014
Nie widzę 
formularza 
poprawnie na 
swoim iPhonie! 
Co znaczą linijki 
adres 1 i adres 2? 
Meet Magento PL 2014
Jak może się to 
skończyć? 
Meet Magento PL 2014
Meet Magento PL 2014
W tej sytuacji… 
Co można zrobić prościej? 
Meet Magento PL 2014
JAK 
ZOPTYMALI-ZOWAĆ 
PROCES 
ZAKUPU? 
Autodetekcja płci 
Autodetekcja 
miasta oparta na 
kodzie pocztowym 
Autodetekcja 
...
LAYOUT 
Meet Magento PL 2014
Simplicity 
is clue Stwórz tak prosty projekt graficzny 
jak to tylko możliwe. 
Meet Magento PL 2014
Jak zoptymalizować 
layout? 
• Stwórz prosty i czytelny projekt graficzny 
• Nie rozpraszaj klienta podczas zakupu 
• Ukry...
One page checkout 
Meet Magento PL 2014
Meet Magento PL 2014
One Page Checkout 
a Multiple steps Checkout 
One Page Checkout 
• Szybszy 
• Interaktywny 
• Uproszczona nawigacja 
Multi...
Formularze Uprość proces 
Meet Magento PL 2014
Zredukuj liczbę pól do 
wypełnienia i kliknięć 
Meet Magento PL 2014
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 ...
Skąd takie różnice? 
Pola występujące 
w każdym sklepie: 
• Adres email 
• Imię 
• Nazwisko 
• Kod pocztowy 
• Miasto 
• N...
Imię i nazwisko to jedno 
pole “Imię i nazwisko” 
Adres może być jednym 
polem 
Ponowne pytanie 
o maila nie jest konieczn...
Porównajmy 
Meet Magento PL 2014
Meet Magento PL 2014
GEOLOKALIZACJA 
Meet Magento PL 2014
Czym jest 
geolokalizacja? 
Meet Magento PL 2014
Autodetekcja kraju 
Meet Magento PL 2014
Użytkownik musi wypełnić: 
• Adres w dwóch linijkach 
• Miasto 
• Region 
• Kod pocztowy 
• Wybrać kraj z długiej listy kr...
podczas, gdy można to 
uprościć dzięki 
geolokalizacji 
Meet Magento PL 2014
i otrzymujemy 
Polska 
Kraj jest predefiniowany 
dzięki geolokalizacji 
Meet Magento PL 2014
AUTODETEKCJA MIASTA 
Meet Magento PL 2014
Czy musimy pytać 
klienta o jego miasto? 
Miasto może być wykryte na podstawie kodu pocztowego. 
Poprzez wdrożenie bazy da...
ZIP 
00-697 
Polska 
CITY 
Warszawa 
Meet Magento PL 2014
AUTOUZUPEŁNIANIE 
NAZW ULIC 
Meet Magento PL 2014
Znając miasto klienta, 
możemy w prosty sposób 
podpowiadać mu nazwy ulic 
podczas wpisywania 
Meet Magento PL 2014
ZIP 
00-697 
CITY 
Warszawa 
STREET 
Aleje 
Jerozolimskie 
Aleje Jerozolimskie, Warszaw, Polska 
Aleja Jana Pawła II,Warsz...
AUTODETEKCJA RODZAJU 
KARTY KREDYTOWEJ 
Meet Magento PL 2014
Po co pytamy klienta 
o rodzaj karty 
kredytowej? 
Numery kart kredytowych mają od 13 do 16 znaków. 
Jeśli numer rozpoczyn...
CARD OWNER 
Chloe Charlotte 
CARD NUMBER 
4200 0000 0000 0000 
Meet Magento PL 2014
AUTODETEKCJA PŁCI 
Meet Magento PL 2014
Znajomość płci użytkownika 
jest ważna - targetowanie 
kampanii. 
Płeć może być wykrywana automatycznie na podstawie imien...
FULL NAME 
Barbara Zabawa 
Meet Magento PL 2014
INTELIGENTNA WALIDACJA 
ADRESU E-MAIL 
Meet Magento PL 2014
Meet Magento PL 2014
EMAIL 
chloe.charlotte29@gmail.gemail.com 
com 
Did you mean: „chloe.charlotte29@gmail.com” ? 
Meet Magento PL 2014
URZĄDZENIA 
MOBILNE 
Meet Magento PL 2014
Meet Magento PL 2014
Zróbmy to 
responsive 
• Używaj koncepcji Responsive Design w Twoim procesie zakupu 
• Upewnij się, że działa on prawidłow...
STAY ON THE 
KEYBOARD 
Meet Magento PL 2014
CVV CODE 
CARD OWNER 
Chloe Charlotte 
CARD NUMBER 
4 
204 1200 3400 5060 
EXPIRATION DATE 
1 
2 2016 23 
__ / ____ 1 
1 2...
TE I WIELE INNYCH 
ELEMENTÓW MOŻE BYĆ 
ZOPTYMALIZOWANYCH 
W PROCESIE ZAKUPU 
W TWOIM SKLEPIE! 
Meet Magento PL 2014
Co otrzymuję 
w zamian? 
• Wyższą sprzedaż 
• Wyższy wskaźnik konwersji 
• Więcej powracających klientów 
• Lepszy UX 
• Z...
Chcesz wiedzieć 
więcej? 
Blog Wiki 
Meet Magento PL 2014 
www.responsive-checkout.com
Nächste SlideShare
Wird geladen in …5
×

Patrycja Andrzejewska: Responsive checkout - Jak zoptymalizować proces zakupu w sklepie internetowym?

668 Aufrufe

Veröffentlicht am

Veröffentlicht in: Präsentationen & Vorträge
  • Als Erste(r) kommentieren

Patrycja Andrzejewska: Responsive checkout - Jak zoptymalizować proces zakupu w sklepie internetowym?

  1. 1. RESPONSIVE CHECKOUT Jak zoptymalizować proces zakupu w sklepie internetowym? Meet Magento PL 2014
  2. 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
  3. 3. WYZWANIA PROCESU ZAKUPU W E-COMMERCE Meet Magento PL 2014
  4. 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. 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
  6. 6. Zapytajmy klientów Dlaczego opuszczają proces zakupu? Meet Magento PL 2014
  7. 7. Zmieniają zdanie? Meet Magento PL 2014
  8. 8. Ulegają rozproszeniu? Meet Magento PL 2014
  9. 9. Zdają sobie sprawę, że nie potrzebują dziesiątej pary butów lub nowego PlayStation? Meet Magento PL 2014
  10. 10. Zatem dlaczego? Meet Magento PL 2014
  11. 11. Opuszczają proces zakupu, ponieważ staje się on ZBYT SKOMPLIKOWANY. Meet Magento PL 2014
  12. 12. Meet Magento PL 2014
  13. 13. Meet Magento PL 2014
  14. 14. Meet Magento PL 2014
  15. 15. Klienci nie mają czasu Meet Magento PL 2014
  16. 16. Jakie jest więc rozwiązanie? Meet Magento PL 2014
  17. 17. MAKE IT SIMPLE Meet Magento PL 2014
  18. 18. Dlaczego warto się tym przejmować? Meet Magento PL 2014
  19. 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. 20. INCREASE DESIRE (PERSUASION) Jak możemy zoptymalizować proces zakupu? REDUCE EFFORT (EFFICIENCY) Meet Magento PL 2014
  21. 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. 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. 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
  24. 24. Klienci często czują się zakłopotani. Meet Magento PL 2014
  25. 25. Dlaczego muszę wypełniać nazwę firmy? Co to jest? Jaki jest właściwy format adresu? Meet Magento PL 2014
  26. 26. Dlaczego pokazuje mi błąd zanim cokolwiek zrobiłem? Dlaczego koszt dostawy jest wliczony, zanim wybrałem sposób dostawy? Meet Magento PL 2014
  27. 27. Nie chcę zakładać konta. Gdzie jest opcja zakupu jako gość? Meet Magento PL 2014
  28. 28. Nie widzę formularza poprawnie na swoim iPhonie! Co znaczą linijki adres 1 i adres 2? Meet Magento PL 2014
  29. 29. Jak może się to skończyć? Meet Magento PL 2014
  30. 30. Meet Magento PL 2014
  31. 31. W tej sytuacji… Co można zrobić prościej? Meet Magento PL 2014
  32. 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
  33. 33. LAYOUT Meet Magento PL 2014
  34. 34. Simplicity is clue Stwórz tak prosty projekt graficzny jak to tylko możliwe. Meet Magento PL 2014
  35. 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
  36. 36. One page checkout Meet Magento PL 2014
  37. 37. Meet Magento PL 2014
  38. 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
  39. 39. Formularze Uprość proces Meet Magento PL 2014
  40. 40. Zredukuj liczbę pól do wypełnienia i kliknięć Meet Magento PL 2014
  41. 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. 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. 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
  44. 44. Porównajmy Meet Magento PL 2014
  45. 45. Meet Magento PL 2014
  46. 46. GEOLOKALIZACJA Meet Magento PL 2014
  47. 47. Czym jest geolokalizacja? Meet Magento PL 2014
  48. 48. Autodetekcja kraju Meet Magento PL 2014
  49. 49. Użytkownik musi wypełnić: • Adres w dwóch linijkach • Miasto • Region • Kod pocztowy • Wybrać kraj z długiej listy krajów Meet Magento PL 2014
  50. 50. podczas, gdy można to uprościć dzięki geolokalizacji Meet Magento PL 2014
  51. 51. i otrzymujemy Polska Kraj jest predefiniowany dzięki geolokalizacji Meet Magento PL 2014
  52. 52. AUTODETEKCJA MIASTA Meet Magento PL 2014
  53. 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
  54. 54. ZIP 00-697 Polska CITY Warszawa Meet Magento PL 2014
  55. 55. AUTOUZUPEŁNIANIE NAZW ULIC Meet Magento PL 2014
  56. 56. Znając miasto klienta, możemy w prosty sposób podpowiadać mu nazwy ulic podczas wpisywania Meet Magento PL 2014
  57. 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
  58. 58. AUTODETEKCJA RODZAJU KARTY KREDYTOWEJ Meet Magento PL 2014
  59. 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. 60. CARD OWNER Chloe Charlotte CARD NUMBER 4200 0000 0000 0000 Meet Magento PL 2014
  61. 61. AUTODETEKCJA PŁCI Meet Magento PL 2014
  62. 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
  63. 63. FULL NAME Barbara Zabawa Meet Magento PL 2014
  64. 64. INTELIGENTNA WALIDACJA ADRESU E-MAIL Meet Magento PL 2014
  65. 65. Meet Magento PL 2014
  66. 66. EMAIL chloe.charlotte29@gmail.gemail.com com Did you mean: „chloe.charlotte29@gmail.com” ? Meet Magento PL 2014
  67. 67. URZĄDZENIA MOBILNE Meet Magento PL 2014
  68. 68. Meet Magento PL 2014
  69. 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
  70. 70. STAY ON THE KEYBOARD Meet Magento PL 2014
  71. 71. 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. Meet Magento PL 2014
  72. 72. TE I WIELE INNYCH ELEMENTÓW MOŻE BYĆ ZOPTYMALIZOWANYCH W PROCESIE ZAKUPU W TWOIM SKLEPIE! Meet Magento PL 2014
  73. 73. Co otrzymuję w zamian? • Wyższą sprzedaż • Wyższy wskaźnik konwersji • Więcej powracających klientów • Lepszy UX • Zminimalizowany wskaźnik porzuceń Meet Magento PL 2014
  74. 74. Chcesz wiedzieć więcej? Blog Wiki Meet Magento PL 2014 www.responsive-checkout.com

×