Project Summary

​

I’m hiring a detail-oriented Webflow developer to build a high-converting lead-gen funnel that gives homeowners a low-to-high cost range for their window + door replacement project, captures their info, and displays results instantly.

​

This is not a full custom app—the backend already exists. Your job is to build the Webflow front-end and connect it cleanly to an existing Cloudflare Worker API.

​

Scope (What You’ll Build)

​

Pages (Webflow):

​

Home (conversion-focused landing page)

​

Estimate (calculator/questions + lead capture form)

​

Results (renders the dynamic low/high range + project details)

​

Core Functionality (critical):

​

Build the Estimate form with exact element + input IDs provided in my spec (no deviations)

​

Add lightweight custom JavaScript that:

​

validates required fields

​

POSTs the form data to my existing Cloudflare Worker API

​

routes the user to /results with a lead/reference

​

displays the returned low/high cost range + key outputs into specific Results-page elements (by ID)

​

Tracking (must be verified):

​

Install Google Tag Manager + GA4

​

Configure + test Google Ads conversion tracking for “Lead Submitted” (should fire only on successful submissions)

​

Definition of Done (Non-Negotiable)

​

Pixel-accurate to my provided mockup/layout and clean, modern UI

​

Fully responsive (mobile + desktop)

​

End-to-end flow works: Webflow → API → Results display

​

Leads successfully captured/stored (verified via test submissions)

​

GA4/GTM + Ads conversion events tested and firing correctly

​

Clean handoff: Webflow project organized + documented custom code locations

​

Ideal Candidate

​

Strong Webflow portfolio (high-fidelity builds)

​

Comfortable with JavaScript + API integration

​

Highly detail-oriented (ID accuracy matters)

​

Conversion-minded (clear UX, clean form behavior, no sloppy edge cases)

​

To Apply (Required)

​

Send 2–3 Webflow examples where you matched a mockup closely

​

Confirm: “I can implement exact form/input IDs with zero changes.”

​

Your estimated timeline for v1 delivery

​

Answer this screening question:

​

Screening Question:

​

In 1–2 sentences, explain how you will connect a Webflow form to an API endpoint and then render the returned estimate range on a Results page.

​

Notes: I will provide the mockup, one-page spec (IDs/endpoints), and test instructions upon hire.

• Pixel-accurate to my provided mockup/layout and clean, modern UI
• Strong Webflow portfolio (high-fidelity builds)
• Comfortable with JavaScript + API integration
• Highly detail-oriented (ID accuracy matters)
• Conversion-minded (clear UX, clean form behavior, no sloppy edge cases)

• Your job is to build the Webflow front-end and connect it cleanly to an existing Cloudflare Worker API
• Home (conversion-focused landing page)
• Estimate (calculator/questions + lead capture form)
• Results (renders the dynamic low/high range + project details)
• Build the Estimate form with exact element + input IDs provided in my spec (no deviations)
• Add lightweight custom JavaScript that:
• validates required fields
• POSTs the form data to my existing Cloudflare Worker API
• routes the user to /results with a lead/reference
• displays the returned low/high cost range + key outputs into specific Results-page elements (by ID)
• Tracking (must be verified):
• Install Google Tag Manager + GA4
• Fully responsive (mobile + desktop)
• End-to-end flow works: Webflow → API → Results display
• Leads successfully captured/stored (verified via test submissions)
• GA4/GTM + Ads conversion events tested and firing correctly
• Clean handoff: Webflow project organized + documented custom code locations
• Confirm: “I can implement exact form/input IDs with zero changes.”
• In 1–2 sentences, explain how you will connect a Webflow form to an API endpoint and then render the returned estimate range on a Results page