Nawet ¾ Polaków deklaruje używanie smartfona do przeglądania oferty sklepów internetowych. Osławiony rok mobile nadszedł m.in. w Allegro w 2018 r. obroty z mobile w porównaniu do zeszłego roku, wzrosły o 71,6% ! Dlaczego mimo to, konwersja z kanału mobile stanowi zaledwie ułamek w przychodach wielu sklepów internetowych? Podczas prezentacji chcę pokazać zasady oraz dobre praktyki, które wdrożyli m.in. Preorder czy Cocolita.pl i dziś osiągają 65% ruchu oraz średnio 50% sprzedaży z kanału mobile. Przedstawię 10 rzeczy, które warto wdrożyć, aby w pełni przejść z e-commerce w m-commerce. Na podstawie ponad 200 naszych wdrożeń sklepów internetowych, pokażę, co zmienić, aby klienci zaczęli kupować w sklepie za pośrednictwem smartfona. Mówić będę m.in. o RWD/PWA, projektowania pod dotyk, nie klik, łatwych dla mobilnych userów wyborach dostaw np. click&collect, możliwościom i wdrożeniu Google/Apple Pay w e-commerce czy elementach banerowych dostosowanym pod mobile. Prezentacja praktyczna.
7. www.atomstore.pl
Główne bariery w m-zakupach
67%
niedostosowanie
strony do urządzenia!
59%
niewygodne formularze!
Żródło: Gemiun i E-izba 2018
39%
za duża liczba czynności, którą
trzeba było wykonać podczas
zakupu
8. www.atomstore.pl
Według nas sprzedaje!
ruch z mobile - 65%
udział w sprzedaży - 55%
ruch z mobile - 69%
udział w sprzedaży -
43,5%
ruch z mobile - 64%
udział w sprzedaży - 45%
11. www.atomstore.pl
E → M-commerce
MOBILE FIRST UX
1. Szablon dostosowany do mobile
2. Optymalizacja szybkości
3. Wygodna nawigacja, przytwierdzone menu
4. Widoki kategorii, filtrowanie dostosowane do
mobile
KOSZYK DLA M-COMMERCE
1. Duże CTA
2. Wybór form dostawy dostosowany do mobile
3. Płatności mobilne
12. www.atomstore.pl
Szybkość m-strony < 2s
1. Sposób realizacji
a. optymalizacja kodu
b. lazy loading zdjęć (por. Apple, Medium)
c. asynchroniczne ładowanie treści
(rekomendacje, filtry, statystyki)
a. kompresja obrazków
1. Wyzwanie
a. wizerunek vs optymalizacja
b. wytyczne Google
2. W najbliższym czasie
a. obsługa formatów webp (autokonwersja)
b. czas < 1s
15. www.atomstore.pl
1. Menu i wybór kategorii
2. Przytwierdzona belka górna
3. Wyszukiwarka z wizualnymi podpowiedziami
4. Wybór podkategorii / przechodzenie pomiędzy kategoriami
5. Nieinwazyjne filtrowanie produktów
M-nawigacja w m-sklepie
26. www.atomstore.pl
Dziękuję za uwagę i zapraszam do konaktu
Łukasz Plutecki
CEO AtomStore
lukasz.plutecki@atomstore.pl
AtomStore - sklepy, które sprzedają (też) na mobile
Łukasz Plutecki >> CEO AtomStore | lukasz.plutecki@atomstore.pl
#dziekuje #pytania? #m-commerce