Historia sukcesu

Cursor Powered by OEX

Wielomarkowa platforma WordPress dla grupy outsourcingowej: Trzy witryny zbudowane w oparciu o jedną wspólną architekturę

corporate-group
wordpress-rebuild
multi-brand-architecture
content-migration

O firmie

Warszawska firma zajmująca się outsourcingiem sprzedaży i należąca do Grupy OEX - potrzebowała uruchomić jednocześnie trzy strony internetowe po rebrandingu, przy jednoczesnym utrzymaniu długoterminowych kosztów redakcyjnych na niskim poziomie.

rocksplaceholder-video
placeholder-videoplaceholder-video
~700h

Czas budowy

strona główna(Cursor)

~160h

Czas budowy

MerService (motyw podrzędny)

~35h

Czas budowy

ProPeople (motyw podrzędny)

~30%

wzrost

w przychodzących leadach po uruchomieniu

Podsumowanie

Cursor powered by OEX musiał uruchomić trzy strony internetowe pod zmienioną marką dla trzech prawnie odrębnych firm - Cursor, ProPeople i MerService - wszystkie zarządzane przez jeden zespół marketingowy, bez przebudowywania każdej strony od podstaw.

Poprzedni CMS był tak restrykcyjny, że zespół marketingowy przestał całkowicie korzystać z witryny jako kanału - każda zmiana treści wymagała dewelopera.

Fooz dostarczył współdzieloną architekturę WordPress rodzic-dziecko, która przywróciła pełną niezależność redakcyjną zespołowi marketingowemu, uruchomiła motywy podrzędne w ułamku pierwotnego czasu kompilacji i doprowadziła do ~30% wzrostu liczby potencjalnych klientów w ciągu kilku miesięcy - bez żadnych nowych płatnych kampanii.


Kontekst i wyzwania


Cursor jest partnerem z wyboru wspierającym sprzedaż globalnych marek w Polsce, działającym w ramach Grupy OEX, warszawskiego holdingu z kilkunastoma spółkami zależnymi. Funkcja marketingowa spółki obejmuje jednocześnie trzy marki - Cursor, ProPeople (zarządzanie kadrami i płacami) oraz MerService (eksperci wsparcia sprzedaży marek FMCG)

Wyzwalaczem projektu była decyzja o rebrandingu na poziomie grupy: wszystkie spółki zależne OEX musiały dostosować się do nowych ram marki, w tym zdefiniowanej palety kolorów, zatwierdzonych krojów pisma i obowiązkowych elementów poparcia grupy, takich jak wariant logo "Powered by OEX" i znaki stopki "Growth System". Problem leżał jednak głębiej niż tylko w estetyce. Poprzedni CMS był tak restrykcyjny, że zespół marketingowy skutecznie przestał traktować stronę internetową jako kanał marketingowy - strony docelowe nie mogły być tworzone bez udziału programisty, a nawet drobne aktualizacje treści wymagały przekierowania przez zewnętrznych wykonawców. Jak ujął to jeden z interesariuszy:

Jak ujął to jeden z interesariuszy:

Strona faktycznie nie istniała jako narzędzie marketingowe. Teraz stała się centralną osią naszych działań marketingowych.

Mateusz Widera

Kierownik działu marketingu, dyrektor ds. marketingu, Cursor powered by OEX

Dodatkowym problemem była fragmentacja infrastruktury. Trzy oddzielne strony internetowe znajdowały się u różnych dostawców hostingu, zarządzane przez różnych programistów, z domenami zarejestrowanymi w różnych miejscach. Miesięczny narzut administracyjny był znaczny, a wiedza o tym, kto jest odpowiedzialny za co, wymagała każdorazowego zadawania pytań od zera.

Podejście i realizacja

Architektura i projektowanie

Główną decyzją architektoniczną było zbudowanie jednego nadrzędnego motywu WordPress ze wspólną biblioteką bloków Gutenberg, z której ProPeople i MerService dziedziczyłyby poprzez motywy potomne. Był to właściwy wybór ze względu na ograniczony budżet i napięty harmonogram uruchomienia - ale wymagał ścisłej koordynacji między projektowaniem a rozwojem od pierwszego sprintu.

Projektant, Filip, został poproszony o stworzenie komponentów z myślą o ponownym wykorzystaniu między markami: wystarczająco elastycznych, aby obsługiwać różne układy w trzech różnych tożsamościach marki, ale wystarczająco spójnych, aby uniknąć powielania wysiłków rozwojowych.

Na przykład moduł używany do wyświetlania zdjęć zespołu w witrynie Cursor został wykorzystany do wyświetlania logo klientów w MerService - ten sam podstawowy blok, inna strategia treści.

Rozwój

