Centra - headless e-commerce dla marek premium i globalnych

Centra to szwedzka platforma typu headless e-commerce, zbudowana z myślą o markach premium i globalnych, głównie modowych i lifestyle'owych. Obsługuje sprzedaż do klientów końcowych i hurt w jednym systemie, a jedna instancja może prowadzić sklepy w dziesiątkach krajów z osobnymi cenami, walutami i magazynami. Na stronie producenta wśród klientów widnieją m.in. Paul Smith, Nudie Jeans, Holzweiler i Craft Sportswear (Centra).

Słowo „headless" w praktyce oznacza, że Centra nie ma gotowej witryny. Zarządza produktami, cenami, zamówieniami i hurtem, a wygląd sklepu buduje się osobno, w dowolnej technologii. Dla marki, której wizerunek jest jej kapitałem, to zaleta. Dla budżetu - pozycja, którą trzeba policzyć z góry.

Zamiast opisywać funkcje po kolei, pokażemy je na przykładzie. Wymyśliliśmy markę, która przechodzi drogę typową dla polskich firm modowych: od jednego sklepu na krajowy rynek do sprzedaży w kilkunastu krajach i współpracy z butikami za granicą. Na każdym etapie sprawdzamy, co robi Centra, a co zostaje po stronie zespołu wdrożeniowego. Piszemy jako software house, który buduje sklepy i frontendy headless, dlatego więcej będzie o decyzjach niż o samych funkcjach.

Marka, która przerosła swój sklep

Nasza przykładowa marka szyje płaszcze i dzianiny z wyższej półki. Zaczynała od sklepu na popularnej platformie abonamentowej, z polską wersją językową i płatnościami w złotówkach. Dla marek z branży modowej to typowy początek i przez pierwsze lata w zupełności wystarcza. Potem nowe potrzeby pojawiły się prawie jednocześnie. Niemcy i Skandynawia zaczęły odpowiadać za coraz większą część zamówień, więc pojawiła się potrzeba osobnych cen w euro i koronach. Butiki z Kopenhagi i Mediolanu chciały zamawiać kolekcję hurtowo, z wyprzedzeniem, w paczkach rozmiarowych. Zespół marketingu chciał, żeby strona wyglądała jak magazyn modowy, a nie jak szablon sklepu.

Każdą z tych potrzeb da się obsłużyć osobno: dodatkowymi wersjami sklepu, zewnętrzną aplikacją do hurtu, arkuszami z cennikami dla butików i ręcznym przepisywaniem zamówień do systemu magazynowego. Po roku firma ma jednak pięć narzędzi, które nie wiedzą o sobie nawzajem, a stany magazynowe zgadzają się tylko w poniedziałki rano. To moment, w którym marki zaczynają szukać platformy takiej jak Centra.

Headless e-commerce w wydaniu Centry: zaplecze bez witryny

Klasyczny sklep internetowy to jedna aplikacja: panel, baza produktów i strona, którą widzi klient. W modelu headless te części są rozdzielone. Platforma pełni rolę zaplecza i udostępnia dane przez API, czyli interfejs, przez który programy wymieniają się informacjami. Strona sklepu jest osobną aplikacją, która z tych danych korzysta. Szerszy kontekst tego podejścia daje architektura MACH, w której headless jest jednym z czterech filarów. Centra udostępnia dwa główne interfejsy. Storefront API służy do budowy części widocznej dla klienta: listy produktów, filtrów, koszyka i zamówienia. Integration API łączy Centrę z systemami firmy, takimi jak ERP czy system obsługi zamówień. Oba korzystają z GraphQL, języka zapytań, w którym aplikacja pobiera dokładnie te dane, których potrzebuje. Producent udostępnia też gotowy punkt startowy dla frontendu: przykładowy sklep zbudowany w Next.js, TypeScript i Tailwind CSS, z listą produktów, kontem klienta, koszykiem i płatnościami, na otwartej licencji MIT. To ten sam zestaw technologii, w którym budujemy sklepy i aplikacje webowe, więc dla zespołu znającego Next.js start jest krótki.

Gotowy szablon to jednak tylko punkt wyjścia. Marka premium płaci za Centrę właśnie po to, żeby jej sklep nie wyglądał jak cudzy.

