Headless Commerce, a więc must have w branży eCommerce. Korzyści z zastosowania technologii headless commerce. Dla kogo jest Headless Commerce. Jakie są koszty związane z budową i wdrożeniem eCommerce.
1. “Go headless or go home”
dlaczego Headless Commerce
to must have w eCommerce
Konferencja E-COMMERCE LIVE
30.05.2022
2. 01 BLUE OWL
Headless Commerce Agency
Stworzyliśmy Blue Owl Headless Commerce Agency,
ponieważ wierzymy, że dzięki połączeniu naszej szerokiej
wiedzy biznesowej i marketingowej z wysokimi
kompetencjami technologicznymi, jesteśmy w stanie pomóc
wielu wspaniałym ludziom i firmom, w osiągnięciu ich celów
biznesowych w świecie handlu elektronicznego oraz poza
nim.
Od 2015 roku zrealizowaliśmy dziesiątki projektów e-
commerce dla firm, przedsiębiorców i menedżerów w Polsce i
na świecie. Jakość świadczonych przez Blue Owl usług
potwierdza grono zadowolonych klientów.
zobacz nasze portfolio
3. 02 Tradycyjny (monolityczny)
eCommerce
➔ Warstwa front-endowa serwisu eCommerce jest ściśle połączona
z back-endem - co oznacza, że jest mało miejsca na łatwe dostosowywanie front-
endu bez ingerencji w back-end;
➔ System jest monolityczny - wszystkie elementy, a więc warstwa front-end, back-
end oraz baza danych spięte są w jednym systemie;
➔ Proces zakupowy odbywa się w każdym obszarze platformy - Oznacza to, że
CMS, koszyk, kasa, funkcja subskrypcji i układ/projekt witryny są współzależne.
Zmiany w jednej części sklepu wymagają zmian w innym miejscu — co może
spowodować, że aktualizacje będą powolne i bolesne.
4. 03 Headless
Commerce
➔ Warstwy front-end i back-end witryny eCommerce są od siebie oddzielone - co
zapewnia warstwie graficznej przestrzeń dla nieskończonych możliwości
projektowania;
➔ Brak monolitu, całość oparta o architekturę API - API przenosi większość
obciążenia, ułatwiając organizacjom zarządzanie zmianami i ulepszeniami interfejsu
użytkownika witryny eCommerce;
➔ Silnik odpowiedzialny za operacje, front-end za wyświetlanie - platforma sklepu
odpowiada za wszystkie operacje związane z zarządzaniem produktem,
zamówieniami, treścią, ale nie odpowiada za wyświetlanie tej zawartości.
Niezależny kod odpytuje za pomocą API platformę sklepową po wszystkie
niezbędne dane.
8. 07 Performance & CRO
➔ Headless Commerce zwiększa wydajność serwisu internetowego - w takim
podejściu wykorzystuje się CDN (Content Delivery Network), który dostarcza treści
do klienta z najbliższego serwera, co skraca czas ładowania. Co więcej, warstwa
front-endowa technolohgii Headless Commerce posiada wbudowane funkcje
pozwalające na automatyzację takich elementów, jak optymalizacja obrazów, lazy
loading, code splitting, które zwiększają wydajność sklepu internetowego;
➔ Prędkość decyduje, czy Twój klient zostanie w witrynie - zgodnie z badaniami
przeprowadzonymi przez portal skilled.co, 47% klientów oczekuje, iż sklep
internetowy załaduje się w mniej niż 2 sekundy. Z tego samego badania wynika, iż
40% użytkowników deklaruje opuszczenie strony internetowej jeśli czas ładowania
przekracza 3 sekundy;
9. 08 Performance & CRO
➔ Wydajność wpływa na konwersję - patrząc na dane z badania mPulse Mobile
można dostrzec bezpośrednią relację pomiędzy współczynnikiem konwersji sklepu
internetowego, a prędkością ładowania serwisu eCommerce:
◆ Strony, które ładowały się w 2,4 sekundy, miały współczynnik konwersji
na poziomie 1,9%
◆ Po 3,3 sekundy współczynnik konwersji wyniósł 1,5%
◆ W 4,2 sekundy współczynnik konwersji był mniejszy niż 1%
◆ Przy ponad 5,7 sekundy współczynnik konwersji wyniósł 0,6%
To przekłada się bezpośrednio na sprzedaż oraz zyski przedsiębiorstwa. Jeśli
współczynnik konwersji spada kilkukrotnie warto zastanowić się nad zastosowaniem
Headless Commerce.
10. 09 Performance & SEO / SEM
➔ Wydajność sklepu zasadniczo nie wpływa na SEO - pozycja serwisu eCommerce
w wyszukiwarce zasadniczo nie jest zależna od wydajności samego serwisu. Warto
jednak pamiętać, iż prędkość ładowania bezpośrednio wpływa na UX serwisu, co
zgodnie z deklaracją Google w zakresie CWV ma przełożenie na pozycję sklepu
internetowego w wyszukiwarce;
➔ Wydajność sklepu ma istotny wpływ na koszty reklamy PPC w Google - jeśli w
przypadku SEO wydajność nie miała bezpośredniego wpływu, to w przypadku PPC
taki wpływ ma. Tutaj korelacja jest bezpośrednia. Wraz ze wzrostem wydajności
witryny spada jednostkowy koszt reklamy PPC.
12. 11 Personalizacja interfejsu
➔ Rozłączność warstwy front-end od warstwy back-end to kilka korzyści:
◆ Praktycznie nieograniczone możliwości personalizacji interfejsu -
dzięki temu, że warstwa front-end jest niezależna i komunikuje się po
API z back-endem, UI możemy kształtować całkowicie niezależnie. Tutaj
sky is the limit;
◆ Koszty zmiany są niewielkie - dzięki temu, że warstwy są niezależne,
zmiany po stronie front-endu nie wpływają na back-end. W tej sytuacji
do zmian interfejsu niezbędne jest zaangażowanie mniejszej ilości
programistów;
◆ Testowanie staje się prostsze - dzięki niezależności warstw możemy
postawić różną warstwę interfejsu dla tej samej warstwy back-endu.
Dzięki temu testy A/B stają się jeszcze prostsze i tańsze.
14. 13 Skalowalność
➔ Headless Storefront jest niezależny od platformy eCommerce - oznacza to, że
przygotowany front-end można przepiąć na inną platformę eCommerce / CMS w
dowolnym momencie bez ponoszenia wysokich kosztów migracji;
➔ Integracje z wieloma elementami na wielu płaszczyznach - dzięki zastosowaniu
API jako łącznika możliwe jest przygotowanie integracji na wielu płaszczyznach.
Dzięki temu można budować kombinacje z wykorzystaniem silnika eCommerce,
warstwy front-end (storefront) oraz CMS.
15. 14 Bezpieczeństwo
➔ Mniejsza podatność na ataki DDoS - dzięki temu, że warstwa front-end jest
niezależna i komunikuje się po API z back-endem, serwis jest w mniejszym stopniu
narażony na ataki;
➔ Mniej aktualizacji i kontroli - Nie ma potrzeby aktualizowania kodu za każdym
razem, gdy pojawia się nowa wersja Headless CMS (pod warunkiem, że API jest
wstecznie kompatybilne), więc nie ma sytuacji, w której drobna zmiana w jednym
komponencie może wpłynąć na bezpieczeństwo i wydajność całego systemu;
➔ Ciągłość funkcjonowania serwisu - dzięki oddzielonemu systemowi CMS
wszystkie tymczasowe problemy można zwykle rozwiązać w tle bez konieczności
czasowego wyłączenia serwisu z działania.
17. 16 Headless Commerce jest
dla Ciebie jeżeli:
➔ Twój sklep już działa i generuje sensowne obroty - wdrożenie Headless
Commerce nie ma większego sensu na początku drogi z eCommerce. Jednak w
sytuacji, w której Twój sklep już działa i generuje obroty na poziomie +100 tys. zł
miesięcznie warto rozważyć wdrożenie Headless Commerce;
➔ Chcesz zmienić obecną platformę na bardziej elastyczne i skalowalne
rozwiązanie - obecna platforma eCommerce wyraźnie Cię ogranicza, nie dając
miejsca na elastyczność? To dobry moment na zastanowienie się nad inwestycją w
Headless Commerce;
➔ Priorytetem jest dla Ciebie optymalizacja konwersji - jeśli CRO jest dla Ciebie
istotnym priorytetem i jesteś nastawiony na ciąły rozwój i inwestycję w
optymalizację, to Headless Commerce będzie dobrym wyborem.
19. 18 Szacunkowe koszty
Projektowanie [100 - 200]
➔ Discovery
➔ Architektura informacji
➔ UX / UI Design
Wdrożenie [250 - 500]
➔ Front-end development
➔ Back-end development
➔ Integracja i optymalizacja
Rozwój i utrzymanie [50 - 80] + $2000
➔ CRO
➔ Ciągłe doskonalenie
➔ Licencje
Zakres i technologia
Koszt wdrożenia oraz utrzymania Headless Commerce
zależy głównie od zakresu projektu oraz technologii.
Poniżej przedstawiona została estymata roboczogodzin
dla wdrożenia i utrzymania Shopify Plus.
20. Krzysztof Stola
CEO & Co-founder
k.stola@blueowl.pl
+48 690 900 344
Linkedin
Blue Owl Sp. z o.o.
Śniadeckich 15/2
60-773 Poznań
www.blueowl.pl
porozmawiaj z nami