15 najlepszych przykładów handlu bez głowy w 2022 r.

Opublikowany: 2022-01-03

Spis treści

Jako ktoś, kto interesuje się światem eCommerce, możesz być zbyt zaznajomiony z terminem „Headless Commerce”. W końcu wygląda na to, że w dzisiejszych czasach wszyscy tracą głowy; i nie jest to zaskakujące, biorąc pod uwagę, że wyniki najlepszych marek są zdecydowanie pozytywne.

W celach demonstracyjnych dzisiaj wymienimy niektóre z bardziej znanych przykładów handlu bez głowy i w jaki sposób to nowe podejście pomogło ich markom.

ReactJS i Headless Commerce

W połączeniu z ReactJS , witryny Headless Commerce są w stanie zapewnić płynne i usprawnione środowisko podobne do aplikacji, które nie zakłóca podróży użytkownika w postaci progresywnych aplikacji internetowych (PWA) i/lub aplikacji jednostronicowych (SPA).

Z tych powodów ReactJS i Headless często idą w parze w świecie eCommerce, oferując kupującym responsywne i mobilne doświadczenie, które jest kluczowe dla sukcesu sklepu eCommerce.

Przykłady witryn Headless Commerce opartych na ReactJS

Uwaga : wiele stron internetowych, które wymienimy poniżej, jest częściowo lub całkowicie bezgłowych, co oznacza, że ​​wyżej wymienione korzyści z handlu bez głowy można zobaczyć tylko na niektórych urządzeniach (np. telefonach komórkowych). Szczegóły dotyczące tego, jakie urządzenie obsługuje każda strona internetowa, można znaleźć w opisie obrazu.

1. Nike

Reaguj SPA | Node.js BFF | Headless dostępny tylko na urządzeniach mobilnych

Wszyscy słyszeli o Nike – światowej sławie sprzedawcy obuwia, ale nie wszyscy wiedzą, że Nike też straciło głowę. Korporacja potrzebowała podejścia zorientowanego na mobilność , które najlepiej pasuje do ich ogólnej strategii zwiększania sprzedaży na klientach mobilnych. React SPA w połączeniu z backendem Node.js dla frontendu (BFF) wydawał się wtedy ich logicznym kolejnym krokiem; i na pewno nie zawiodło. Stopniowo Nike zaczął zdobywać większy udział w rynku od swojego rywala z Adidasa, dzięki czemu kampania Headless odniosła większy sukces, niż początkowo sądzono.

2. Wenus

Witryna sklepu Venus
Reaguj PWA | Node.js BFF | Headless dostępny tylko na urządzeniach mobilnych

Venus Headless, teraz to brzmi znajomo. Tak, poza tym, że jest słynną statuą ze starożytnej Grecji, Venus Fashion jest również wiodącym sprzedawcą detalicznym znanym z dostarczania odzieży damskiej.

Początkowo witryna cierpiała na powolny czas ładowania, a 15,25% stron witryny ładowało się poniżej sekundy. Jednak sytuacja uległa zmianie, gdy firma Venus przyjęła podejście Headless Commerce i przekształciła swoją witrynę sklepową w React Progressive Web App, a swoją infrastrukturę w BFF (Backend for Frontend). Te radykalne, obarczone wysokim ryzykiem, wysokie zwroty z Venus przyniosły radykalnie pozytywne rezultaty, takie jak wspomniany powyżej odsetek stron ładujących się poniżej sekundy podskoczył z 15,25% do 72,75% , co stanowi ogromny wzrost o ponad 50%. Dzięki tym zmianom w czasie ładowania Venus była w stanie odnotować 24% wzrost współczynnika konwersji, co sprawia, że ​​podejście Headless jest tego warte.

3. Poczuj się wyjątkowo

Poczuj wyjątkową witrynę sklepową
Reaguj PWA | Node.js BFF | Headless dostępny tylko na urządzeniach mobilnych

