Wydajny i sprawy sklep internetowy oparty na Magento 2

Secret Lashes to polska marka kosmetyczna, lider rynku, który od 14 lat zajmuje się produkcją i dystrybucją sztucznych rzęs, akcesoriów do przedłużania, zagęszczania i pielęgnacji rzęs. Wraz ze wzrostem popularności brandu, większym ruchem w sklepie internetowym, marka zaczęła dynamicznie się rozwijać i korzystać z trendu jakim jest wzrost segmentu e-commerce w Polsce i na Świecie.

Nasz partner zwrócił się do Alekseon z prośbą o wsparcie w obszarze utrzymania i rozwoju.

Sytuacja wyjściowa marki

Marka Secret Lashes potrzebowała agencji e-commerce, która wesprze ją w rozwoju e-sklepu, jego utrzymaniu oraz działaniach optymalizacyjnych. Poszukiwał partnera technologicznego, który skupi się na wsparciu/doradztwie technicznym oraz podejmie działania mające na celu podniesienie wydajności witryny.

Wyzwanie

Musieliśmy wykonać audyt sklepu i prześledzić sposób w jaki był budowany przez poprzedni podmiot. Wyzwaniem, jak to często bywa, okazał się gotowy szablon graficzny strony, który mocno zmieniał natywne pliki oraz brak repozytorium kodu, przez co nie mogliśmy cofnąć się do poprzednich wersji.

Cel

Przebudowa i update do najnowszej wersji Magento 2 istniejącego sklepu, w pełni odpowiadającego na zwiększone potrzeby Partnera, zgodnego z najnowszymi trendami ecommerce.

Co udało nam się osiągnąć – wybrane elementy realizacji projektu

Integrację z narzędziami marketing automation od firmy ExpertSender.

W ramach współpracy wdrożyliśmy przekazywanie informacji o klientach, do systemu ExpertSender pozwalającego zautomatyzować działania marketingowe w e-commerce, budować bazę e-mail marketingową i zarządzać wysyłką. Całość zarządzana z przyjaznego panelu, pozwoli teraz klientowi na lepszą retencję klientów, rekomendowanie produktów w oparciu o zachowanie usera w sklepie oraz lepsze budowanie i higienę bazy e-mail.

Optymalizacja SEO na podstawie audytu SEO przygotowanego przez podmiot współpracujący z Partnerem

Nie jest tajemnicą, że zoptymalizowany sklep „on-site” to przyjaźniejsza witryna, wyższe pozycje w organicznych wynikach wyszukiwania i częstsze wizyty robotów google na stronie. Wprowadzone przez nas poprawki m.in. dostosowały sklep do wymagań Google Page Speed, pozwoliły na dodawanie przez Klienta treści dotyczących opisów kategorii, a także umożliwiły pozbycie się błędów javascript generowanych przy wejściu do sklepu.

Przebudowa i przepisanie źle wykonywanego i nieoptymalnie napisanego kodu

Sklep wcześniej implementowany i rozwijany był przez freelancera z ograniczonym doświadczeniem i wiedzą na temat tego, w jaki sposób taki projekt powinien być inicjowany i rozwijany. Nie była tworzona dokumentacja dotyczącej zakresu wykonanych prac, a także śledzenie postępów rozwoju w projekcie. Wspólnie z Klientem dokonaliśmy audytu sklepu, kodu, zastosowanych wtyczek, konfiguracji serwerowej, doprowadzając krok po kroku e-commerce do miejsca, gdzie zespół Klienta jest w stanie panować nad back-officem, zarządzać sklepem, a także płynnie realizować zamówienia i skupiać się na rozwoju sprzedaży.

Redesign sklepu na froncie

W oparciu o wytyczne od klienta zmieniliśmy kolorystykę sklepu odchodząc od odcieni koloru niebieskiego na korzyść złota, czerni i gradientów. Dzięki temu zabiegowi strona wizualna zaczęła lepiej współgrać z oferowanym asortymentem i segmentem, w którym Klient prowadzi sprzedaż. Łatwiejsze okazało się także zarządzanie promocjami w sklepie, sklep nabrał waloru higieny i czystości.

Wdrożenie Data Layer

Wdrożenie DataLayer pozwoliło Klientowi na gromadzenie dokładniejszych danych, dotyczących produktów oraz zachowań zakupowych w sklepie internetowym. Dzięki tym danym Klient jest w stanie tworzyć skuteczne kampanie reklamowe, poprawnie obliczać rentowność reklam z podziałem na kanał, czas emisji i rodzaju klienta. DataLayer to także podstawa przy korzystaniu z narzędzi performance marketingu.

Przyspieszenie działania dzięki Varnishowi

Wdrożenie Varnish Cache w sklepie Partnera wpłynęło na podniesienie konwersji i obniżenie współczynnika odrzuceń. Jak to zadziałało? Varnish jest swoistym serwerem do którego dociera user zanim żądanie generowania contentu witryny trafi do głównego serwera www. Jeśli wersja podręczna żądania jest dostępna, wówczas wystarczy kilka milisekund, żeby strona została dostarczona do użytkownika. Korzystnie z Varnisha tuż po implementacji pozwolił kilkakrotnie zmniejszyć czas ładowania strony Klienta.

Wdrożenie produktu wirtualnego

Zaprojektowanie produktu wirtualnego było odpowiedzią na potrzebę oferowania przez naszego Klienta wirtualnych bonów na szkolenie dotyczące stylizacji, przedłużania i zagęszczania rzęs. Na bazie konsultacji powstał zarządzany z backoffice produkt wirtualny, który:

  • może posiadać warianty np. cenowe,
  • jest dostarczany na adres e-mail użytkownika zamawiającego w formie pliku PDF zawierającego zaprojektowaną przez Klienta grafikę
  • może być konfigurowalny w zakresie metod płatności i metod wysyłki
  • jest możliwy do zakupu indywidualnie, ale także jako koszyk łączony z produktami fizycznymi.

Wdrożenie silnika wyszukiwania ElasticSearch

Wdrożenie ElasticSearch u Klienta spowodowało znaczne przyspieszenie wyszukiwania produktów w sklepie, a także poprawie uległ generalny odbiór sklepu w oczach klientów. Klient odnotował także spadek liczby telefonów i zapytań mailowych.

Plany na przyszłość

Owocna współpraca z partnerem, której efektem jest rozwój e-commerce Partnera pozwala z optymizmem patrzeć w przyszłość, w której wspólnie podejmiemy temat wdrożenia nowej identyfikacji wizualnej sklepu oraz przepniemy sklep z subdomeny na główną domenę.

Zapraszamy do kontaktu
Im szybciej się skontaktujesz, tym szybciej będziemy w stanie usprawnić działanie Twojego sklepu. Napisz czego oczekujesz.