Webflow case study

B2B Rocket

An AI sales platform needed a website that behaves like its product: fast, measurable, and built to book demos.

Client
B2B Rocket, a Black Pearl Group brand
Industry
B2B SaaS, AI sales automation
Timeline
7 weeks, launched Aug 2026
Scope
34 pages, 3 CMS collections
My role
Webflow development on Client-First, CMS architecture, GTM and first-party tagging, technical SEO and AEO
b2brocket.ai
The full B2B Rocket homepage built in Webflow: hero with a live performance dashboard, G2 and Product Hunt awards, contact database feed, AI agent cards, analytics, dark testimonial band, case studies and footer

The whole homepage, top to bottom. Hover to pan through it, or open the full-size image.

+31%Demo bookings in the first 30 days
91Mobile Lighthouse, up from 54
1.6sLargest Contentful Paint, down from 4.2s
+22%Sessions captured by first-party tagging

The challenge

B2B Rocket sells AI agents that prospect, engage and book meetings on their own. The website had to make that promise credible in about ten seconds, and it wasn't managing it.

The old site had grown a page at a time over two years. Styles had drifted between sections, the navigation no longer described the full product suite, and every content change came back to a developer. Mobile performance sat in the fifties. In AI answer engines, which by 2026 carry a real share of B2B software research, the brand barely appeared at all.

The rebuild also had a constraint that ruled out starting from a blank canvas: dozens of product and blog URLs were already ranking, and linked from G2, Product Hunt and partner sites. Nothing could be allowed to drop.

What the brief had to deliver

  • Product-led design that shows what the AI agents do, rather than describing it
  • A class system that keeps working as new product and solution pages are added
  • One primary conversion — book a demo — with qualification built into the form
  • First-party tracking, so marketing can attribute pipeline by channel
  • Visibility in Google AI Overviews, ChatGPT, Perplexity and Gemini
  • Zero ranking loss through the migration

Design approach

The fastest way to make an AI product believable is to show its output, so the homepage borrows from the product itself rather than from stock illustration. The first viewport carries the same blocks a customer sees after logging in.

Around that, the page stays deliberately quiet. A light interface with a single indigo accent reads as enterprise software rather than a startup landing page, and it lets the dashboard blocks carry all the visual weight.

Proof arrives early, inside the first two screens, and a dark testimonial band midway down resets the rhythm before the case study cards — which are built around the numbers clients care about rather than around logos.

Every section ends at the same destination. Get a demo opens a modal that asks for team size and revenue band, so sales receives bookings that are already qualified instead of a raw calendar invite.

What the first two screens show

  • Live performance cardPositive reply rate, meetings booked and pipeline generated, each against the prior 30 days
  • Opportunities unlocked feedNamed accounts moving through booked, scheduled and follow-up states
  • Channel analyticsWhich channel is producing replies, and where the AI is shifting spend
  • Proof bandG2 Top 1%, Product Hunt #1, SaaS Awards 2026, 500+ sales teams

The Webflow build

The site is built on Finsweet's Client-First, which was the deciding factor for a team that plans to keep shipping pages. Global structure classes hold the layout together across all 34 pages, so a new page inherits the right rhythm before anyone touches it.

Page-specific classes live in their own folders, which means the Designer panel reads like documentation. Any Webflow developer can open the project and find their way around without a handover call.

Spacing and type run on a rem-based scale, so one edit on the style guide moves the whole site, and everything that repeats is a component, built once.

The other half of the build was weight. Between WebP and AVIF exports, correct sizing and lazy loading below the fold, the homepage went from 3.4 MB to 1.1 MB. That single change is what moved the mobile score, more than any other optimisation.

How the class system is laid out

  • Global structurepage-wrapper · padding-global · container-large · padding-section-large
  • Page foldershero_ · awards_ · testimonial_ · case-study_
  • ComponentsMega-menu navbar, footer, CTA banner, testimonial slider, demo modal, case study card
  • BreakpointsDesktop, tablet, mobile landscape and portrait, all checked before handover

CMS and publishing

