All case studies
Case study · Professional services

A demand generation agency that had to prove its data before selling it

Lidespy builds verified B2B contact databases and runs outbound, ABM and appointment setting for SaaS and technology firms across North America, Europe and APAC. Its buyers have been burned by bought lists and vague compliance, so the site had to show the proof before the pitch. We designed and built a charcoal-and-red system with a 3D funnel hero, a campaign budget calculator, a live-looking record-verification panel and a vendor comparison table.

Client
Lidespy
Industry
Professional services · B2B demand generation
Services
Website, UI/UX design
Timeline
Design to launch, 2026
Platform
Web · Responsive
Team
Design + engineering · 2026
Lidespy
Results

What the client measured.

13
Service pages, from demand generation and content syndication to appointment generation, each with benefits, deliverables and its own call to action.
9
Industry pages with the personas reached, campaign use cases and the services that fit, plus eleven solutions by industry and objective.
3
Steps in the campaign budget calculator: who you want to reach, how you reach them, how many leads you need, priced live.
6 wks
The process the site promises, laid out as five reviewable stages from ICP audit to meetings on AE calendars.
The challenge

Every buyer had been burned by a list before.

Lead-generation vendors are easy to find and hard to trust. The revenue leaders Lidespy sells to have already bought a list that bounced, had legal stop an EU sequence for lack of a lawful basis, and paid for meetings nobody attended. A site that simply claimed verified data and GDPR compliance would read like every competitor's.

The brief was a site that shows the proof: what verification actually involves, what gets written into the contract, what the six weeks look like, and what a campaign would cost, with a strategy call never more than one click away. It also had to carry thirteen services and nine industries without turning into a directory.

Lidespy Why page on a tablet
Our approach

How we got there.

Design to launch, 2026, design + engineering: here is how the time was spent.

01

Discover

Sessions with the founders on how deals are won and lost: the objections about data quality, compliance and no-shows, the services buyers actually ask for, and the regions and industries that matter. Those became the challenge cards, the comparison table and the page architecture.

02

Design & prototype

A charcoal system with a single red accent and a 3D funnel in the hero, editorial type, numbered sections and a lot of white space for the light pages. Scroll-driven challenge cards, a horizontal process rail and a verification panel were prototyped so the proof felt like a product, not a brochure.

03

Build & test

A Next.js site with home, About, Why Lidespy, Services, Solutions, Industries, Case Studies, Resources, Contact and compliance pages, a client-side budget calculator, a filterable case-study grid, a work-email contact form with country codes, and a blog, checked at desktop, tablet and phone widths.

04

Launch & optimise

Live at lidespy.com with page metadata, a media kit for press and partners, privacy, terms, cookie and opt-out pages, and the free data-audit offer placed at the end of every journey, then section order and calls to action tuned from where visitors scrolled and where they booked.

The solution

Show the verification, price the campaign, book the call.

Visitors land on the funnel hero and the client logo strip, scroll through four challenge cards that name the problems they already have, follow the five-step six-week process, browse the five core services, see four programmes with their numbers, read the six-row comparison of Lidespy against typical vendors, and end at a free 30-minute data audit. Anyone who wants a number first goes to the calculator and comes back with a budget range and recommended channels.

Proof of work: four programmes with the numbers behind them
Proof of work: four programmes with the numbers behind them

Proof over claims

A Why Lidespy page with a record-verification panel showing the seven checks every contact passes, a bounce SLA written into the contract, and a six-row table of what Lidespy puts in writing against what buyers usually get.

Campaign budget calculator

Three steps, region, industry, company size, channel and lead goal, that update a budget range, cost per lead and recommended channels live, with the arithmetic explained underneath so nothing feels like a black box.

Services and industries

Thirteen service sections with benefits and deliverables, nine industry pages with personas and use cases, and solutions grouped by industry and objective, all cross-linked so a CISO and a CMO each find their own route.

Trust and enquiry

ISO 9001:2015 and GDPR framework badges, GDPR, CAN-SPAM and CASL pages, six case studies with challenge, solution and results, a media kit, and a strategy-call button in the header on every page.

Screens

Inside the product.

The three-step campaign budget calculator
The three-step campaign budget calculator
Vendor comparison on tablet, the free data audit on mobile
Vendor comparison on tablet, the free data audit on mobile
The challenge cards on mobile
The challenge cards on mobile
Built with

The stack behind it.

Next.jsReactTypeScriptTailwind CSSScroll-driven sectionsBudget calculatorContact formBlog

Building something like Lidespy?

Tell us the problem. We'll come back within one business day with how we'd approach it.

Enquiry

Take the
brighter path.

Tell us what you’re building. We’ll be in touch within one business day.