PROJECT

Peec AI - Report Pages

Report Pages

PROJECT

Peec AI - Report Pages

Report Pages

INDUSTRY

AI / SaaS / Research

INDUSTRY

AI / SaaS / Research

STATUS

Complete

2 pages · CMS collection + article template · Live

STATUS

Complete

2 pages · CMS collection + article template · Live

THE BRIEF

Built the infrastructure to turn a one-off research page into a repeatable publishing channel with real lead capture.

Built the infrastructure to turn a one-off research page into a repeatable publishing channel with real lead capture.

Built the infrastructure to turn a one-off research page into a repeatable publishing channel with real lead capture.

FRAMER · CMS · CUSTOM CODE

THE PROBLEM

Great Report. No Way to Monetize It.

Great Report. No Way to Monetize It.

Great Report. No Way to Monetize It.

CMS COLLECTION · PDF DOWNLOAD · LEAD CAPTURE

Peec.ai published a 12-expert roundup on AI search strategy. The content was strong — the page wasn't built to do anything with the traffic. Readers came, read, and left. No way to capture who they were. No way to know how far they got. And no system to publish the next report without rebuilding the page from scratch.

THE SOLUTION

Sticky Section Navigator

Sticky Section Navigator

Sticky Section Navigator

Long expert roundups lose readers halfway through. Built a custom component that sticks to the left of the page as the user scrolls — tracking reading position and highlighting the active section in real time. Readers stay oriented in a 12-section article. Completion rates go up. No scroll-jacking, no library dependencies, pure custom code.

Email-Gated PDF Download

The report was free to read but generating zero leads. Built a custom component that gates the PDF behind an email submission — the reader fills in their address, the lead goes into Peec.ai's email system, then the file downloads automatically. One interaction. Every download is now a captured contact. No Zapier, no third-party form tool.

VISUAL SYSTEM & OUTPUT

Two Problems, Two Components

Two Problems, Two Components

Two Problems, Two Components

The brief wasn't "build a reports page." It was "make this report actually work for us." That meant solving two separate problems in the same build. The sticky nav was about retention — keep the reader engaged through 12 expert opinions without losing their place. The PDF gate was about conversion — the team had no visibility into who was reading their research. Both components are custom code inside Framer. No external tools, no maintenance overhead.

REPORTS INDEX PAGE

REPORTS INDEX PAGE

STICKY SECTION NAVIGATOR — MID-SCROLL

STICKY SECTION NAVIGATOR — MID-SCROLL

STICKY SECTION NAVIGATOR — MID-SCROLL

EMAIL-GATED PDF DOWNLOAD FLOW

EMAIL-GATED PDF DOWNLOAD FLOW

EMAIL-GATED PDF DOWNLOAD FLOW

WHY IT MATTERS

Traffic Became Leads. Readers Stayed Longer.

Traffic Became Leads. Readers Stayed Longer.

Traffic Became Leads. Readers Stayed Longer.

Every PDF download now captures an email address. The sticky navigator gives readers a clear path through long-form content. The CMS means the next report ships without a developer. Peec.ai went from a single research page with no feedback loop to a publishing channel that generates contacts on autopilot.

0
100
200
300
400
500
600
700
800
900
1000
1100
1200
1300
1400
1500
1600
1700
1800
1900
2000
2100
2200
2300
2400
2500
2600
2700
2800
2900
3000
3100
3200
3300
3400
3500
3600
3700
3800
3900
4000
4100
4200
4300
4400
4500
4600
4700
4800
4900
5000
5100
5200
5300
5400
5500
5600
5700
5800
5900
6000
6100
6200
6300
6400
6500
6600
6700
6800
6900
7000
7100
7200
7300
7400
7500
7600
7700
7800
7900
8000
8100
8200
8300
8400
8500
8600
8700
8800
8900
9000
9100
9200
9300
9400
9500
9600
9700
9800
9900
10000
10100
10200
10300
10400
10500
10600
10700
10800
10900
11000
11100
11200
11300
11400
11500
11600
11700
11800
11900
12000
12100
12200
12300
12400
12500
12600
12700
12800
12900
13000
13100
13200
13300
13400
13500
13600
13700
13800
13900
14000
14100
14200
14300
14400
14500
14600
14700
14800
14900
15000
15100
15200
15300
15400
15500
15600
15700
15800
15900
16000
16100
16200
16300
16400
16500
16600
16700
16800
16900
17000
17100
17200
17300
17400
17500
17600
17700
17800
17900
18000
18100
18200
18300
18400
18500
18600
18700
18800
18900
19000
19100
19200
19300
19400
19500
19600
19700
19800
19900

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.

Get in Touch

© 2026 Portfolio

Get in Touch

© 2026 Portfolio

0
100
200
300
400
500
600
700
800
900
1000
1100
1200
1300
1400
1500
1600
1700
1800
1900
2000
2100
2200
2300
2400
2500
2600
2700
2800
2900
3000
3100
3200
3300
3400
3500
3600
3700
3800
3900
4000
4100
4200
4300
4400
4500
4600
4700
4800
4900
5000
5100
5200
5300
5400
5500
5600
5700
5800
5900
6000
6100
6200
6300
6400
6500
6600
6700
6800
6900
7000
7100
7200
7300
7400
7500
7600
7700
7800
7900
8000
8100
8200
8300
8400
8500
8600
8700
8800
8900
9000
9100
9200
9300
9400
9500
9600
9700
9800
9900
10000
10100
10200
10300
10400
10500
10600
10700
10800
10900
11000
11100
11200
11300
11400
11500
11600
11700
11800
11900
12000
12100
12200
12300
12400
12500
12600
12700
12800
12900
13000
13100
13200
13300
13400
13500
13600
13700
13800
13900
14000
14100
14200
14300
14400
14500
14600
14700
14800
14900
15000
15100
15200
15300
15400
15500
15600
15700
15800
15900
16000
16100
16200
16300
16400
16500
16600
16700
16800
16900
17000
17100
17200
17300
17400
17500
17600
17700
17800
17900
18000
18100
18200
18300
18400
18500
18600
18700
18800
18900
19000
19100
19200
19300
19400
19500
19600
19700
19800
19900
0
100
200
300
400
500
600
700
800
900
1000
1100
1200
1300
1400
1500
1600
1700
1800
1900
2000
2100
2200
2300
2400
2500
2600
2700
2800
2900
3000
3100
3200
3300
3400
3500
3600
3700
3800
3900
4000
4100
4200
4300
4400
4500
4600
4700
4800
4900
5000
5100
5200
5300
5400
5500
5600
5700
5800
5900
6000
6100
6200
6300
6400
6500
6600
6700
6800
6900
7000
7100
7200
7300
7400
7500
7600
7700
7800
7900
8000
8100
8200
8300
8400
8500
8600
8700
8800
8900
9000
9100
9200
9300
9400
9500
9600
9700
9800
9900
10000
10100
10200
10300
10400
10500
10600
10700
10800
10900
11000
11100
11200
11300
11400
11500
11600
11700
11800
11900
12000
12100
12200
12300
12400
12500
12600
12700
12800
12900
13000
13100
13200
13300
13400
13500
13600
13700
13800
13900
14000
14100
14200
14300
14400
14500
14600
14700
14800
14900
15000
15100
15200
15300
15400
15500
15600
15700
15800
15900
16000
16100
16200
16300
16400
16500
16600
16700
16800
16900
17000
17100
17200
17300
17400
17500
17600
17700
17800
17900
18000
18100
18200
18300
18400
18500
18600
18700
18800
18900
19000
19100
19200
19300
19400
19500
19600
19700
19800
19900