B2B SaaS pro onboarding uživatelů

Migrace na Webflow za plného provozu

Product Fruits je globálně působící český B2B SaaS. Jejich platforma pro user onboarding pomáhá technologickým firmám po celém světě zvyšovat adopci produktů. Jako leader ve svém segmentu potřebují web, který výkonem i flexibilitou drží krok s jejich vlastním softwarem.

Přečíst studii nahlas hlas prohlížeče

Klient: Product Fruits
Obor: B2B SaaS pro onboarding uživatelů
Služba: Migrace webu na Webflow
Týmy: Marketing
Stav: Dlouhodobá spolupráce na retaineru
Technologie: WebflowWordPressClient-FirstGSAPCalendly

40+stránek přestavěných na frameworku Client-First

0omezení marketingových aktivit během celé migrace

Shrnutí

Product Fruits, český B2B SaaS pro user onboarding, měl marketingový web na legacy WordPressu. Převedli jsme 40+ stránek na Webflow po jednotlivých stránkách za plného provozu, doplnili atribuci až po rezervaci dema a marketing dnes web spravuje sám.

Migrace po jednotlivých stránkách: marketing publikoval obsah a ladil kampaně i během přechodu.
Vlastní měřicí vrstva drží zdroj návštěvy až po rezervaci dema v Calendly.
Po migraci jsme přešli na menší retainer, běžný provoz řídí interní tým.

Proces

Jak to fungovalo dřív a jak teď

Platforma Legacy WordPress s drahou údržbou Webflow na frameworku Client-First
Úpravy obsahu Závislost na externích vývojářích Marketing edituje obsah sám
Landing pages Nové kampaně čekaly na vývoj Tým staví stránky z komponent
Rezervace dema Bez sledování zdroje v celém funnelu Zdroj návštěvy se drží až po Calendly

DříveWeb na WordPressu omezoval marketing: úpravy závisely na vývojářích a funnel až po demo nešel přesně sledovat.

NyníNa Webflow marketing sám staví a upravuje stránky a každá rezervace dema nese údaj o zdroji návštěvy.

Výzva

Marketingový web Product Fruits byl dříve limitován architekturou na WordPressu. Šlo o legacy systém s vysokými náklady na údržbu a minimální flexibilitou pro marketingové aktivity. Hlavní výzvy zahrnovaly:

Kontinuitu byznysu: Realizaci migrace bez zastavení úprav webu a běžících kampaní.
Technologický dluh: Refaktorizaci komplikovaného kódu do udržitelného standardu Client-First.
Funkční limity: Implementaci komplexních reaktivních prvků (pricing widgety, navigace), které standardní nástroje nezvládaly.
Atribuci dat: Absenci přesného sledování v celém funnelu od první návštěvy až po rezervaci dema.

Řešení

Postup krok za krokem

Strategická migrace „page-by-page“

Namísto rizikového vypnutí starého webu a čekání na nový jsme zvolili iterativní migraci po jednotlivých stránkách. Tento přístup umožnil marketingovému týmu kontinuálně publikovat obsah a optimalizovat kampaně i během probíhající transformace.

Celý web (40+ stránek) jsme nově postavili na frameworku Client-First, čímž jsme zajistili čistý kód a snadnou budoucí správu.
Custom Development a pokročilé UI interakce

Pro zajištění špičkového uživatelského zážitku jsme vyvinuli sadu komponent na míru. Využili jsme knihovnu GSAP pro plynulé animace a vytvořili reaktivní pricing widgety, které dynamicky reagují na volby uživatele.

Tyto prvky nejsou pouze estetické, ale přímo podporují srozumitelnost komplexního produktu a vedou uživatele k akci.
Implementace pokročilé analytické vrstvy

Zásadním zásahem bylo nasazení custom tracking layeru pro napojení Calendly (rezervace dema). Tato vrstva uchovává data o zdroji návštěvy skrze celý funnel, což umožnilo přesnou atribuci konverzí.

Díky transparentním datům mohl marketingový tým začít efektivněji alokovat rozpočty, což vedlo k prokazatelnému zvýšení conversion rate.
Osamostatnění marketingu

Jedním z hlavních cílů bylo odstranění závislosti marketingu na externích vývojářích při běžných úpravách. Správným nastavením Webflow CMS a systému komponent jsme umožnili týmu stavět nové landing pages a editovat stávající obsah plně autonomně. To radikálně zkrátilo Time-to-Market u nových kampaní.
Model dlouhodobého technického partnerství

Po dokončení hlavní migrace jsme přešli na model lightweight retaineru. Ten klientovi zajišťuje kontinuální zaručení kvality, ad-hoc technické konzultace a rozvoj komplexních funkcí. Běžný provoz webu přitom zůstává plně v rukou interního týmu, který má pro svou práci volné ruce.

Výsledek

Transformace webu z problémové platformy na výkonný marketingový nástroj umožnila Product Fruits akcelerovat růst bez technologických překážek.

Nulové omezení marketingových aktivit během celého procesu.
Plná autonomie marketingového týmu při správě a rozvoji stránek.
Migrace 40+ stránek do udržitelného a čistého kódu.
Zvýšení conversion rate díky přesné atribuci dat.

Reference jiného klienta

Spolupracovali jsme s Forecom na migraci dvou HubSpot účtů do jednoho, přičemž bylo nutné zachovat funkčnost obou. Díky jejich přístupu mohli naši týmoví kolegové až do posledního dne bez omezení využívat své stávající HubSpot účty a hned od druhého dne po migraci plynule pracovat v novém společném prostředí, aniž by to narušilo jejich workflow.

Tomáš Kasalický, Project Manager, ROIVenue

Závěr

Případová studie Product Fruits ilustruje, jak lze modernizovat rozsáhlý web bez rizika ztráty kontinuity. Kombinace technické expertízy ve Webflow a strategického pohledu na analytiku proměnila web v nástroj, který nejen reprezentuje značku, ale aktivně generuje obchodní výsledky.

Časté otázky

Jak migrovat web z WordPressu na Webflow bez přerušení kampaní?

U Product Fruits jsme místo vypnutí starého webu zvolili migraci po jednotlivých stránkách. Marketing tak mohl průběžně publikovat obsah a optimalizovat kampaně a během celého procesu nebyly marketingové aktivity nijak omezené.

Jak sledovat atribuci konverzí z webu až po rezervaci dema v Calendly?

Pro Product Fruits jsme nasadili vlastní tracking layer, který uchovává zdroj návštěvy v celém funnelu až po rezervaci dema v Calendly. Marketing díky tomu přesněji rozděluje rozpočty a conversion rate prokazatelně vzrostl.

Může marketing spravovat web ve Webflow bez vývojářů?

Ano, pokud jsou dobře nastavené Webflow CMS a systém komponent. Tým Product Fruits dnes sám staví nové landing pages a upravuje obsah, my zajišťujeme kontrolu kvality, konzultace a složitější funkce v rámci retaineru.