1. Użyteczny e-commerce - frontend i backend
w praktyce
Łukasz Plutecki
CEO, Agencja interaktywna NetArch

2. Po co robić kolejny system e-commerce
skoro na rynku mamy… ?

3. 90% użytkowników używa domyślnych ustawień
Windows
Listen to your users but don't believe them
● Ile razy słyszałeś(aś) domyślną melodyjkę w Nokii?
● Ile razy na komputerze znajomych jedyną przeglądarką było IE?
● Ile razy dostałeś(aś) zrzut ekranu w BMP?
● …
Tworząc nowy produkt, nie można oglądać się na konkurencje,
nie można pytać użytkowników o innowacyjność, należy
dopracować domyślną konfiguracje, „chować” niepotrzebne i
zaawansowane opcje.

4. AtomStore – odkrywamy e-commerce na nowo
Funkcjonalności wyróżniające nasz system:
● Personalizacja strony głównej
● Testy A/B
● Newsletter – personalizacja, automatyczne wiadomości
● Inteligentne rekomendacje produktowe
● Program lojalnościowy z elementami grywalizacji
● Grupy klientów - automatyczne tagowanie
● Kupony rabatowe zintegrowane z newsletterem
● Możliwość edycji szablonów w SaaS
● Automatyzacja procesów sprzedażowych

5. Użyteczny e-commerce czyli jaki?
Frontend
● Bezbłędny szablon domyślny
● Zapisywanie zachowań użytkowników – profil zakupowy
● Personalizacja strony głównej, inteligentne rekomendacje
● Optymalizacja SEO
● Social login
Backend
● Automatycznie generowany newsletter, przypomnienia
● Automatyzacja procesów
● Moduł CRM – wszystkie informacje o kliencie z 1 miejsca
● Domyślna konfiguracja SEO
● Produkty niekompletne, business intelligence

6. Frontend – bezbłędny szablon domyślny
Dlaczego bezbłędny szablon domyślny jest ważny?
● Większość frontend-owców tworzy projekt używając domyślnego szablonu
● Programista niekoniecznie zna się na SEO, dostępności, użyteczności
● Błędy z domyślnego szablony są powielane w projektach (brak czasu)
● Klient poznaje zasady działania sklepu na bazie domyślnego szablonu
● Szablon nie może być za ładny, nie może sugerować ostatecznej kreacji
(zastanawiamy się czy nie przygotować szablonu w stylu szkicu)
● Domyślny szablon musi być łatwo konfigurowalny (elastyczny)
● Domyślny szablon – jeśli to możliwe – pełni funkcje prototypu
● W ciągu około 2 godzin jesteśmy w stanie przygotować indywidualne demo,
zaimportować produkty i udostępnić klientowi

7. Frontend – bezbłedny szablon domyślny,
dobre praktyki
Źródło: cxpartners.co.uk

8. Frontend – bezbłedny szablon domyślny,
dobre praktyki
Źródło: cxpartners.co.uk

9. Frontend – bezbłedny szablon domyślny

10. Frontend – personalizacja i rekomendacje
wzrost konwersji nawet o 30%
● Zapamiętywanie zachowań użytkowników od pierwszej wizyty w sklepie
● Możliwość konfiguracji wag z poziomu ustawień PA (różne branże)
● Na stronie głównej – personalizowane Nowości, Promocje
● W łamie – personalizowane promocje
● Na karcie produktu – możliwość wstawienia jednej lub kilku sekcji:
● Klienci którzy kupili dany produkt kupili także
● Klienci którzy oglądali dany produkt oglądali także
● Klienci którzy oglądali dany produkt kupili
● Personalizowane produkty w Newsletterze – Promocje, Nowości

11. Frontend – optymalizacja SEO
● Zarządzanie meta tagami, generowaniem URL-i z panelu
● Domyślna konfiguracja
(WordPress do tej pory? domyślnie wyświetla brzydkie linki)
● Indywidualne meta tagi dla kategorii i produktów
● Przyjazne nazwy zdjęć, indywidualne opisy (Google Images)
● Szablon na DIV-ach, znaczniki H1
● Automatycznie generowana mapa strony dla Google
● Najbardziej przyjazne linki – brak ID, php
● Możliwość zarządzania strategią URL-i z poziomu panelu

12. Backend – zaawansowany moduł Newslettera
oraz automatyczne przypomnienia
Mailing to jedna z najskuteczniejszych form promocji, darmowa – pod
warunkiem, iż treść dostosowana jest do oczekiwań klientów!

13. Backend – automatyzujemy co się da
Sprzedawca nie ma czasu, kompetencji, wiedzy, boi się, dlatego
automatyzujemy:
● Tworzenie i wysyłkę newsletterów
● Wysyłkę kodów rabatowych (powiązanie z newsletterem, generowanie
kodów)
● Przypomnienia
● Porzucone koszyki – przypomnij, wyślij kupon
● Opinie – wystaw opinie o produkcie
● Ponowny zakup – kupiłeś 30 dniowe szkła miesiąc temu, kup ponownie +
kupon rabatowy
● Automatyczne tagowanie klientów do grup zakupowych
● Program lojalnościowy i grupy cenowe, grywalizacja

14. Program lojalnościowy – grywalizacja
● Ludzie kupują przez internet rzeczy niepotrzebne
● Ludzie lubią kupować rzeczy niepotrzebne
● Toyota Prius – czyli jak sprzedać samochód absurdalny
● Program lojalnościowy w AtomStore
● Nagroda za wydanie 10zł – np. 2 pkt
● Nagrody za akcje – rejestrację, zapisanie się do newslettera, napisanie opinii
● Indywidualne punkty za zakupy konkretnych produktów
● Możliwość wymiany punktów na darmową dostawę
● Możliwość wymiany punktów na nagrody (kategoria w katalogu produktów)
● Możliwość powiązania punktów z grupami klientów
● Elementy grywalizacji
● Do statusu klient VIP brakuje Ci 500pkt
● Właśnie zdobyłeś status klienta VIP

15. Testy A/B – gratka dla marketerów
i projektantów
Częsty problem przy redesign-ie
„Panie Łukaszu, ale ja uważam że Państwa propozycje zmian są złe...”
W przypadku e-commerce porównanie z przeszłością jest niedoskonałe:
● Zmiany pogody (sic!)
● Sezonowość sprzedaży
● Zmiany cen, promocji w sklepie oraz u konkurencji
● Zmiana dostępności towarów
● Zmiana intensywności kampanii e-marketingowej sklepu oraz konkurencji,
zmiana stawek CPC

16. Testy A/B – gratka dla marketerów
i projektantów
Postanowiliśmy stworzyć moduł Testów A/B
● Losujemy szablon tylko wśród nowych użytkowników
● W tym samym czasie testujemy starą wersję i nową propozycje

17. Follow me :) ● Blog osobisty: http://www.plutecki.net
● Blog firmowy: http://www.netarch.com.pl/
● Więcej na temat AtomStore: http://www.AtomStore.pl