Infrastruktura wdrożeniowa została zbudowana wokół pojedynczego repozytorium ze współdzieloną główną gałęzią, która jest wdrażana jednocześnie we wszystkich trzech lokalizacjach. Każda marka ma własną gałąź dla nadpisań specyficznych dla marki, więc globalne ulepszenie - poprawka wydajności lub aktualizacja bloku - rozprzestrzenia się automatycznie bez konieczności oddzielnych wdrożeń.

Ta struktura rozwiązała również problem fragmentacji administracyjnej: wszystkie trzy witryny działają teraz w ramach jednej konfiguracji hostingu i DNS, z jednym punktem kontaktowym dla infrastruktury.

Migracja

Migracja wymagała raczej celowej selekcji treści niż pełnego transferu. Poprzednia witryna zawierała wieloletnie strony o niskiej wartości - zduplikowane struktury kategorii, jednoakapitowe wiadomości o zmianach w zarządzie sprzed pół dekady i niespójne wzorce adresów URL.

Współpracując z agencją SEO klienta, Fooz przeprowadził audyt istniejącej zawartości, skonsolidował zduplikowane posty, ustandaryzował wewnętrzne struktury linków i zmapował przekierowania przed rozpoczęciem migracji.

Celem była ochrona kapitału rankingowego przy jednoczesnym oczyszczeniu długu technicznego, który nagromadził się przez lata niezarządzanego publikowania.

Tłumaczenia

Angielskojęzyczna wersja strony Cursor była obsługiwana przez własną integrację Fooz Live Translate, obsługiwaną przez DeepL.
Zautomatyzowane tłumaczenie objęło całą witrynę, a zespół klienta wykonał przegląd po tłumaczeniu, aby poprawić terminologię specyficzną dla domeny - wydajny podział pracy, który pozwolił uniknąć kosztów ręcznego tłumaczenia na dużą skalę.

Wieloplatformowe elementy wielokrotnego użytku

Tech Stack

CMS

WordPress (niestandardowy motyw nadrzędny + motywy podrzędne)

Zarządzanie treścią dla trzech witryn marki z jednej bazy kodu

Kreator stron

Gutenberg (bloki niestandardowe)

Interfejs redakcyjny - ustrukturyzowana biblioteka bloków umożliwiająca niezależne publikowanie treści

Wdrożenie

Pojedyncze repozytorium Git z gałęziami specyficznymi dla marki

Jednoczesne wdrażanie w wielu lokalizacjach; zastępowanie poszczególnych marek bez powielania kodu

Tłumaczenie

Fooz Live Translate

Zautomatyzowane tłumaczenie PL całej witryny Cursor z warstwą weryfikacji przez człowieka

Integracja z systemem rekrutacyjnym

Zewnętrzny system rekrutacyjny (integracja API)

Dynamiczna synchronizacja ofert pracy w wielu podmiotach OEX z regułami wyświetlania dla poszczególnych marek

Formularze CRM

Niestandardowe formularze WordPress (migracja 1:1 ze starszych wersji)

Zachowanie istniejącego mapowania pól CRM do przekierowywania leadów

Dostęp użytkownika

Niestandardowa rola edytora chronionego (WordPress)

Ograniczony dostęp redakcyjny dla użytkowników niezwiązanych z marketingiem (np. zespół raportujący, HR)

Hosting

[VERIFY z Arek - jeden dostawca, konsolidacja trzech poprzednich konfiguracji]

Ujednolicona infrastruktura i fakturowanie we wszystkich trzech lokalizacjach

Analityka

Menedżer tagów Google

Ustrukturyzowane śledzenie zdarzeń i konwersji - [ZWERYFIKUJ konkretną konfigurację po migracji]

Wyniki

Przed

  • Trzy oddzielne witryny u różnych dostawców hostingu, zarządzane przez różnych programistów - brak jednego punktu kontaktowego
  • CMS tak restrykcyjny, że zespół marketingowy przestał używać strony jako narzędzia marketingowego
  • Każda zmiana treści wymagała przekierowania przez zewnętrznego programistę lub wykonawcę.
  • Infrastruktura podzielona na nieskoordynowane konfiguracje DNS, hostingu i rozliczeń.

Po

  • Jedna ujednolicona platforma: jedna baza kodu, jeden potok wdrażania, jeden dostawca hostingu
  • Zespół marketingowy samodzielnie publikuje strony docelowe, raporty i treści premium - nie jest wymagany programista.
  • Pracownicy niezwiązani z marketingiem (zespół ds. raportowania, HR) działają w ramach ról Redaktora Chronionego.
  • Liczba leadów przychodzących wzrosła o ~30% w ciągu kilku miesięcy od uruchomienia, bez uruchamiania nowych płatnych kampanii.

