Gatta na Shopify Plus: migracja, która otworzyła nowy etap rozwoju e-commerce

Gatta – znana polska marka z branży fashion (rajstopy, bielizna, odzież) – po ponad 10 latach rozwoju e-commerce na autorskim rozwiązaniu technologicznym podjęła strategiczną decyzję o migracji sklepu internetowego na Shopify Plus, traktując ją jako fundament kolejnego etapu rozwoju cyfrowego.

Marka od lat prowadzi sprzedaż online, ma silną rozpoznawalność i ogromną bazę produktów. Coraz wyraźniej było jednak widać, że dotychczasowe narzędzia przestają nadążać za ambicjami biznesu.

Dlaczego Gatta szukała nowej platformy?

Punktem wyjścia był customowy CMS, stworzony do obsługi sklepu internetowego. Przez lata spełniał swoją rolę, ale z każdym kolejnym rokiem stawał się coraz mniej elastyczny wobec nowych potrzeb.

Zespół e-commerce widział to najlepiej. Rozwiązanie, które przez lata skutecznie wspierało sprzedaż, z czasem zaczęło ograniczać szybkość reagowania na zmiany i elastyczne rozwijanie procesów zakupowych, co przy rosnącej skali biznesu stawało się coraz bardziej odczuwalne. Każda nowa integracja oznaczała de facto mały projekt programistyczny “od zera”.

Na to nakładała się skala biznesu. Gatta operuje na dziesiątkach tysięcy SKU i bardzo bogatych kartach produktów. W opisach muszą znaleźć się informacje o składach, certyfikatach, bezpieczeństwie tkanin – dane produktowe stały się jednym z kluczowych obszarów, w którym poprzednie rozwiązania zaczynały być wąskim gardłem.

Równolegle firma rozwijała swoje zaplecze systemowe. Pojawił się Ergonode PIM, od lat działał ERP, istniał rozbudowany program lojalnościowy skoncentrowany na sklepach stacjonarnych. W pewnym momencie wszystkie te światy trzeba było połączyć w jeden ekosystem e-commerce.

Do tego dochodził jeszcze bardzo praktyczny aspekt - SEO i widoczność w Google. Gatta przez lata budowała swoją pozycję, miała rozbudowaną strukturę adresów URL i wiele linków kierujących do sklepu. Migracja na nowe rozwiązanie, z inną logiką budowania adresów, niosła spore ryzyko

Wdrożone rozwiązania – jak poukładaliśmy ekosystem wokół Shopify

Prace projektowe rozpoczęliśmy od warstwy frontendowej, bazując na szablonie, który:

• zapewnia nowoczesny wygląd i dobre praktyki UX,
• jest wystarczająco elastyczny, by dopasować się do charakteru marki,
• pozwala zespołowi po stronie Gatta później samodzielnie budować treści, banery czy sekcje kampanijne.
  

Decyzje projektowe były podejmowane w oparciu o realne potrzeby głównej grupy docelowej Gatty, ze szczególnym naciskiem na czytelność, intuicyjność i komfort zakupów.

Strona została mocno rozbudowana w warstwie contentowej - dlatego żeby uniknąć spadków w testach wydajnościowych wykonaliśmy prace optymalizacyjne po stronie frontu: uporządkowanie sekcji, redukcja zbędnych elementów, dopracowanie ładowania zasobów. 

Patchworks jako kręgosłup integracji

Sercem całej architektury integracyjnej stał się Patchworks - platforma, przez którą przechodzą kluczowe przepływy danych:

• informacje o produktach i ich parametrach,
• stany magazynowe,
• zamówienia,
• dane do systemu lojalnościowego i innych usług.

Poniżej, na poziomie systemów źródłowych, znajduje się:

• ERP Microsoft Dynamics 2009 – działający od lat system, wciąż krytyczny dla operacji,
• PIM (Ergonode) – odpowiedzialny za katalog produktowy i atrybuty,
• system lojalnościowy Sparta Loyalty,
• narzędzia marketing automation i integracje logistyczno-płatnicze.

Po stronie Strix kluczowe było takie zaprojektowanie przepływów, by:

• nie przeciążyć Patchworks zbyt dużą liczbą operacji (co przy dziesiątkach tysięcy SKU nie jest oczywiste),
• zachować spójność danych między wszystkimi systemami,
• uprościć logikę.

Uporządkowanie modelu danych w Ergonode PIM

Model danych został wspólnie zoptymalizowany tak, aby w pełni wykorzystać możliwości Shopify, przy jednoczesnym zachowaniu rozbudowanej struktury informacji produktowych Gatty.Na etapie integracji Strix wspólnie z Gattą przeprojektował sposób podziału odpowiedzialności:

