Nowy sklep internetowy, który wygenerował niemal 120% wzrost sprzedaży
Rodzaj projektu
Nowy sklep internetowy, migracja Magento
Branża
Home & decor
Technologie
Magento
OpenSearch
RabbitMQ
Redis
VarnishZakres prac
Analiza przedwdrożeniowa, projektowanie graficzne, e-commerce development, migracja Magento 1 do 2, support powdrożeniowy
Najważniejsze elementy projektu
- Migracja niewspieranego Magento 1 do najnowszej wersji Magento 2
- Uproszczenie ścieżki zakupowej od kategorii produktowej po checkout
- Nowa szata graficzna zaprojektowana z naciskiem na user experience i zmieniające się potrzeby marki
- Rozbudowana nawigacja fasetowa, która znacznie usprawniła i skróciła proces wyszukiwania produktów
- Ulepszenie wydajności dzięki zastosowaniu customowej skórki oraz optymalizacji pod PageSpeed Insights w celu zwiększenia komfortu użytkowników
- Migracja SEO bez strat w widoczności serwisu
O kliencie
Home & Passion działa w branży wnętrzarskiej od 2012 roku. W ofercie sklepu znajdują się produkty do domu i ogrodu: porcelana, tekstylia, dekoracje, meble i wiele więcej. Celem Home & Passion jest zapewnienie wszystkiego, co potrzebne do stworzenia wyjątkowej atmosfery w domu. Ta myśl towarzyszyła nam podczas projektowania nowej strony – miało być intuicyjnie, estetycznie i inspiracyjnie.
Wyzwania, z jakimi przyszła do nas firma
Największym problemem klienta była niewspierana od 2020 roku technologia Magento 1.9. Serwis pozostawał pod naszą opieką od kilku lat, jednak nie otrzymywał oficjalnych aktualizacji i łatek bezpieczeństwa, co znacznie utrudniało planowanie jego rozwoju.
Kolejnym wyzwaniem była przestarzała szata graficzna, która od dawna nie odpowiadała dzisiejszym standardom i wymagała gruntownych zmian, a nie subtelnego odświeżenia. UX/UI sklepu nie spełniał oczekiwań klientów pod kątem intuicyjnych i szybkich zakupów, co skutecznie zniechęcało ich do finalizacji zamówienia.
To wszystko sprawiało, że konkurencja prezentowała się lepiej pod kątem designu i użyteczności. Home & Passion wciąż nie mogło się rozwijać, bo sprzedaż rosła, ale nie w oczekiwanym tempie. Klientowi zależało jednak na wdrożeniu nowej strony już w październiku ze względu na peak sprzedażowy w ostatnim kwartale.
Cel projektu
Już na początku współpracy wiedzieliśmy, że konieczne będzie stworzenie nowej odsłony sklepu. Klientowi zależało przede wszystkim na zwiększeniu sprzedaży i możliwości jej skalowania. By to osiągnąć, musieliśmy:
- zaprojektować i wdrożyć zupełnie nową szatę graficzną,
- wprowadzić funkcje, które ułatwią zakupy klientom, m.in. intuicyjne filtrowanie i wyszukiwanie asortymentu,
- zoptymalizować wydajność strony.
Chcieliśmy, aby nowy sklep wspierał zmiany w komunikacji marki do nowych grup docelowych. Strona miała być nowoczesna, ale jednocześnie czytelna i wygodna w obsłudze.
Rozwiązanie
Klient chciał pozostać na technologii Magento, stąd decyzja o migracji była naturalnym krokiem. Proces podzieliliśmy na kilka etapów. Jak krok po kroku wyglądała realizacja?
- Zaczęliśmy od analizy przedwdrożeniowej – wspólnie z klientem ustaliliśmy, które funkcje poprzedniej wersji sklepu warto przenieść na nową, a które nie są już wykorzystywane. Dla niektórych z nich znaleźliśmy lepsze rozwiązania. Sporządziliśmy też listę brakujących funkcjonalności i nadaliśmy im priorytety. Dzięki temu powstał czytelny zakres prac do wdrożenia w odpowiednich fazach projektu.
- Następnie rozpoczęliśmy proces projektowania graficznego – przeanalizowaliśmy najlepsze praktyki stosowane przez inne sklepy internetowe. Uwzględniliśmy przy tym kluczowe problemy, z jakimi do tej pory mierzyli się klienci Home & Passion. Szybko zrozumieliśmy, że nowy design strony będzie przeciwieństwem dotychczasowego. Zmieniliśmy wygląd strony głównej, kategorii, kart produktowych, a nawet bloga. Wszystko po to, aby ułatwić zakupy użytkownikom.
- Przeszliśmy do prac developerskich – przyszedł czas na migrację Magento, implementację nowych funkcji i optymalizację wydajności strony. Musieliśmy stworzyć sklep, który usprawni proces zakupowy i zapewni łatwy dostęp szerszej grupie użytkowników. Wszystkie kluczowe uwagi uwzględniliśmy już na etapie testów wewnętrznych, dzięki czemu akceptacja poszczególnych etapów prac przebiegała sprawnie.
- W tym samym czasie przeprowadziliśmy migrację SEO – obejmowała m.in. audyt techniczny, konfigurację kluczowych modułów SEO, marketingowych i analitycznych, wdrożenie przekierowań. Zależało nam na tym, aby sklep nie stracił widoczności ze względu na migrację systemu.
- Ostatnim krokiem było wdrożenie strony – po uruchomieniu produkcyjnym rozpoczęliśmy monitoring kluczowych elementów na serwerach. Wraz z zespołem klienta weryfikowaliśmy także działanie ścieżek krytycznych, edycji sklepu i stanów magazynowych. Na bieżąco wprowadzaliśmy usprawnienia, a dyżurujące zespoły supportowe otrzymywały powiadomienia o zdarzeniach, aby zapewnić sprawne działanie sklepu na szczyt sprzedaży.
Szczegóły rozwiązania
Migracja Magento 1 do Magento 2
Migrację danych rozpoczęliśmy już na starcie projektu. Dzięki temu mogliśmy wcześnie zidentyfikować błędy i wdrożyć odpowiednie mechanizmy korygujące, zamiast odkrywać problemy dopiero przy uruchomieniu sklepu. W trakcie developmentu wykonywaliśmy kolejne iteracje migracji, które pozwalały na przyrostową migrację danych do sklepu. To sprawiło, że zachowaliśmy spójność danych, a ryzyko błędów było minimalne. Przy okazji znacząco skróciliśmy czas przechodzenia na nową wersję serwisu, co miało pozytywny wpływ na sprawny przebieg całego projektu.
Wydajność
Kluczowym elementem do zapewnienia wydajności był customowy motyw graficzny, który przygotował nasz zespół. Zależało nam, aby zoptymalizować warstwę frontową sklepu pod jak najlepsze wyniki PageSpeed i Core Web Vitals.
Dodatkowo sklep korzysta z usług Cloudflare, które nie tylko zapewniają CDN (Content Delivery Network) dla treści statycznych, ale również chroni stronę przed różnymi cyberatakami, np. DDoS.
WCAG
Zgodnie ze standardami dostępności cyfrowej WCAG 2.1 AA wdrożyliśmy widget, który pozwala dostosować wygląd sklepu do zróżnicowanych potrzeb użytkowników. Naszym celem było zapewnienie jak najlepszej użyteczności serwisu osobom z niepełnosprawnościami. W tym celu wprowadziliśmy m.in.:
- dostosowanie czcionki (rozmiar, pogrubienie, font dla dyslektyków),
- podświetlenie linków i tytułów,
- zmianę wysokości wierszy i odstępów między literami,
- ukrycie obrazów,
- dostosowanie kolorów (kontrast, saturacja, monochromatyczność),
- bionic reading.
Dodatkowo wdrożyliśmy przydatne narzędzia, tj. pomocnik czytania, powiększony kursor, wyciszenie dźwięków czy wstrzymanie animacji.
Nawigacja fasetowa
Kategoryzację w serwisie zbudowaliśmy na zasadzie fasetów, dzięki czemu klient otrzymał skalowalny mechanizm tworzenia kategorii niższego rzędu. Zoptymalizowaliśmy go tak, aby umożliwiał m.in. ustawianie unikalnych meta tagów i opisów kategorii. Z kolei użytkownicy zyskali rozbudowane, intuicyjne filtrowanie i wyszukiwanie asortymentu, czego brakowało w poprzedniej wersji sklepu. Teraz mogą znaleźć produkt np. po marce, kolekcji, cenie lub okresie oczekiwania na dostawę.
Lookbooki
Stworzyliśmy rozwiązanie do intuicyjnego oznaczania produktów znajdujących się na zdjęciach w różnych miejscach na sklepie, aby użytkownik mógł łatwo przejść na kartę interesującego go produktu. Wspiera to konwersję w serwisie, a dodatkowo zwiększa estetykę strony.
Listing inspiracji
Zmieniliśmy tradycyjny listing bloga na taki, który zachęca do zakupów i odpowiada aktualnym standardom stron internetowych. Lista artykułów blogowych, oprócz samych wpisów, zawiera też sekcję polecanych produktów i zdjęcia, które automatycznie pobierają się z profilu Home & Passion na Instagramie.
Dzięki temu blog wpisuje się w trendy panujące w branży wnętrzarskiej. Odpowiednio zaprezentowane źródła pomysłów zachęcają użytkowników do pozostania dłużej na stronie, a ostatecznie – do zakupów.
Rozbudowane opcje promocji i prezentacji produktów
Klientowi zależało na zwiększeniu sprzedaży i ułatwieniu procesu decyzyjnego użytkownika. W związku z tym na sklepie wdrożyliśmy moduły:
- z polecanymi produktami na podstawie wcześniej przeglądanego asortymentu,
- z ostatnio oglądanymi produktami,
- z produktami komplementarnymi.
Do tego umożliwiliśmy „przypinanie” etykiet takich jak Nowość, Bestseller czy Promocja.
Aby odpowiednio komunikować zniżki na sklepie, zapewniliśmy takie opcje jak ustawienie odliczania czasu promocji, paska notyfikacji oraz widgetu z kodem rabatowym.
SEO
Przed implementacją sklep przeszedł audyt SEO na środowisku przedprodukcyjnym. Dzięki temu wdrożenie na produkcję nie sprawiło problemów z utrzymaniem widoczności serwisu.
Wdrożyliśmy także wszystkie niezbędne optymalizacje pod kątem SEO, m.in.:
- przekierowania 301,
- wdrożenie danych strukturalnych,
- ustawienia linków kanonicznych,
- przeniesienie meta tagów z poprzedniego sklepu,
- wdrożenie robots.txt i sitemapy.
Efekty pracy
Klient otrzymał nowoczesny sklep internetowy pozbawiony wszystkich dotychczasowych przeszkód na drodze do konwersji
Intensywna praca nad motywem graficznym, funkcjonalnością i wydajnością zaowocowała serwisem, który zachęca do złożenia zamówienia. Migracja do Magento 2 to również większe bezpieczeństwo i minimalizacja kosztów utrzymania projektu w przyszłości.
Zobacz kluczowe efekty naszych prac:
Nowa szata graficzna, która znacznie zwiększyła użyteczność sklepu i nadała marce nowoczesny wizerunek.
Lepsza wydajność sklepu dzięki konfiguracji Cloudflare i uproszczonemu motywowi graficznemu
Zmniejszenie kosztów obsługi/supportu dzięki wdrożeniu wspieranej wersji Magento.
Poprawa dostępności serwisu dla szerszych grup odbiorców dzięki dostosowaniu do WCAG.
Usprawnione wyszukiwanie asortymentu i nawigacja po sklepie dla większego komfortu użytkowników.
Spełnienie wszystkich wymogów Core Web Vitals oraz osiągnięcie PageSpeed na poziomie +98 na desktopie i +70 na mobile’u.
Co najważniejsze, w pierwszych dwóch miesiącach od wdrożenia nowy sklep odnotował znaczące wzrosty. W porównaniu do analogicznego okresu w poprzednim roku, zwiększyły się kluczowe wskaźniki:
- liczba zdarzeń na sesję – o prawie 40%;
- przychody – o blisko 120%;
- liczba dodań do koszyka – o ponad 100%;
- średni czas zaangażowania na sklepie – o prawie 20%.
Statystyki realizacji
1600
9
12
Chcesz przenieść swój sklep na Magento 2?