Sklep internetowy dla fanów hobby horse w oparciu o Sylius

Naszym pierwszym zadaniem był wybór takiego rozwiązania, które z jednej strony pozwoli na łatwą edycję asortymentu, a z drugiej umożliwi znaczący wzrost wydajności serwisu nawet przy dużym obciążeniu (liczba klientów stale się zwiększa). Zdecydowaliśmy, że postawimy na rozwiązanie sprawdzone we wcześniejszych projektach - Syliusa - e-commerce oparty o framework Symfony.

Skupienie uwagi na użytkownikach mobilnych

Przygotowując się do prac zauważyliśmy, jak wielu użytkowników próbuje realizować zamówienia przy pomocy urzadzeń mobilnych. Biorąc pod uwagę niedociągnięcia w dotychczasowej wersji sklepu, zdecydowaliśmy się na podejście mobile-first, które zaowocowało dużo bardziej intuicyjnym interfejsem, który zawsze prezentuje się dobrze - niezależnie od urządzenia, z którego korzysta potencjalny klient.

Zdecydowaliśmy, że rozwiązaniem, które spełni wymagania klienta będzie Sylius - nowoczesne narzędzie e-commerce, które pozwala wyjątkowo precyzyjnie dopasować swoje działanie do procesów zachodzących w biznesie. Mając świadomość rosnącego ruchu oraz potencjalną chęć rozszerzania funkcji sklepu o kolejne moduły byliśmy przekonani, że jest to właściwa decyzja. Nie myliliśmy się.

Wdrożenie systemu afiliacyjnego dla użytkowników sklepu

Jedną z unikalnych funkcji sklepu jest mechanizm afiliacji. Każdy z zarejestrowanych użytkowników systemu może zostać partnerem afiliacyjnym sklepu. Wystarczy, że administrator nada odpowiednie uprawnienia użytkownikowi aby wygenerowany został unikalny kod, na podstawie którego monitorowane są zamówienia.

Parametry każdej współpracy są dowolnie konfigurowalne i a partnerzy programu mogą z poziomu swojego profilu na bieżąco monitorować skuteczność swoich działań.

Personalizacja produktów w sklepie internetowym

Hobby horse to produkt, który może być personalizowany na tysiące sposobów. Personalizacja odbywać się może w zakresie podstawowych wariantów, które wpływają na cenę takich jak rozmiar. Istnieje jednak także szereg modyfikacji, które oferowane są w cenie produktu lub za pewną dopłatą. W sklepie KHT Aria takich personalizacji istnieje kilkadziesiąt i mogą one być stosowane w całych zestawach. 

Dlatego też niezwykle istotna stała się możliwość intuicyjnego wyboru dodatków oraz późniejsze przekazanie wyborów do systemu zarządzania zamówieniami. Dzięki dedykowanej integracji osiągnęliśmy zamierzony efekt, umożliwiając podział produktów w zamówieniach na kilka elementów koszyka nawet pomimo tego, że do koszyka zostały dodane bazowe produkty tego samego typu.

Integracja z Baselinker

Jedną z funkcji dodanych do sklepu była integracja zamówień i produktów z systemem Baselinker, stanowiącym centralny punkt w procesie zarządzania zamówieniami firmy. Dzięki tej integracji, wszystkie zamówienia, które zostały złożone w sklepie, są eksportowane automatycznie. Klient ma możliwość przeglądania wszystkich niezbędnych informacji (metody i statusy płatności, metody dostawy, personalizacje, uwagi) w jednym miejscu. Jest to o tyle istotne, że sprzedaż prowadzona jest na wielu różnych kanałach sprzedażowych, nie tylko w samym sklepie internetowym.

Migracja treści, usprawnienia UX, prace SEO przy migracji

Aktualnie w sklepie znajduje się około 200 produktów podstawowych, z możliwością konfigurowania ich nierzadko w kilkudziesięciu wariantach. Kluczowym stało się więc dla nas możliwie bezproblemowe przeprowadzenie migracji danych tak, aby dotychczasowa praca na rzecz widoczności w Google, nie została zaprzepaszczona.

Dlatego też przed uruchomieniem nowej wersji sklepu internetowego, przeprowadziliśmy dokładną analizę wszystkich aktualnych adresów URL zaindeksowanych w wyszukiwarkach. Wszystkie adresy zostały odpowiednio przekierowane, zgodnie z obowiązującymi adresami w nowym systemie. Po kilkudniowych zawirowaniach w indeksowaniu stron, sklep nie tylko powrócił na swoje poprzednie pozycje ale także już po ok tygodniu zaczął wspinać się na jeszcze wyższe pozycje. 

Pierwszym i kluczowym skutkiem wdrożenia było znaczące przyspieszenie czasu ładowania sklepu. Dzięki zastosowaniu mechanizmów optymalizacji plików graficznych, dostosowaniu ich rozmiarów, zredukowaliśmy kilkukrotnie ilość wczytywanych danych. Dodatkowo, dzięki zastosowaniu dedykowanego rozwiązania, usunęliśmy nadmiar zbędnych skryptów i styli, które są tak powszechne w rozwiązaniach opartych o WordPress/Woocommerce. Dodając do tego mechanizmy minifikacji oraz stosując zapis danych do pamięci podręcznej sprawiliśmy, że wyniki w Pagespeed w zakresie wydajności natychmiast po publikacji serwisu osiągnęły poziom zbliżony do maksymalnego.

Na skutek działań opisanych powyżej a także zwiększeniu nacisku na treści w sklepie oraz semantykę kodu, sklep już 2 tygodnie po migracji (dzień tworzenia tego wpisu) zaczął znacząco zwiększać swoja widoczność w wyszukiwarkach. W efekcie, konwersja wzrosła z poziomu 2,5% do 3,3%. Porównując ruch z najlepszych dni sprzed zmiany systemu oraz po nim, wzrósł on o 54.85%.