Dzięki milionom odwiedzających każdego miesiąca firma Feel Unique — wiodący europejski sprzedawca produktów kosmetycznych — zrozumiała, że ​​musi urozmaicić obsługę klienta, aby zwiększyć przychody — zwłaszcza w przypadku marki tej wielkości. Dzięki React Progressive Web App, doświadczenie zakupowe w Feel Unique zostało znacznie ulepszone dzięki szybszemu i sprawniejszemu przyspieszeniu ważnych etapów podróży zakupowej (np. wyszukiwanie produktów, przeglądanie, kupowanie).

4. Redbox

witryna sklepu redbox
Reaguj SPA | Headless dostępny zarówno na komputerach stacjonarnych, jak i urządzeniach mobilnych

Ze wszystkich przykładów nie mogliśmy znaleźć takiego, którego potrzeby bardziej pasują do podejścia Headless Commerce niż rexbox. Podobnie jak inni sprzedawcy, którzy specjalizują się w treściach wizualnych, redbox stanął przed wyzwaniem, aby potrzebować strony głównej, która urzeka i angażuje użytkowników w celu generowania konwersji, dlatego aplikacja jednostronicowa wydawała się dla nich idealnym wyborem. I rzeczywiście tak było. Po ponownym uruchomieniu ich witryny sklepowej w aplikacji jednostronicowej, rebox był w stanie dostarczać bardziej urzekające i responsywne treści przy zachowaniu tej samej, jeśli nie wyższej wydajności.

5. Nadmiar

Sklep internetowy z nadmiarem
Reaguj SPA | Headless dostępny tylko na urządzeniach mobilnych

Opisany w wykładzie w 2017 r. „Nowy pasek do doświadczeń internetowych”, Overstock jest wzorowym sprzedawcą w podejściu Headless Commerce. Dzięki przebudowie stron poświęconych badaniom produktów i przeglądaniu produktów w interaktywne strony SPA, Overstock odnotował 36% wzrost przychodów i kolejny 8% wzrost konwersji. I na tym się nie skończyło. Marka rosła w siłę i ostatecznie stała się wiodącym, miliardowym sprzedawcą internetowym w branży merchandisingu, który niedawno znalazł się na liście 100 najbardziej godnych zaufania firm na świecie.

6. Cel

Docelowa witryna sklepowa
Reaguj SPA | Headless dostępny zarówno na komputerach stacjonarnych, jak i urządzeniach mobilnych

Mimo że Target jest tak popularny, wciąż borykają się z silną konkurencją ze strony Amazon i Walmartu, których klienci równie łatwo przechodzą z jednej marki na drugą. Dzięki analizie marka zdała sobie sprawę, że zdecydowana większość jej klientów (80%) rozpoczyna podróż zakupową od jednego urządzenia i prawdopodobnie kończy na innym. Widząc tę ​​lukę między urządzeniami, która może być szansą na rozwój, marka szukała rozwiązań, które najlepiej rozwiążą ten problem i oczywiście odpowiedzią było podejście Headless Commerce do ujednolicenia doświadczeń klientów na różnych urządzeniach.

7. Annie Selke

Witryna sklepu Annie Selke
Reaguj PWA | AMP | Node.js BFF | Headless dostępny tylko na urządzeniach mobilnych

Dom dla ponad 170 tys. odwiedzających miesięcznie, dostawca wysokiej jakości dekoracji wnętrz – Annie Selke zwróciła się do podejścia Headless Commerce, aby uzyskać szybsze i bardziej angażujące doświadczenie, które ich zdaniem jest kluczem do każdego biznesu eCommerce. Dzięki połączeniu technologii PWA i AMP oraz renderowania po stronie serwera, Annie Selke odniosła wielki sukces w poprawie wydajności witryny, ponieważ skróciła się ona do średniego czasu ładowania pierwszej strony wynoszącego zaledwie 0,74 s we wszystkich źródłach ruchu. Dzięki poprawie czasu ładowania marka odnotowała gwałtowny napływ klientów z ruchu organicznego ze wzrostem aż 40,41%.

