Landing Pages
Northbeam Analytics
Campaign landing system
A product launch page rebuilt as a duplicable template, so a growth team of two could ship campaign pages without opening a design file.
- Client
- Northbeam Analytics
- Industry
- B2B SaaS
- Category
- Landing Pages
- Year
- 2025
- One template replaced six one-off campaign builds
- New pages published in-house in under a day
- Form submissions routed straight into their CRM
01Client goal
What they came to us with
Northbeam was running paid campaigns faster than it could build pages for them. Every launch meant a fresh design request, a fresh build and a two-week wait, so campaigns kept pointing at a generic homepage that converted badly. They wanted a page their growth team could duplicate, edit and publish alone, without the result drifting away from the brand each time.
02Scope
What we agreed to build
- 01One flagship landing page and a duplicable campaign template
- 02Six section variants the team can rearrange per campaign
- 03Form build with CRM routing and event tracking
- 04Component library and a recorded editor walkthrough
03Delivery
What maztech delivered
A template, not a page
The flagship page was built as a set of interchangeable sections rather than a single fixed layout. Hero, proof strip, feature block, comparison table, testimonial and closing form are each self-contained components with their own spacing rules, so removing one never leaves a hole in the page.
Editable without breaking
Every editable surface is a plain text or rich text element with no layout responsibility. Headline length, bullet count and card count can all change without collapsing the grid, which is what usually breaks a duplicated page in the hands of a non-designer.
Forms that land somewhere
The demo request form posts into their CRM with the campaign source, page and UTM parameters attached, and fires a conversion event on success. The success state is an inline panel rather than a redirect, so paid traffic is never handed off to a page with no tracking on it.
Handover
A short recorded walkthrough covering how to duplicate the template, which fields are safe to edit and which sections must stay in order, plus a one-page written summary for anyone who joins the team later.
04Components
Components used
- Campaign hero with eyebrow, headline, subhead and dual CTA
- Logo proof strip
- Feature block with alternating media side
- Comparison table with sticky first column
- Testimonial card
- Inline form panel with success and error states
- Sticky mobile CTA bar
Each one is a named, reusable component in the project, not a one-off section. That is what lets the team add pages later without the design drifting.
05Performance
Performance notes
Asset discipline
Interface artwork was exported at two sizes and served as WebP with explicit width and height attributes, so nothing below the fold reserves the wrong space or shifts the page as it loads.
Font loading
Two families, two weights each, self-hosted with swap behaviour and preloaded for the headline face. Text is readable on first paint rather than appearing a beat later.
Motion budget
Entrance animation is limited to a short fade and rise on section entry, gated behind a reduced-motion query. No scroll-jacking, no animation library loaded for effects CSS already covers.
06Gallery
Screens from the build
We had been rebuilding the same landing page from scratch for every campaign. maztech turned it into one template our marketing team duplicates in an afternoon. That change alone paid for the project.
Next step
Want a build like this one?
Tell us about the project and we will come back with a scope, a timeline and a price, plus an honest note on anything we think should change.
Or reach us directly
Studio hours are 9am to 6pm across US and EU time zones, Monday to Friday.