Egy 12 fős, magyar-bázisú B2B SaaS startupnak újraépítettük a landing oldalt Next.js-en statikus generálással, hreflang HU/EN, PostHog A/B tesztelő infrastruktúrával. A free-trial konverzió 6 hét alatt 2,1%-ról 3,4%-ra emelkedett.
Háttér
Az ügyfél egy 12 fős B2B SaaS startup, IT-management workflow tool, magyar és angol piacra céloz. A termék érett, a sales már zárt 200+ ügyfelet, de a self-serve free-trial flow nem teljesít.
A meglévő landing WordPress-en futott, a teljes oldal 6,2s mobil LCP, Lighthouse 38 mobilon. A hreflang nem volt setup-olva, az EN oldal a HU duplikációja, search engine pedig ezt látta. A free-trial konverzió 2,1% volt (signup / landing visitor), a sales szerint 3-4% lenne reális.
Kihívás
Nem csak technikai problémát kellett megoldani. A landing oldal copy-ja és vizuális struktúrája is fáradt: feature-listás bemutatás, 4-5 generikus testimonial, és egy fixre lebetonozott CTA stílus. A startup CMO-ja már próbálta belül A/B tesztelni, de a WordPress-platform nem tette egyszerűen lehetővé.
A scope kritikus szempontja: a sales team nem tudott megállni 8 hetet teljes redesign-ra. Folyamatos lead-generation kellett. Ezért a redesign párhuzamos páston ment a meglévő oldal mellett, csak a final cutover napján váltottunk.
Megközelítés
Két szálat indítottunk: 1) Next.js redesign Sanity headless CMS-szel, hogy a CMO közvetlenül szerkeszthesse a tartalmat. 2) PostHog A/B teszt-infrastruktúra konfigurálása, hogy a launch utáni iteráció gyors lehessen.
A scope szándékosan nem tartalmazta a teljes site-ot — csak a landing, pricing, signup flow, és 3 termék-feature oldal. A blog (40+ cikk) WordPress-en maradt egy aldomain alatt, és csak a hreflang és internal linking lett rendezve. Ez 6 hét munkáját megspórolta.
Megoldás
A Next.js landing App Router-en, RSC + Client Components keverékben. A copy és a visual content Sanity-ban él, a CMO real-time preview-val szerkeszti. A free-trial signup egy 3 lépéses flow (account, company, password), inline validációval és progress indicator-rel.
A PostHog feature flag-ek 4 dimenzióban tesztelnek: hero headline (3 variáns), hero CTA copy (2 variáns), pricing display (monthly default / annual default), social proof (logo wall / testimonial grid). A teljes mátrix 24 kombináció, de a kezdeti rollout 4 fő variáns-csoporton ment, hogy értelmes mintát kapjunk.
Technológiai döntések
A Sanity-t választottuk Strapi vagy Contentful fölött, mert a real-time preview tapasztalata jobban tetszett a CMO-nak, és a magyar lokalizáció natívan támogatott. WordPress + WPGraphQL is opció volt, de a CMO inkább új tárhelyre akart menni.
A PostHog-ot Mixpanel és Amplitude fölött preferáltuk: nyilvános EU host elérhető, GDPR-compliance egyszerűbb, és a feature flag-ek és session replay funkciók egy platformon élnek. Plausible analytics futott ezzel párhuzamosan a privacy-friendly pageview-tracking-re (a sales-csapat ezt szokta meg).
Buktatók
Az első buktató: a meglévő blog 40+ cikkének hreflang-rendezése. A WordPress eredeti URL-struktúra HU és EN keveredett (pl. /en/blog/post-1 és /blog/post-1-en mindkettő ugyanaz). 301 redirect mátrixot építettünk, de néhány külső link 6 hétig 404-en pörgött.
A második: A/B teszt minta-szám. A free-trial konverzió alacsony volt (2,1%), így a statisztikailag szignifikáns eredményhez 2-3 hét forgalmat kellett várni minden variáns-páronként. A CMO-nak ez frusztráló volt, de tartottuk magunkat a szabályhoz: nem növeljük a variansok számát addig, amíg az első set nem zárult.
A harmadik: Sanity-tartalom és Next.js statikus generálás összehangolása. A CMO szerkeszt → ISR webhook → új build trigger. A latency 30-60 másodperc volt, ami a CMO-nak túl lassú volt 'preview' jellegre. Bevezettünk egy draft-only preview-mode-ot, ami a Vercel preview-on real-time fut, a production csak commit után build-el.
Eredmények
8 hét után a free-trial konverzió 2,1%-ról 3,4%-ra emelkedett (PostHog adat, statisztikailag szignifikáns). A három legfontosabb winning variáns: 1) hero headline 'IT operations automation' helyett 'Replace your IT spreadsheets' — +0,6 pp. 2) Pricing default monthly helyett annual — +0,4 pp. 3) Social proof logo wall helyett 3 testimonial card konkrét számokkal — +0,3 pp.
A Lighthouse mobil pontszám 38-ról 94-re javult, az LCP 6,2s-ről 1,6s-re. Az organikus search forgalom 32%-kal nőtt 3 hónap alatt (Search Console adat), különösen a long-tail 'IT ops automation' keresésekre. A Sanity-szerkesztés folyamat: a CMO eredetileg 1-2 heti gyakorisággal módosított; most heti 3-4 új landing-variáns megy ki.
Stack
Korábban a landing oldal redesign-ját 'big bang'-ben terveztük. Most heti A/B teszteket futtatunk, és minden iteráció mögé számokat tudunk tenni. Ez egészen más operating model.
CMO — B2B SaaS
Az idézet a tipikus ügyfél-feedbacket reprezentálja, nem szó szerinti idézet.
Kapcsolódó
Manuális lead-kezelést és emailes ügyfél-flow-t váltottunk Next.js webshopra WooCommerce katalógussal, n8n + OpenAI lead-osztályozóval. A sales 30-40 percnyi napi adminisztrációt nyert vissza.
RészletekRAG chatbot pgvector vektor-DB-vel és OpenAI GPT-4o-val, integrálva a meglévő Shopify storefront-ba. A support-tickek 38%-a automatikusan zárul, az ügyfél-elégedettségi score nem romlott.
RészletekAz esettanulmányok valós projektek alapján készültek, anonimizálva az ügyfelek kérésére. A számok közelítések; a konkrét üzleti adatok titoktartás alatt állnak.