Dzięki tym wynikom okazało się, że to, co marka początkowo uważała za prawdziwe, w końcu szybsze i bardziej angażujące doświadczenie osiągnięte dzięki podejściu Headless rzeczywiście przyniosło im sukces.

8. Pod zbroją

Witryna internetowa Under Armour w Wielkiej Brytanii
Reaguj PWA | Brak najlepszych przyjaciółek | Headless dostępny tylko na urządzeniach mobilnych

Będąc jedną z pierwszych marek, które mają progresywną aplikację internetową od Mobify, Under Armour miał ogólne pojęcie o swoim celu, ale niewiele do zrobienia, ponieważ podejście Headless, w szczególności podejście Progressive Web App do Headless Commerce, było stosunkowo nowe wtedy. Jednak dzięki zaangażowaniu i dynamicznemu nastawieniu stopniowo dostosowali swoją witrynę do działającego, dochodowego i przykładowego wiodącego sprzedawcy odzieży sportowej z Wielkiej Brytanii.

Cała podróż konsumenta od momentu wejścia jest obiektywnie lepsza, szybsza i mogą przejść przez nią znacznie szybciej i płynniej. Przechodzenie ze stron produktów do kategorii jest prawie bezbolesne. Mamy dwucyfrowy wzrost przychodów, 3-krotną stopę zwrotu, 65% mniej przed odrzuceniem.

Patrick Grissinger, starszy menedżer produktu, Under Armour (źródło: Mobify)

9. Kirklanda

Witryna internetowa Kirklanda
Reaguj PWA | Node.js BFF | Headless dostępny tylko na urządzeniach mobilnych

Niewiele jest Amerykanów, którzy nie znają marki Kirkland, ponieważ marka jest rozpowszechniona w ich amerykańskich domach z imponującą liczbą ponad 431 sklepów w 37 stanach. Podobnie jak w przypadku większości dużych marek, głównym zmartwieniem Kirklanda była szybkość.

Dzięki nowemu podejściu Headless do eCommerce, marka uzyskała to, czego chciała, a nawet więcej. Kirkland's jest obecnie jedną z najszybszych witryn detalicznych i zawiera inne unikalne, wiodące i eksperymentalne funkcje świata eCommerce, takie jak kasa odcisków palców, logowanie jednym kliknięciem itp.

10. Czyste formuły

Witryna internetowa Pure Formulas
Reaguj PWA | Brak najlepszych przyjaciółek | Headless dostępny tylko na urządzeniach mobilnych

Początkowo w obliczu wysokich wskaźników porzucania koszyków i niskich współczynników konwersji, Pure Formulas — jeden z najszybciej rozwijających się sprzedawców eCommerce w Stanach Zjednoczonych — był zmotywowany, aby stać się pierwszym w swojej branży zdrowia i suplementów online, aby wprowadzić handel bezgłowy i wdrożyć PWA w swojej firmie .

11. Lancome

Witryna internetowa Lancome
Reaguj PWA | AMP | Brak najlepszych przyjaciółek | Headless dostępny tylko na urządzeniach mobilnych

Jako jedna z najcenniejszych marek na świecie w 2019 r., Lancome — francuski dom luksusowych perfum i kosmetyków — również dostrzegł potencjał w handlu bez głowy i połączył się z innymi dużymi markami, aby poprawić wrażenia użytkownika dzięki progresywnym aplikacjom internetowym. Od czasu przyjęcia podejścia Headless firma Lancome odnotowała wzrost konwersji o 17%, co nie jest zbyt duże, ale nadal należy wziąć pod uwagę w przypadku tak dużej marki.

12. Linia rejsów karnawałowych

Witryna sklepu Carnival Cruise Line
Reaguj PWA | Brak najlepszych przyjaciółek | Headless dostępny tylko na urządzeniach mobilnych

Dla firmy, która polega na spójności i dostępności na różnych urządzeniach, Carnival Cruise Line — jedna z największych na świecie agencji turystycznych, uznała, że ​​podejście bez głowy jest naturalnie lepszym wyborem do zarządzania rezerwacjami. Przechodząc bez głowy przez PWA, firma była w stanie nie tylko poprawić przepływ rezerwacji, ale także zwiększyć zaangażowanie użytkowników dzięki powiadomieniom push.