• sam słownik atrybutów (jakie cechy produkt może mieć) jest utrzymywany w Shopify,
• PIM odpowiada za wartości tych atrybutów dla konkretnych produktów,
• dane są synchronizowane w taki sposób, by odzwierciedlić rozbudowane karty produktowe.

To podejście dobrze zadziałało przy skomplikowanych atrybutach wynikających z certyfikatów tkanin czy wymogów bezpieczeństwa. Udało się zachować ich bogactwo i szczegółowość, nie rezygnując z wydajności.

Nowe życie programu lojalnościowego

Program lojalnościowy był jednym z obszarów, które wymagały nie tylko integracji, ale i przemyślenia doświadczenia klienta od nowa. Dotychczas był mocno zakorzeniony w offline: karty kupowane w sklepach stacjonarnych, w przypadku online – wysyłane pocztą, weryfikacja zniżek oparta na ręcznym podawaniu numeru.

W nowym rozwiązaniu połączono:

• system Sparta Loyalty (z którego Gatta korzystała już wcześniej),
• Patchworks,
• oraz Gadget Dev – narzędzie, które umożliwia budowę dedykowanych mini-aplikacji wewnątrz Shopify.

Po wdrożeniu:

• klient, logując się lub podając maila, jest automatycznie sprawdzany w bazie programu lojalnościowego,
• jeśli jest uczestnikiem, zniżki przypisane do jego konta pojawiają się automatycznie w koszyku – bez wpisywania numeru karty,
• karta lojalnościowa może zostać zakupiona online z szybszą ścieżką odbioru.

Dzięki temu program lojalnościowy stał się naturalną częścią doświadczenia zakupowego online.

Marketing automation, płatności, dostawy

Równolegle skonfigurowano:

• integrację z Samba AI – po stronie Strix obejmowała instalację modułu, dostosowanie stylów dla wyświetlanych karuzeli produktowych, poprawę odczytu parametrów wykorzystywanych w trackingu klienta oraz wdrożenie funkcjonalności Samba AI w wybranym przez klienta szablonie,
• integracje płatności,
• moduł paczkomatów,
• rozwiązania związane z wymogami prawnymi, m.in. dyrektywą Omnibus.

Migracja SEO – pogodzenie dwóch światów

Najbardziej wrażliwym obszarem migracji była widoczność w Google. Shopify ma swoje zasady budowy adresów URL, które nie zawsze dają się w prosty sposób pogodzić z wieloletnią strukturą istniejącego sklepu. Jednocześnie Gatta miała za sobą lata inwestycji w SEO.

Rozwiązanie polegało na:

• przygotowaniu nowej, uporządkowanej struktury adresów zgodnej z Shopify,
• zmapowaniu starych linków na nowe,
• wdrożeniu mechanizmu przekierowań.

Co zmieniło się dla Gatta po wdrożeniu Shopify Plus?

Już pierwsze dni po wdrożeniu pokazały, że klienci nie mają problemu z odnalezieniem się w nowym środowisku - mimo zmian, które zaszły “pod spodem” - a sklep od pierwszych minut generował sprzedaż.

Po migracji na Shopify:

• strona działa stabilnie,
• proces zakupowy jest płynny,
• czas ładowania i wyniki w Core Web Vitals są na bardzo dobrym poziomie,
• widoczność i pozycja w SEO nie została utracona.

Skok w codziennej pracy zespołu

Najbardziej odczuwalna zmiana zaszła po stronie ludzi, którzy z systemem pracują codziennie.

Zespół Gatta zyskał:

• pełną kontrolę nad zamówieniami – możliwość ich edycji, prosta obsługa zwrotów, lepsze zarządzanie statusami;
• wygodniejszą pracę z magazynem – wydruk i przekazywanie podsumowań zamówień bezpośrednio z panelu;
• łatwe zarządzanie rolami i uprawnieniami – różne zespoły (e-commerce, marketing, salony) mają dostęp do swoich obszarów, z historią zmian po użytkowniku;
• swobodę w budowaniu treści – banery, sekcje, landing page’e mogą być tworzone i modyfikowane samodzielnie, bez angażowania programistów.

Z perspektywy operacyjnej jest to duża zmiana jakościowa – zespół przestaje “walczyć z narzędziem”, a zaczyna wykorzystywać je do realizacji swoich pomysłów.

Baza pod dalszy rozwój

Nowa architektura daje Gattcie solidny fundament, na którym można bezpiecznie budować kolejne etapy rozwoju. Pozwala rozwijać e-commerce bez konieczności “przepisywania wszystkiego od zera”, otwiera przestrzeń do myślenia o nowych rynkach, rozbudowie kanału B2B czy przyszłej wymianie ERP, a dzięki jasno zdefiniowanym punktom integracji umożliwia łatwe rozszerzanie funkcjonalności o kolejne aplikacje i rozwiązania Shopify.

Ten projekt jest stworzony we współpracy z naszymi partnerami technologicznymi: