Case study - Rewolucja Patyny: od WooCommerce do Headless eCommerce w Medusa.js

Wnikliwe zbadanie tego, jak Patyna, wiodący rynek vintage, przeszedł z ograniczonej platformy WooCommerce do dynamicznego rozwiązania Headless eCommerce poprawiając skalowalność, wydajność i doświadczenie użytkownika.

  • Client

    Patyna

  • Year

    2023

  • Technology

    Medusa.js

Case study image

Klient

Patyna, czołowa nazwa na rynku vintage, od lat jest miejscem docelowym dla tysięcy użytkowników poszukujących wysokiej jakości mebli vintage od szerokiej gamy sprzedawców. Dążąc do doskonałości, Patyna zawsze stara się oferować niezrównane doświadczenia zakupowe swoim użytkownikom.

Problemy

Patyna, kwitnący marketplace mebli, początkowo wybrała WooCommerce jako swoją platformę eCommerce. Chociaż to rozwiązanie spełniało początkowe potrzeby, w miarę rozwoju biznesu i ewolucji technologii, pojawiło się kilka wyzwań. Wrodzone ograniczenia platformy zaczęły hamować wzrost Patyny oraz jej zdolność do spełniania zmieniających się oczekiwań klientów i sprzedawców. Oto konkretne problemy, z którymi się zetknęli:

  • warning icon

    Przestarzała infrastruktura

    Istniejąca platforma WooCommerce nie pozwalała na aktualizacje poprzez zmiany starego kodu. Ta sztywność oznaczała, że jakiekolwiek konieczne modyfikacje lub ulepszenia wymagały kompletnego przeprojektowania, co sprawiało, że platforma stawała się coraz bardziej uciążliwa w utrzymaniu.

  • warning icon

    Dług technologiczny

    Z czasem, w miarę stosowania tymczasowych poprawek i łatek w celu rozwiązania bieżących problemów, platforma zgromadziła znaczną ilość długu technologicznego. Ten dług sprawiał, że coraz trudniej było wprowadzać nowe funkcje lub dokonywać koniecznych zmian, blokując dalszy rozwój.

  • warning icon

    Problemy wydajności

    Długi czas ładowania witryny był poważnym problemem, dotykającym nie tylko głównej strony, ale także paneli administracyjnych i sprzedawców. Takie opóźnienia utrudniały doświadczenie użytkowników i hamowały efektywność operacyjną sprzedawców zarządzających swoimi ofertami.

  • warning icon

    Problemy ze skalowalnością

    WooCommerce nie był przystosowany do obsługi ogromnego asortymentu, jaki zgromadziła Patyna. Z ponad 30 000 produktami i rosnącą bazą sprzedawców, platformie trudno było zapewnić płynne środowisko, które mogłoby skalować się wraz z potrzebami biznesu.

Case study image

Wyzwanie

Proces przenoszenia Patyny z platformy WooCommerce na rozwiązanie Headless eCommerce był pełen wyzwań. Głównym celem nie było tylko przeprowadzenie migracji, ale wzmocnienie platformy pod każdym możliwym względem.

  • trending-up icon

    Obawy dotyczące skalowalności

    Z szybko rosnącą bazą produktów i listą sprzedawców jednym z głównych wyzwań było zapewnienie, aby nowa platforma mogła obsłużyć ten wzrost bez zakłócania wydajności. Poprzedni system wykazywał oznaki przeciążenia, a nowe rozwiązanie musiało być wystarczająco wytrzymałe, aby zarządzać przyszłymi rozszerzeniami bez zakłóceń.

  • trending-up icon

    Usprawnione zarządzanie sprzedawcami

    Zarządzanie ponad 2000 sprzedawcami to niełatwe zadanie. Platforma wymagała systemu, który mógłby obsługiwać złożoność tak dużej bazy sprzedawców, począwszy od wdrażania, poprzez wystawianie produktów, aż po zarządzanie zamówieniami.

  • trending-up icon

    Elastyczność dla przyszłego wzrostu

    Świat cyfrowy stale się rozwija, dlatego platforma musiała być elastyczna. Oznaczało to zapewnienie, że wszelkie przyszłe integracje, funkcje lub zmiany mogą być wprowadzane bez większych restrukturyzacji.

  • trending-up icon

    Migracja SEO

    Z uwagi na znaczną liczbę organicznych użytkowników, ważne było, aby migracja nie miała negatywnego wpływu na pozycjonowanie platformy w wyszukiwarkach. Wymagało to skrupulatnego planowania i wykonania, aby zachować wartość SEO.

  • trending-up icon

    Migracja danych

    Jednym z najtrudniejszych zadań była migracja ponad 30 000 produktów i 2000 sprzedawców z WooCommerce do Medusa.js. Chodziło tutaj nie tylko o przeniesienie danych, ale o zapewnienie integralności, spójności i dokładności danych w nowym systemie.

  • trending-up icon

    Niestandardowe funkcjonalności

    Typowe funkcje większości platform eCommerce nie były wystarczające dla unikalnych wymagań Patyny. Niestandardowe funkcjonalności, takie jak kompleksowy system raportowania, były niezbędne, aby administratorzy mogli uzyskiwać wgląd i podejmować decyzje oparte na danych.

  • trending-up icon

    Poprawa wydajności

    Poprzednia konfiguracja WooCommerce miała poważne problemy wydajnościowe, które wpływały zarówno na doświadczenie użytkownika, jak i na efektywność paneli administracyjnych i sprzedawców. Poprawa wydajności była kluczowa dla zapewnienia płynnego funkcjonowania i pozytywnego doświadczenia użytkownika.