Three collections cover everything the marketing team publishes, each with category references. More than 140 existing items were migrated with their slugs preserved, which is what kept the redirect map small and the rankings intact.

The useful part is what happens after publishing. A case study tagged with its category flows into the homepage grid on its own, so a new customer story appears on the front page without anyone opening the Designer.

In the first month after launch the team published nine blog posts and two case studies, and raised no developer tickets to do it.

Collections

  • BlogCategory references, author, reading time; feeds the resources hub and the related-posts strip
  • Case StudiesResult fields render as the big numbers on the card, and flow into the homepage grid automatically
  • NewsroomPress and product announcements, kept separate so they never dilute the blog
  • Migrated140+ items moved across with slugs preserved

Tracking and data

Marketing was flying half blind. Browser privacy features and ad blockers were quietly dropping a slice of every campaign's data before it reached GA4, which made channel attribution an argument rather than a report.

Google Tag Manager now ships site-wide through project custom code, but the tags are served from a first-party subdomain, load.gtm.b2brocket.ai, through server-side GTM. That one change recovered roughly a fifth of the sessions client-side tagging was losing.

On top of it sit twelve custom dataLayer events covering the whole demo journey, from the first CTA click to the confirmed booking. Consent Mode v2 is wired to the cookie banner for EU traffic, and conversions forward to GA4, Google Ads and LinkedIn Campaign Manager, so each channel is judged on bookings rather than clicks.

dataLayerlive

  • page_viewpath: /
  • cta_clicklabel: get_demo · section: hero
  • demo_modal_opentrigger: cta
  • form_field_completefield: company_size
  • demo_form_submitrevenue_band: 25k_50k
  • calendly_bookedvalue: 1 · currency: USD
  • scroll_depthpercent: 75
  • case_study_clickslug: orbit-homes

Performance

Lighthouse on mobile, median of five runs on the homepage, measured after launch. The old site scored 54.

Almost all of the gain came from weight rather than from clever tricks: right-sized images in modern formats, lazy loading everything below the fold, and no render-blocking third-party scripts in the head.

Core Web Vitals moved with it. LCP dropped from 4.2s to 1.6s, and layout shift went from a visible 0.18 to effectively nothing once every image carried explicit dimensions.

Performance
Accessibility
Best practices
SEO
LCP1.6s4.2s
INP120ms310ms
CLS0.020.18

Results

Measured across the first 30 days after launch, against the 30 days before it.

+31%

More demo bookings

Same ad spend, same traffic mix. The gain came from the qualifying modal, a faster load and clearer product proof above the fold.

+22%

More sessions captured

First-party tagging recovered the visits that browser privacy features and ad blockers were dropping from client-side GTM.

0

Rankings lost in migration

All 64 legacy URLs redirected before launch. Organic clicks held flat through week one and were up 12% by week four.

3

AI engines citing the brand

Within four weeks b2brocket.ai was appearing as a source in ChatGPT, Perplexity and Google AI Overviews for "AI BDR agent" and related queries.

−68%

Page weight

The homepage dropped from 3.4 MB to 1.1 MB, which is what carried mobile performance from 54 to 91.

0

Developer tickets for content

Marketing published nine blog posts and two case studies in month one without Designer access.

Stack

Build
  • Webflow
  • Finsweet Client-First
  • Webflow CMS
  • Custom JavaScript
  • Figma
Data
  • Google Tag Manager
  • Server-side GTM
  • GA4
  • Consent Mode v2
  • Google Search Console
Conversion
  • Calendly
  • Multi-step demo modal
  • LinkedIn Campaign Manager

More case studies

Bioverse

A US telehealth platform: Webflow marketing site for 11 treatment categories, joined to a custom React patient portal for login, intake and prescriptions.

Need a Webflow site that converts and gets found?

I build scalable Client-First sites with tracking, SEO and AEO in place from day one, so the site keeps working after launch.

Start a project by email: contact.mustafagm@gmail.com
Case study for B2B Rocket, b2brocket.ai. Site content and brand belong to Black Pearl Group Ltd.