Metryki i wartości

90

Wydajność pagespeed

Cursor (mobilny)

82

Dostępność PageSpeed

Cursor (mobilny)

100

Najlepsze praktyki PageSpeed

Cursor (mobilny)

100

PageSpeed SEO

Cursor (mobilny)

84

Wydajność pagespeed

ProPeople & MerService (mobile)

Po uruchomieniu klient przekazał również informacje zwrotne z zewnątrz - w tym od potencjalnych klientów podczas pierwszych spotkań sprzedażowych - zwracając szczególną uwagę na jakość witryny Cursor.

Jeśli wprowadzę nowego członka zespołu, który nigdy wcześniej nie pracował w WordPressie, może on wejść i zrobić to dobrze w 80% przypadków - bez żadnego szkolenia.

Mateusz Widera

Kierownik działu marketingu, Kierownik działu marketingu, OEX Cursor / ProPeople / MerServicee

Oś czasu projektu

Odkrycie i
architektura

~1 miesiąc

Projekt (rodzic Cursor)

~1 tydzień

Rozwój: Motyw nadrzędny Cursor

~3 miesiące

Motywy potomne: ProPeople + MerService

~2 miesiące

Migracja treści, przygotowanie SEO i uruchomienie

~2 tygodnie

Kompilacje motywów podrzędnych ProPeople i MerService przebiegały częściowo równolegle z rozwojem i kontrolą jakości Cursor, a nie ściśle sekwencyjnie.

Podsumowanie

Kluczowe lekcje

01.

Inwestycja w motyw nadrzędny zwraca się wykładniczo - ale tylko wtedy, gdy projekt i rozwój są dopasowane od pierwszego dnia.

~700 godzin spędzonych nad motywem nadrzędnym Cursor umożliwiło uruchomienie ProPeople w ~35 godzin. Współczynnik ten zadziałał tylko dlatego, że projektant od początku budował komponenty z myślą o ponownym wykorzystaniu wielu marek. Gdyby projektowanie i rozwój były wykonywane oddzielnie, motywy potomne wymagałyby znacznych przeróbek.

W przypadku projektów obejmujących wiele marek, wspólna logika komponentów musi być ograniczeniem projektowym, a nie refleksją.

02.

Migracja treści jest decyzją strategiczną, a nie zadaniem technicznym.

Migracja wszystkiego ze starej witryny byłaby szybsza - i bardziej szkodliwa. Witryny OEX przez lata zawierały treści o niskiej wartości: zduplikowane kategorie, jednoakapitowe artykuły prasowe, niespójne struktury adresów URL. Selektywna migracja tylko treści o wartości SEO lub biznesowej i konsolidacja reszty pozwoliła zachować pozycję w rankingu, jednocześnie eliminując dług techniczny, który spowolniłby przyszłe prace redakcyjne.

Pełna migracja rzadko jest właściwym rozwiązaniem.

03.

Złożoność infrastruktury wielu marek jest prawie powszechnie niedoceniana.

Prowadzenie trzech prawnie odrębnych marek w ramach jednego zespołu marketingowego stwarza ograniczenia wykraczające poza branding. Oddzielne gałęzie git, integracje rekruterów dla poszczególnych marek z różnymi regułami wyświetlania, zakres ról użytkowników i niezależne rekordy DNS - wszystko to wymaga wcześniejszego zaprojektowania.

Traktowanie tego jako "jednej witryny z trzema schematami kolorów" prowadzi do długu architektonicznego, którego późniejsze odkręcenie jest kosztowne.

04.

Kiedy stary system powoduje zbyt duże tarcia, ludzie przestają z niego korzystać - a ten ukryty koszt jest niewidoczny w żadnym skrócie.

Najważniejszym rezultatem tego projektu nie był wynik PageSpeed. Chodziło o to, że strona internetowa z ignorowanej stała się centralną osią działań marketingowych zespołu. Żaden wskaźnik nie oddaje tej zmiany bezpośrednio, ale jest to warunek wstępny dla wszystkiego innego - wzrostu leadów, inwestycji w SEO, szybkości redakcji.

Przed przystąpieniem do przebudowy warto zdiagnozować, czy u klienta występuje "porzucenie CMS spowodowane tarciem".

Planujesz wielomarkowy system WordPress dla grupy lub holdingu?

Robiliśmy to już wcześniej - wspólna architektura, motywy potomne specyficzne dla marki, ujednolicone wdrażanie i systemy redakcyjne, z których faktycznie mogą korzystać zespoły nietechniczne. Jeśli zarządzasz stronami internetowymi dla dwóch lub więcej powiązanych podmiotów i poświęcasz zbyt dużo czasu na koordynację,

Skontaktuj się