13. Zjednoczone linie lotnicze

Witryna internetowa United Airlines
Reaguj PWA | Brak BFF } Headless dostępny zarówno na komputerach stacjonarnych, jak i urządzeniach mobilnych

Dla branży, która opiera się na doświadczeniu rezerwacji, United Airlines wybrało React Progressive Web App, aby uzyskać jak najlepsze wrażenia z aplikacji. Dzięki takiemu podejściu United Airlines były w stanie zobaczyć ogromną poprawę przepływu użytkowników, dzięki czemu jest to natychmiastowe doświadczenie od lądowania po rezerwację.

14. Debenhams

Witryna internetowa Debenhams
Reaguj PWA | Brak najlepszych przyjaciółek | Headless dostępny tylko na urządzeniach mobilnych

Również z Wielkiej Brytanii pochodzi Debenhams, brytyjski międzynarodowy detalista. Debenhams należy do jednego z pierwszych sprzedawców detalicznych w Wielkiej Brytanii, który wybrał React PWA jako wybrane rozwiązanie początkowe. Przyczyna tej nagłej zmiany w ich infrastrukturze nie jest, jak się oczekuje, spontaniczna, ale wynika z toczącej się walki ze współczynnikiem odrzuceń klientów. Dzięki dogłębnej analizie firma Debenhams zdała sobie sprawę, że ich klienci, w szczególności klienci mobilni, często rezygnują z zakupów w różnych momentach podróży, co szkodzi ich firmie.

Dzięki progresywnej aplikacji internetowej Debenhams odnotował 40% wzrost przychodów z urządzeń mobilnych i kolejne 20% wzrost liczby konwersji, co z kolei spowodowało, że ich wzrost online był powyżej poziomu rynkowego.

15. Lilly Pulitzer

Witryna sklepu Lilly Pulitzer
Reaguj PWA | Brak najlepszych przyjaciółek | Headless dostępny tylko na urządzeniach mobilnych

Podczas gdy Lilly Pulitzer – marka detaliczna odzieży – nie jest znana ze swojej wielkości, jej sukces z Headless Commerce nie jest czymś, co należy ignorować. Ponieważ główny ruch w witrynie sprzedawcy pochodzi głównie z urządzeń mobilnych, marka postanowiła zoptymalizować swoją witrynę w celu ujednolicenia doświadczeń użytkowników komputerów stacjonarnych i urządzeń mobilnych poprzez ponowne uruchomienie ich na PWA. Wyniki były, podobnie jak wiele innych przykładów tutaj, wybitne. W porównaniu do roku poprzedniego ruch mobilny marki wzrósł o 80%, a przychody mobilne o 33%.

 Zalecana literatura : Handel mobilny 2022: Twój przewodnik po wszystkich rzeczach m-Commerce

Zawijanie słów

Nie ma wątpliwości, że sieć staje się coraz bardziej responsywna, aby sprostać potrzebom mobilnych klientów. Jak widać na powyższych przykładach, Headless Commerce w połączeniu z ReactJS jest w stanie zapewnić wrażenia podobne do aplikacji, które działają bezbłędnie zarówno na komputerach stacjonarnych, jak i urządzeniach mobilnych. Wraz z ciągłym sukcesem przyjęcia podejścia bezgłowego, należy się spodziewać, że kupowanie takich doświadczeń będzie przyszłą normą.
Jeśli chcesz nadążyć za najlepszymi i opłacalnymi praktykami w świecie eCommerce i włączyć je do swojego sklepu Magento , SimiCart ma odpowiedni zespół ekspertów, który Ci w tym pomoże.

W SimiCart specjalizujemy się w tworzeniu płynnych , progresywnych aplikacji internetowych opartych na technologii ReactJS , które zapewniają wysoki poziom zadowolenia klientów.

Rozwijaj swoje bezgłowe Magento PWA