Wdrożenie platformy Magento 2 Commerce dla sklepu Shop4Runners

O marce

Explosion to niemiecka marka specjalizująca się w dystrybucji butów do biegania, odzieży do biegania i akcesoriów do biegania. Marka jest właścicielem sklepów: Shop4runners, Sportwerk. 

Upgrade platformy e-commerce

Marka Explosion zgłosiła się do naszej firmy, szukając doświadczonego partnera, który przeprowadzi migrację systemu e-commerce z Magento 1 do Magento 2 Commerce. W ramach naszej współpracy przygotowaliśmy również nowy design sklepu w czterech wersjach językowych: niemieckiej, austriackiej, angielskiej i szwajcarskiej. 

Wdrożone rozwiązania

Migracja systemu e-commerce do Magento 2 

Dzięki temu system e-commerce jest bardziej wydajny, bezpieczny, a nasz klient zyskał m.in. lepsze narzędzia do tworzenia contentu sprzedażowego — Page Builder, za pomocą którego może w łatwy sposób generować landing page prezentujące konkretną markę i następnie wykorzystywać je w konkretnych akcjach marketingowych. 

Nowy design UX sklepu 

Zaprojektowaliśmy nowy design sklepu zgodny z najlepszymi praktykami user experience i dopasowany do brandingu marki sportowej. W ramach projektu przygotowaliśmy m.in. dwie wersje strony głównej - tę przed wyborem płci (shop4runners.com) oraz stronę dopasowaną do kobiet, mężczyzn lub dzieci (np. shop4runners.com/damen). Powracający do sklepu użytkownik będzie widział odpowiednią wersję wraz z dopasowanymi do płci produktami aż do momentu wyczyszczenia danych przeglądarki. Projektując nowy wygląd sklepu, opieraliśmy się na podejściu mobile first design, dzięki czemu uzyskaliśmy dopracowaną wersję mobilną, z której korzysta większa liczba użytkowników. 

Szablon na Hyvä Themes

Warstwa frontendowa sklepu powstała na bazie Hyvä Themes. To najnowszy sposób na tworzenie motywów dla Magento 2, który zapewnia dużą wydajności, znacząco przyspiesza wdrożenie sklepu, co pozwala na szybsze wystartowanie z ofertą na rynku. Wykorzystanie szablonu Hyvä to również sposób na optymalizację szybkości ładowania się serwisu, co przekłada się też na zwiększenie konwersji w sklepie. 

Szybki checkout na Vue.js

Wdrożyliśmy customowy checkout oparty o nowoczesny framework Vue.js, który usprawnia dokonywanie zakupów przez użytkowników na wszystkich urządzeniach i przeglądarkach. 

One-step checkout

Zastosowaliśmy w sklepie one-step checkout, dzięki czemu użytkownik nie musi przechodzić przez wiele kroków procesu zakupowego. Wszystkie najważniejsze dane do uzupełnienia są widoczne w jednym miejscu, co przyspiesza finalizację zakupów. 

Elasticsearch

Integracja z Elastcsearch — wyszukiwarka poprawiająca doświadczenia klientów i konwersję dzięki skalowalnej, elastycznej i szybkiej technologii. 

Lepsze doświadczenie zakupowe

Nasz klient skupia się na personalizacji zakupów i budowaniu unikalnego doświadczenia zakupowego. Dlatego też w nowej wersji sklepu internetowego wdrożyliśmy wiele rozwiązań pomagających użytkownikom w wyborze odpowiedniego produktu

Tabela Rozmiarów

Aby usprawnić dobór odpowiedniego rozmiaru, przygotowaliśmy specjalny moduł „Tabele rozmiarów”, który jest dostępny na karcie produktu. W module widoczne są dokładne rozmiary produktów oraz praktyczny poradnik na temat tego, jak się użytkownik może się poprawnie zmierzyć, żeby dobrać odpowiedni produkt.

Porównywarka produktów‍

Porównywarka, która umożliwia porównanie kilku produktów pod kątem konkretnych atrybutów. Użytkownik może dodać produkty do porównywarki z poziomu listingu lub karty produktu. Wyniki porównania są prezentowane w postaci tabeli, która zbiera najważniejsze informacje na temat wybranych do porównania produktów. Dodatkowo, jako forma customizacji, pod każdym produktem umieszczony jest button "Similar products" - po jego kliknięciu użytkownik jest przekierowany na listing produktów z już zaznaczonymi opcjami w filtrach - aby zaproponować mu dobrze dopasowane produkty.

OneFID ‍

Wtyczka OneFID to narzędzie do rekomendowania i dopasowania najlepszego rozmiaru produktów — proponuje podpowiedzi albo za pomocą aplikacji mobilnej i dokonania skanu obuwia (dostępne gdy użytkownik jest zalogowany), albo użytkownik musi wypełnić kilka kroków — rekomendacje na temat danych zebranych w systemie.

Personalizacja i lojalizacja‍

Aby budować zaangażowanie i lojalność użytkowników wobec marki, wprowadziliśmy program lojalnościowy. W ramach programu użytkownik może założyć konto premium, gdzie zbiera punkty, a następnie może je wymienić na kupon rabatowy. Konsument, który założy takie konto, zbiera punkty za zakupy, otrzymuje też bonusowe punkty - na przykład z okazji urodzin lub osiągnięcia konkretnej puli zakupów.
Takim użytkownikom możemy jeszcze lepiej dopasowywać ofertę, a takie personalizować komunikację mailową - dzięki zebranym danym na temat  m.in. ulubionego modelu butów, marki, typu stopy biegacza, podłoża i innych.

Wiele metod płatności i dostawy

Wychodząc naprzeciw potrzebom konsumentów, uruchomiliśmy sklep internetowy, który umożliwia szybkie zakupy online z wieloma opcjami płatności i dostawy. Buttony do płatności PayPal Express i Amazon Pay są widoczne na karcie produktu — gdy użytkownik w nie kliknie, od razu zostanie przeniesiony do płatności. Przyciski są również dostępne w koszyku — dla klientów sklepu to wygodna opcja, przyspieszająca proces zakupowy. 

Backorders

W sklepie korzystamy z funkcjonalności backorders. Na karcie produktu komunikujemy dostępność produktu, jeżeli aktualnie produktu nie ma na stanie to widnieje informacja np. “Lieferbar in ca. 3-4 Werktagen”
Produkt można kupić, ale wysyłka nastąpi za klika dni, jest to jasna informacja dla klientów jeżeli zależy im na otrzymaniu przesyłki na czas. 

Returns

W sklepie dostępny jest Returnportal. W momencie, gdy klient chciałby dokonać zwrotu lub reklamacji produktu może to zrobić bez konieczności wypełnienia formularza zwrotu/reklamacji. Jeżeli jest to Klient z Niemiec to w portalu będzie miał możliwość pobrania od razu etykiety DHL do zwrotu. Do wiadomości e-mail dodajemy też linki do pobrania formularza zwrotu i etykiety. Na formularzu zwrotu generujemy kod kreskowy na podstawie numeru faktury z ERP, dzięki któremu magazyn łatwo może odszukać zwrot w systemie.

Dzięki temu ułatwiamy klientowi (niezależnie, czy jest to użytkownik zarejestrowany czy gość) cały proces.