Case study image

Rozwiązanie

Branża eCommerce ewoluuje, więc aby pozostać na czele konkurencji, przedsiębiorstwa muszą się dostosować. Jedną z przełomowych zmian w dziedzinie eCommerce jest przechodzenie do architektury headless. Ale co to oznacza?

  • arrow-up icon

    Dlaczego Headless eCommerce? 🤔

    Tradycyjne platformy handlu elektronicznego ściśle łączą frontend (to, co widzi użytkownik) z backendem (tu przechowywane i zarządzane są dane). Ta sztywna struktura może ograniczać elastyczność i innowacyjność. Headless eCommerce odłącza te dwie warstwy, umożliwiając większą elastyczność i dostosowanie.

  • arrow-up icon

    Rola Medusa.js i Next.js 🛠️

    Medusa.js i Next.js stoją na czele tej rewolucji headless. Medusa.js oferuje elastyczną strukturę backendu eCommerce, zapewniając wydajne zarządzanie danymi i bezproblemową integrację. Z kolei Next.js zapewnia solidną strukturę dla frontendu, gwarantując dynamiczny, responsywny i przyjazny dla użytkownika interfejs.

  • arrow-up icon

    Początkowa ocena i planowanie 📝

    Przed zagłębieniem się w techniczne szczegóły przeprowadziliśmy kompleksową ocenę, aby zrozumieć konkretne potrzeby Patyny. Wymagało to zrozumienia istniejącej platformy WooCommerce, zidentyfikowania problemów oraz opracowania planu migracji.

  • arrow-up icon

    Migracja danych - herkulesowe zadanie 🏋️‍♂️

    Przeniesienie ponad 30 000 produktów i szczegółów ponad 2 000 sprzedawców to nie lada wyzwanie. Napisaliśmy dedykowany skrypt, aby zapewnić płynne przejście z WooCommerce do Medusa.js, dbając o integralność i spójność danych.

  • arrow-up icon

    Elastyczność z pomocą Next.js 🎨

    Interfejs użytkownika to pierwszy punkt interakcji dla każdej platformy online. Korzystając z Next.js, stworzyliśmy świeży, intuicyjny i responsywny design, mając na uwadze unikalne wymagania rynku mebli wielu sprzedawców.

  • arrow-up icon

    Potęga backendu z Medusa.js ⚙️

    Medusa.js została dostosowana do modelu biznesowego z wieloma sprzedawcami. Od zarządzania ogromnymi listami produktów po obsługę skomplikowanych szczegółów sprzedawców, Medusa.js zapewniła solidne i skalowalne rozwiązanie.

  • arrow-up icon

    Zarządzanie treścią za pomocą Strapi 📄

    Strapi zostało wybrane jako system zarządzania treścią typu headless, oferując elastyczność w zarządzaniu treścią i bezproblemową integrację z platformą.

  • arrow-up icon

    Zapewnienie skalowalności: Wdrożenie na platformach Vercel i DigitalOcean ☁️

    Aby zapewnić optymalną wydajność i skalowalność, platforma została wdrożona na zaufanej infrastrukturze chmurowej: Vercel i DigitalOcean.

  • arrow-up icon

    Niestandardowa integracja PayU dla płynnych płatności 💳

    Aby ulepszyć doświadczenie zakupowe, opracowaliśmy dedykowaną integrację z dostawcą płatności PayU dla Patyny. To niestandardowe rozwiązanie zapewniło płynny i bezpieczny proces płatności, zgodny z unikalnymi wymaganiami platformy i innymi niestandardowymi funkcjonalnościami.

  • arrow-up icon

    Niestandardowe funkcjonalności - dostosowanie do doskonałości 🌟

    Zrozumienie unikalnych wyzwań i wymagań Patyny skutkowało wprowadzeniem kilku niestandardowych funkcjonalności:

    • Zaawansowane filtrowanie: Z ogromną bazą produktów koniecznym było umożliwienie użytkownikom znalezienia tego, czego potrzebują. Wprowadziliśmy zaawansowane opcje filtrowania, umożliwiające użytkownikom zawężenie wyboru na podstawie różnych kryteriów.

    • System raportowania: Dla wsparcia sprzedawców w zrozumieniu ich sprzedaży, wprowadziliśmy niestandardowy system raportowania. Zapewnił on wgląd w wzorce sprzedaży, popularne produkty i wiele innych.

    • Jedno zamówienie, wiele sprzedawców: Uznając charakter multi-vendor platformy, opracowaliśmy unikalny system podziału zamówień. Oznacza to, że jeśli klient zamówi produkty od wielu sprzedawców, zamówienie zostanie podzielone, zapewniając, że każdy sprzedawca zarządza tylko swoją częścią, usprawniając proces.

    • Ulepszenia panelu sprzedawcy: Panel sprzedawcy został zaktualizowany, aby był bardziej intuicyjny, umożliwiając sprzedawcom łatwe dodawanie produktów, zarządzanie informacjami o sklepie i efektywne obsługiwanie zamówieniami.

    Dzięki wykorzystaniu mocy Headless eCommerce i wprowadzeniu niestandardowych rozwiązań dostosowanych do Patyny, platforma została nie tylko zmodernizowana, ale również przygotowana do przyszłego wzrostu i skalowalności.

Case study image

Wyniki

Transformacja platformy eCommerce Patyny była nie tylko technologiczną modernizacją, ale strategicznym posunięciem mającym na celu lepiej obsłużyć jej szeroką bazę użytkowników i zapewnić bezproblemowe doświadczenie zakupowe. Wyniki tej migracji okazały się przekształcające, z wymiernymi korzyściami zrealizowanymi w różnych aspektach platformy.

  • check icon

    Wzmocnienie wydajności 🚀

    Migracja skróciła czas wprowadzania nowych funkcji na rynek o 30%, co pozwala na szybsze dostosowywanie się do wymagań klientów oraz trendów rynkowych.

    Po przejściu na platformę headless, czas poświęcony na konserwację i debugowanie zmniejszył się o 50%. Dzięki temu zespół Patyny może teraz poświęcić więcej czasu na rozwój i ulepszanie platformy, zamiast skupiać się na rozwiązywaniu problemów technicznych.

    Co więcej, odnotowano również 34% wzrost ruchu już po 2 miesiącach od migracji. Udało się osiągnąć ten wynik dzięki optymalizacji SEO w Next.js.

  • check icon

    Wzmacniona funkcjonalność wyszukiwania i filtrów 🔍

    Nawigacja przez szeroki katalog ponad 30 000 produktów może być przytłaczająca. Jednak zmodernizowana platforma zapewniła użytkownikom zaawansowany mechanizm wyszukiwania w połączeniu z intuicyjnymi filtrami, upraszczając odkrywanie produktów i zapewniając, że klienci znajdą dokładnie to, czego szukają.

  • check icon

    Uproszczony proces zamawiania 💳

    Podróż użytkownika, od wyboru produktu do finalnego zakupu, stała się bardziej intuicyjna. Integracja bramki płatności PayU zapewniła płynne i bezpieczne transakcje, zwiększając zaufanie użytkowników.

  • check icon

    Pozytywne opinie użytkowników 🌟

    Opinie po migracji były świadectwem sukcesu projektu. Komentarze takie jak "Dodam dużo więcej produktów do nowej platformy, bo teraz to przyjemność" i "Po dłuższym czasie nie korzystania z Twojej platformy zacznę ją ponownie używać" podkreślały ulepszoną użyteczność i wydajność platformy.

  • check icon

    Zabezpieczenie przyszłości rynku 🔮

    Dzięki nowej platformie Patyna jest dobrze wyposażona na przyszłość. Istnieją plany dalszej skalowalności, potencjalnych integracji oraz wprowadzenia nowych funkcji. Plan obejmuje ekspansję na nowe rynki, integrację systemów rekomendacji opartych na sztucznej inteligencji oraz badanie potencjału dedykowanej aplikacji mobilnej, wszystko to dostosowane do konkretnych wymagań branży meblowej.

Case study image

Porozmawiajmy o Twoim projekcie

Myślisz o nowym projekcie? Zrealizujmy go! W Rigby zamieniamy wyzwania w sukcesy. Skontaktuj się z nami, a razem wzniesiemy Twój biznes na nowy poziom.

placeholder

Grzegorz Tomaka

Co-CEO & Co-founder

LinkedIn icon
placeholder

Jakub Zbaski

Co-CEO & Co-founder

LinkedIn icon