Kolejne rynki bez kolejnych sklepów

Wracamy do marki. Pierwszy problem to ekspansja. W Centrze nie zakłada się osobnego sklepu na każdy kraj. Jedna instancja dzieli się na rynki, a rynek może oznaczać kraj, region albo grupę klientów, na przykład stałych klientów VIP. Każdy rynek ma własne ceny, walutę, kampanie, widoczne produkty i dostępne metody dostawy. Ceny trzymane są w cennikach przypisanych do waluty i rynku. Ciekawy szczegół: produkt bez ceny w danym cenniku jest widoczny, ale nie da się go kupić. Dla marki to wygodne przy premierach, bo kolekcja może pojawić się w sklepie, zanim ruszy sprzedaż w danym kraju.

Najwięcej porządku wnosi obsługa magazynów. Marka może mieć magazyn w Polsce, partnera logistycznego w Niemczech i stok w sklepie stacjonarnym. Reguły alokacji decydują, z którego magazynu realizować zamówienie z danego rynku: według ustalonej kolejności albo tak, żeby jedno zamówienie wysyłać z jak najmniejszej liczby miejsc. Gdy zamówień i kanałów jest dużo, część firm i tak dokłada osobny system zarządzania zamówieniami (OMS), ale wiele marek zaczyna od tego, co ma platforma.

Według producenta Centra obsługuje sprzedaż do ponad 120 krajów z lokalnymi płatnościami, dostawami, językami i podatkami.

Hurt przestaje żyć w arkuszu

Drugi problem marki to butiki. Sprzedaż hurtowa w modzie ma swój rytm: kolekcja pokazywana jest z wyprzedzeniem, klienci zamawiają w paczkach rozmiarowych, a ceny i warunki płatności różnią się między partnerami. W wielu firmach to wszystko odbywa się mailowo, z PDF-em kolekcji i arkuszem zamówień. Centra ma hurt wbudowany w ten sam system, w którym działa sklep. Partnerzy zamawiają przez cyfrowy showroom, handlowcy tworzą katalogi kolekcji, tzw. linesheety, a platforma obsługuje paczki rozmiarowe i indywidualne ceny. Produkty, stany i zamówienia z obu kanałów są w jednym miejscu. Producent podaje, że 70% marek na Centrze łączy hurt ze sprzedażą bezpośrednią D2C.

To główny wyróżnik platformy. Ogólne systemy e-commerce też mają funkcje B2B, ale zwykle są projektowane dla hurtowni z cennikiem i koszykiem, a nie dla sezonowych kolekcji z przedsprzedażą. Oczekiwania samych klientów hurtowych dobrze opisuje tekst o samoobsłudze w B2B e-commerce: status zamówienia, faktury i ponowne zamówienie bez dzwonienia do handlowca.

Jedno zastrzeżenie. Showroom hurtowy to gotowy moduł Centry, a nie część frontendu budowanego przez markę, więc jego wygląd zwykle da się zmieniać w mniejszym stopniu niż wygląd sklepu dla klientów. Dla większości marek to nie problem, bo kupcy z butików oczekują sprawnego narzędzia, a nie efektownej strony.

Płaszcz w pięciu rozmiarach i trzech kolorach

Trzeci obszar to dane produktowe. W modzie jeden model to kilkanaście wariantów: rozmiary, kolory, długości. Do tego zdjęcia na modelu i bez, opisy w kilku językach, skład tkaniny i instrukcja prania. Centra ma wbudowane zarządzanie informacją produktową dostosowane do produktów modowych, więc mniejsza marka często nie potrzebuje osobnego systemu PIM. Platforma rozdziela też produkt od sposobu jego prezentacji. Ten sam płaszcz może pojawić się w kilku ekspozycjach: w kategorii „Okrycia", w kolekcji kapsułowej i w zestawie z szalem. Dla zespołu e-commerce to sporo swobody przy budowaniu kampanii bez kopiowania produktów.

Przy większym katalogu i własnej produkcji dane zaczynają się jednak wcześniej, w dziale projektowym. Kolekcje, tkaniny i karty techniczne żyją wtedy w systemie PLM dla producenta odzieży, a do sklepu trafia tylko część informacji. Wtedy trzeba ustalić, który system jest źródłem prawdy dla którego pola. Bez tego ten sam skład tkaniny będzie poprawiany w kilku miejscach. Przy wielu kanałach sprzedaży rolę takiego centrum danych przejmuje czasem osobne wdrożenie PIM, z którego Centra pobiera opisy i atrybuty.

