← projects

[Eleven Layers]

Research Product Landing Page

The public page for an AI investment-research product: lead capture, sample reports and demo booking. I took it from first build to launch.

● ShippedProduct & FrontendPersonalHTMLCSSJavaScriptCloudflare Pages
01 /context

The research product needed a page for financial advisors that explained eleven analytical layers and turned visitors into demo calls.

02 /my role

A partner delivered the design and first build; I wired the lead flow and shipped it — form, spam protection, sample PDFs, booking and mobile fixes.

03 /problem

A static page with no backend had to capture qualified leads, deliver sample reports and stay free of spam.

04 /how it works
  1. 01 · Form without a backend

    A hosted form endpoint, with submission errors shown in the UI.

  2. 02 · Spam guard

    Cloudflare Turnstile validation before submit.

  3. 03 · Sample reports

    Three sample PDFs downloadable from the thank-you page instead of waiting for an e-mail.

  4. 04 · Demo booking

    A calendar link on the thank-you page.

  5. 05 · Mobile

    Fixed sticky overlap, the three-column debate grid and nav overflow on small screens.

05 /architecture
01
Visitor
02
Landing
03
Form + Turnstile
04
Thank-you: PDFs + booking
06 /results
Live on Cloudflare Pages.
07 /what broke and what I changed
  • ! brokeDuplicate form IDs attached the handler to the wrong form, and the endpoint domain was wrong.

    → changedUnique IDs, the right endpoint and diagnostic logging on submit.

08 /related