PROJECT

Peec AI - Lead capturing

PROJECT

Peec AI - Lead capturing

INDUSTRY

AI / SaaS / Growth

INDUSTRY

AI / SaaS / Growth

STATUS

Complete

3 pages · Qualification funnel · Live

STATUS

Complete

3 pages · Qualification funnel · Live

THE BRIEF

A three-step funnel that qualifies leads and routes them — live demo booking or a hosted video, depending on fit.

A three-step funnel that qualifies leads and routes them — live demo booking or a hosted video, depending on fit.

A three-step funnel that qualifies leads and routes them — live demo booking or a hosted video, depending on fit.

FRAMER · BUNNY.NET · CUSTOM CODE

THE PROBLEM

Not Every Lead Should Book a Demo.

Not Every Lead Should Book a Demo.

Not Every Lead Should Book a Demo.

LEAD QUALIFICATION · VIDEO HOSTING · FUNNEL DESIGN

Peec.ai's demo calendar was filling up with leads that weren't a good fit yet. The team needed a way to qualify interest before handing someone a booking link — and a way to still deliver value to leads who didn't make the cut, without just sending them away empty-handed.

THE SOLUTION

Qualification Funnel

Qualification Funnel

Qualification Funnel

Designed and built a three-step flow: a lead capture form that collects qualification data, a success confirmation page, and a conditional exit — either a demo booking or a video page depending on fit. High-priority leads get the calendar. Everyone else gets the video.

Bunny.net Video Hosting

The fallback page needed to deliver a video without slowing the page down. Hosted the video on Bunny.net and built a custom component in Framer that takes just a URL — no embed code, no iframe bloat. The video loads fast, doesn't buffer, and the page stays lightweight. Designed and developed end to end.

VISUAL SYSTEM & OUTPUT

One Form, Two Outcomes

One Form, Two Outcomes

One Form, Two Outcomes

The challenge wasn't the form — it was what happens after. The video page had to feel like a deliberate experience, not a rejection. Bunny.net handles the delivery so the video is always sharp and instant. The custom Framer component means the team can swap the video by pasting a new URL — no developer needed.

LEAD CAPTURE OVERVIEW

Peec AI - Lead capturing: Lead capture overview

LEAD CAPTURE OVERVIEW

Peec AI - Lead capturing: Lead capture overview

FORM FORWARDING PAGE

Peec AI - Lead capturing: Form forwarding page

FORM FORWARDING PAGE

Peec AI - Lead capturing: Form forwarding page

FORM FORWARDING PAGE

Peec AI - Lead capturing: Form forwarding page

FAQ SECTION DROPDOWN

Peec AI - Lead capturing: FAQ section dropdown

FAQ SECTION DROPDOWN

Peec AI - Lead capturing: FAQ section dropdown

FAQ SECTION DROPDOWN

Peec AI - Lead capturing: FAQ section dropdown

WHY IT MATTERS

Demo Calls With the Right People.

Demo Calls With the Right People.

Demo Calls With the Right People.

The team stopped spending demo time on leads that weren't ready. Qualified leads get straight to booking. Everyone else gets a video that explains the product on their own time. The funnel runs without manual intervention.

0
100
200
300
400
500
600
700
800
900
1000
1100

Everything new in Framer, monthly.

Product updates, fresh templates & components, and Berlin Framer meetups — one email a month, no spam.

Frequently Asked Questions

Most Framer projects move from discovery to launch within 2 to 4 weeks. This includes high-fidelity design, interactive prototyping, and final development. Timelines vary based on the complexity of custom animations and CMS requirements.

Yes. While Framer is a powerful no-code tool, I often implement custom React components and overrides to achieve specific functionality or complex data integrations that aren't available out of the box.

Once the project is finalized and approved, I transfer the Framer project directly to your account. I provide a recorded walkthrough of the CMS and site settings so your team can manage content with zero friction.

Absolutely. I offer monthly retainers for high-growth brands that need continuous updates, new landing pages, and ongoing performance optimisation. Priority availability, ongoing Framer support, and a dedicated expert in your corner.

Frequently Asked Questions

Most Framer projects move from discovery to launch within 2 to 4 weeks. This includes high-fidelity design, interactive prototyping, and final development. Timelines vary based on the complexity of custom animations and CMS requirements.

Yes. While Framer is a powerful no-code tool, I often implement custom React components and overrides to achieve specific functionality or complex data integrations that aren't available out of the box.

Once the project is finalized and approved, I transfer the Framer project directly to your account. I provide a recorded walkthrough of the CMS and site settings so your team can manage content with zero friction.

Absolutely. I offer monthly retainers for high-growth brands that need continuous updates, new landing pages, and ongoing performance optimisation. Priority availability, ongoing Framer support, and a dedicated expert in your corner.

Frequently Asked Questions

Most Framer projects move from discovery to launch within 2 to 4 weeks. This includes high-fidelity design, interactive prototyping, and final development. Timelines vary based on the complexity of custom animations and CMS requirements.

Yes. While Framer is a powerful no-code tool, I often implement custom React components and overrides to achieve specific functionality or complex data integrations that aren't available out of the box.

Once the project is finalized and approved, I transfer the Framer project directly to your account. I provide a recorded walkthrough of the CMS and site settings so your team can manage content with zero friction.

Absolutely. I offer monthly retainers for high-growth brands that need continuous updates, new landing pages, and ongoing performance optimisation. Priority availability, ongoing Framer support, and a dedicated expert in your corner.

0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100