Płynna migracja do Webflow bez przestoju
Product Fruits to czeska firma B2B SaaS działająca globalnie. Jej platforma do onboardingu użytkowników pomaga firmom technologicznym na całym świecie zwiększać adopcję produktów. Jako lider w swoim segmencie potrzebuje strony, której wydajność i elastyczność dorównują jej własnemu oprogramowaniu.
- Klient
- Product Fruits
- Branża
- B2B SaaS, onboarding użytkowników
- Usługa
- Migracja strony do Webflow
- Zespoły
- Marketing
- Status
- Bieżący, lekki retainer
- Technologie
- WebflowWordPressClient-FirstGSAPCalendly
Podsumowanie
Product Fruits, czeski B2B SaaS do onboardingu użytkowników, miał stronę marketingową na przestarzałym WordPressie. Przenieśliśmy ponad 40 stron do Webflow strona po stronie, przy działającej witrynie, dodaliśmy atrybucję aż do rezerwacji demo, a marketing samodzielnie prowadzi teraz stronę.
- Migracja strona po stronie pozwoliła marketingowi dalej publikować i optymalizować kampanie.
- Własna warstwa trackingu zachowuje źródło wizyty aż do rezerwacji demo w Calendly.
- Po migracji przeszliśmy na lekki retainer, a stronę prowadzi zespół wewnętrzny.
Jak to działało wcześniej i jak działa teraz
- Platforma Przestarzały WordPress, drogie utrzymanie Webflow na frameworku Client-First
- Edycja treści Zależność od zewnętrznych programistów Marketing sam edytuje treści
- Landing page'e Nowe kampanie czekały na programistów Zespół buduje strony z komponentów
- Rezerwacja demo Brak trackingu w całym lejku Źródło wizyty zachowane aż do Calendly
WcześniejStrona na WordPressie hamowała marketing: zmiany zależały od programistów, a lejka aż do demo nie dało się dokładnie śledzić.
TerazW Webflow marketing sam buduje i edytuje strony, a każda rezerwacja demo ma przypisane źródło wizyty.
Wyzwanie
Strona marketingowa Product Fruits była wcześniej ograniczona architekturą WordPressa. Był to przestarzały system o wysokich kosztach utrzymania i minimalnej elastyczności dla działań marketingowych. Główne wyzwania:
- Ciągłość biznesu: przeprowadzić migrację bez wstrzymywania aktualizacji strony i aktywnych kampanii.
- Dług techniczny: przepisać złożony kod do trwałego standardu Client-First.
- Ograniczenia funkcjonalne: wdrożyć złożone elementy reaktywne (widżety cennika, nawigacja), z którymi standardowe narzędzia sobie nie radziły.
- Atrybucja danych: brak dokładnego trackingu w całym lejku, od pierwszej wizyty po rezerwację demo.
Krok po kroku
-
Strategiczna migracja „strona po stronie”
Zamiast ryzykownego wyłączenia starej strony i czekania na nową wybraliśmy iteracyjną migrację strona po stronie. Dzięki temu zespół marketingu mógł nieprzerwanie publikować treści i optymalizować kampanie nawet w trakcie zmian.
Całą stronę (ponad 40 podstron) przebudowaliśmy na frameworku Client-First, co zapewnia czysty kod i łatwe zarządzanie w przyszłości.
-
Development na zamówienie i zaawansowane interakcje UI
Aby zapewnić najwyższej klasy doświadczenie użytkownika, stworzyliśmy zestaw własnych komponentów. Do płynnych animacji użyliśmy biblioteki GSAP i zbudowaliśmy reaktywne widżety cennika, które dynamicznie reagują na wybory użytkownika. Te elementy nie są tylko ozdobą: bezpośrednio pomagają zrozumieć złożony produkt i prowadzą użytkowników do działania.
-
Zaawansowana warstwa analityczna
Kluczowym krokiem było wdrożenie własnej warstwy trackingu do integracji z Calendly (rezerwacje demo). Warstwa zachowuje dane o źródle wizyty w całym lejku, co umożliwia precyzyjną atrybucję konwersji.
Dzięki przejrzystym danym zespół marketingu zaczął efektywniej dzielić budżety, co przełożyło się na wymierny wzrost współczynnika konwersji.
-
Samodzielność zespołu marketingu
Jednym z głównych celów było uniezależnienie marketingu od zewnętrznych programistów przy rutynowych zmianach. Dzięki dobrej konfiguracji Webflow CMS i systemu komponentów zespół może w pełni samodzielnie budować nowe landing page'e i edytować istniejące treści. To radykalnie skróciło czas wprowadzania nowych kampanii (Time-to-Market).
-
Długoterminowe partnerstwo techniczne
Po zakończeniu głównej migracji przeszliśmy na model lekkiego retainera. Zapewnia on klientowi stałą kontrolę jakości, doraźne konsultacje techniczne i rozwój złożonych funkcji.
Codzienne prowadzenie strony pozostaje w pełni w rękach zespołu wewnętrznego, który może teraz pracować bez przeszkód.
Rezultat
Zamiana problematycznej platformy w skuteczne narzędzie marketingowe pozwoliła Product Fruits przyspieszyć wzrost bez barier technologicznych.
-
Zero zakłóceń w działaniach marketingu przez cały proces.
-
Pełna samodzielność marketingu w zarządzaniu stroną i jej rozwoju.
-
Migracja ponad 40 stron do trwałego i czystego kodu.
-
Wyższy współczynnik konwersji dzięki precyzyjnej atrybucji danych.
Współpracowaliśmy z Forecom przy połączeniu dwóch HubSpotów w jedno konto, które zachowało funkcje obu. Zadbali o płynne przejście: członkowie zespołu mogli w pełni korzystać ze swoich HubSpotów do ostatniego dnia przed migracją, a od drugiego dnia zaczęli pracować we wspólnym HubSpocie bez żadnego negatywnego wpływu na swoją pracę.
Wnioski
Case study Product Fruits pokazuje, jak zmodernizować dużą stronę bez ryzyka utraty ciągłości biznesu. Połączenie technicznej ekspertyzy w Webflow ze strategicznym podejściem do analityki zamieniło stronę w narzędzie, które nie tylko reprezentuje markę, ale aktywnie przynosi wyniki biznesowe.
Najczęściej zadawane pytania
Jak przejść z WordPressa na Webflow bez wstrzymywania kampanii?
W Product Fruits migrowaliśmy strona po stronie, zamiast wyłączać starą witrynę. Marketing przez cały czas publikował treści i optymalizował kampanie, bez żadnych zakłóceń w swoich działaniach.
Jak przypisać konwersje ze strony aż do rezerwacji demo w Calendly?
Dla Product Fruits zbudowaliśmy własną warstwę trackingu, która zachowuje źródło wizyty w całym lejku aż do rezerwacji demo w Calendly. Dzięki tym danym marketing precyzyjniej dzieli budżety, a współczynnik konwersji wymiernie wzrósł.
Czy zespół marketingu może zarządzać stroną w Webflow bez programistów?
Tak, jeśli Webflow CMS i system komponentów są dobrze skonfigurowane. Zespół Product Fruits sam buduje landing page'e i edytuje treści, a my w ramach retainera zapewniamy kontrolę jakości, konsultacje i złożone funkcje.