Czego Centra nie zrobi za markę

Centra zdejmuje z firmy sporą część logiki handlowej. Nie zdejmuje odpowiedzialności za to, jak sklep wygląda, jak szybko działa i jak rozmawia z resztą firmy. Typowy projekt wdrożeniowy obejmuje:

• frontend sklepu, czyli całą warstwę widoczną dla klienta, zwykle w Next.js i hostowaną np. na Vercelu;
• treści redakcyjne, lookbooki i strony kampanii, które najwygodniej prowadzić w osobnym headless CMS, takim jak Strapi;
• wyszukiwarkę, jeśli wbudowane wyszukiwanie nie wystarcza, np. opartą na Algolii;
• integracje z ERP, magazynem, płatnościami i marketingiem;
• przeniesienie danych i adresów URL ze starego sklepu bez utraty ruchu z wyszukiwarki.

Część integracji producent dostarcza gotowych: płatności Adyen i Stripe, dostawy przez Ingrid, marketing przez Klaviyo i Voyado. Połączenie z firmowym systemem ERP zwykle trzeba zbudować pod konkretny przypadek, bo każda firma ma inne procesy księgowe i logistyczne. Koszt licencji Centry nie jest publikowany, wycena odbywa się indywidualnie z dostawcą. Do niej dochodzi budowa frontendu i integracji, która zwykle jest największą pozycją w budżecie.

Centra na tle Shopify Plus i platform open source

Centra nie jest jedyną drogą dla marki premium. Poniżej porównanie z dwiema alternatywami, które najczęściej wchodzą w grę.

Shopify w wersji Plus to dojrzała platforma, na której zbudowaliśmy m.in. marketplace Baza Cosmetics, działający na 9 rynkach europejskich. Jeśli marka sprzedaje głównie bezpośrednio, a hurt jest dodatkiem, Shopify Plus zwykle będzie prostszy i szybszy we wdrożeniu.

Platformy open source, takie jak Medusa, Saleor czy Vendure, dają pełną kontrolę i brak opłat licencyjnych, ale całą logikę hurtu, rynków i magazynów trzeba złożyć samodzielnie. Na drugim końcu skali są platformy enterprise, jak commercetools, z budżetami i harmonogramami dla największych sieci. Na stronie usługi e-commerce piszemy wprost, że nie mamy jednej ulubionej platformy. Centra ma sens wtedy, gdy hurt i wiele rynków to codzienność marki, a nie plan na przyszłość.

Jak przygotować przejście na Centrę

Migracja platformy sklepu to projekt na kilka miesięcy, a nie przełączenie wtyczki. Kolejność, która ogranicza ryzyko:

1. Spisanie procesów sprzedaży detalicznej i hurtowej, łącznie z wyjątkami: przedsprzedaż, zwroty między krajami, indywidualne warunki dla butików.
2. Uporządkowanie danych produktowych i decyzja, który system jest źródłem prawdy dla produktów, cen i stanów.
3. Mapa wszystkich adresów URL obecnego sklepu i plan przekierowań.
4. Projekt i budowa frontendu równolegle z konfiguracją rynków, cenników i magazynów w Centrze.
5. Integracje z ERP, magazynem i marketingiem, testy na kopii danych, a dopiero potem przełączenie.

Najwięcej czasu oszczędza pierwszy krok. Firmy często odkrywają podczas niego, że połowa wyjątków w hurcie wynika z dawnych ustaleń, których nikt już nie potrzebuje. Dlatego takie projekty zaczynamy od warsztatów product discovery, na których ustalamy zakres i sprawdzamy, czy Centra rzeczywiście jest najlepszym wyborem.

Z wieloma rynkami i dużą liczbą wariantów pracowaliśmy w innych projektach. Dla Global Parts zbudowaliśmy sklep w Next.js, który zastąpił sprzedaż przez marketplace'y, na 9 rynkach i w 6 wersjach językowych. W konfiguratorze garniturów Signor Leone klient wybiera spośród setek wariantów tkanin, krojów, podszewek i guzików.