xfive | 20 Years of Trust

Przebudowa popularnej strony do zamówień wydruków Printify bez sekundy przestoju.

Zobacz, jak to zrobiliśmy
Branża:
Rozrywka

Printify to jedna z największych na świecie platform print-on-demand.

Lata szybkiego wzrostu sprawiły, że serwis był przeładowany wykluczającymi się nawzajem narzędziami, co spowalniało jego działanie i utrudniało zespołowi marketingu wprowadzanie aktualizacji.

Przebudowaliśmy witrynę w natywnym edytorze Gutenberg, pozbywając się nagromadzonego długu technologicznego, dbając o to, by platforma działała płynnie. Przeprowadziliśmy migrację z prawdziwym zerowym czasem przestoju dla serwisu, który generuje ruch i sprzedaż w każdej minucie.

Zakres Projektu

Zbudowaliśmy elastyczny system, w którym stare i nowe podstrony doskonale ze sobą współpracują, co pozwoliło nam aktualizować witrynę bez ryzyka przestojów.

Co?

Hybrydowa architektura motywu

Jak?

Warunkowe ładowanie sprawia, że dawne style Elementora wczytują się wyłącznie na starych szablonach. Dzięki temu nowe strony oparte na edytorze Gutenberg pozostają lekkie i szybkie.

Co?

Dedykowany system bloków

Jak?

Ponad 100 wystandaryzowanych bloków Gutenberga wielokrotnego użytku, które dają zespołowi marketingu pełną niezależność w budowaniu podstron.

Co?

System projektowy

Jak?

Ponad 52 współdzielone komponenty UI zbudowane na wielopoziomowym fundamencie SCSS, aby zapewnić spójność wizualną.

Co?

Ustrukturyzowane treści

Jak?

10 dedykowanych typów treści (Custom Post Types, np. poradniki, webinary), aby każdy rodzaj contentu miał swój własny, optymalny proces edycji.

Co?

Dwutorowa migracja

Jak?

Migracja setek artykułów z bloga, połączona z nowoczesnym pipeline'em Jenkins CI/CD działającym w trzech środowiskach.

Liczby Stojące za Transformacją

Nasz kompleksowy remont cyfrowy natychmiast poprawił wszystkie kluczowe wskaźniki wydajności.

Przestoju podczas migracji
0
Dedykowanych bloków stworzonych dla zespołu marketingu
100
Stworzonych współdzielonych komponentów UI
52
Wdrożonych customowych struktur dla podstron
10

„Doceniliśmy ich entuzjazm oraz to, w jaki sposób wyjaśnili, jak ich programiści podejdą do problemu. Doceniłam również, jak inżynierowie xfive współpracowali z naszym zespołem i jak dobrze dopasowali się do naszego sposobu pracy. Zespół xfive wykonał kawał świetnej roboty.”

Product Manager
Printify

Kluczowe rozwiązania

Płynne przejście (Zero przestojów)

Zbudowaliśmy inteligentny system, który ładuje pliki starego page-buildera tylko na tych stronach, które wciąż ich potrzebują. Zapobiegło to konfliktom technologicznym i pozwoliło nam zaktualizować działający serwis całkowicie „za kulisami".

Łatwe tworzenie podstron

Dzięki bibliotece ponad 100 gotowych bloków typu „przeciągnij i upuść" zespół marketingu może teraz samodzielnie i bez trudu tworzyć oraz publikować nowe landing page’e.

Czysty i szybszy kod

Wcześniej przeglądarka odwiedzającego musiała naraz wczytywać kod całej witryny. Teraz strona ładuje jedynie te fragmenty kodu, które są potrzebne na konkretnej oglądanej podstronie. Dzięki temu serwis działa znacznie płynniej i ładuje się o wiele szybciej.

Metryczka techniczna

Project Type
Migracja platformy · Optymalizacja witryny
CMS and Tech
Gutenberg (bloki ACF) · Nowoczesny SCSS i JS · Laravel Mix
Integrations
Google Tag Manager · Segment · FullStory · Optimizely · Jenkins CI/CD