Webflow Multi-Step Forms (XD → Pixel-Perfect) with HubSpot API + Secure File Uploads

🌍 Remote, USA 🎯 Full-time 🕐 Posted Recently

Job Description

We’re looking for a senior Webflow developer to build three custom, multi-step forms in Webflow, implemented pixel-perfect from Adobe XD and integrated with HubSpot via the Forms API (no iframe embeds).

This is a conversion-critical project for a premium property investment platform. Design fidelity, clean logic, and reliable integration matter.

Scope of Work

You will build the following three forms in Webflow:

1) Book Consultation – Multi-Step Form (Modal)

  • Built natively in Webflow (HTML/CSS/JS)
  • Pixel-close to Adobe XD (desktop + mobile)
  • Multi-step flow with progress indicator

Conditional logic:

  • Less than £50k → redirect to Investment Readiness Guide
  • £50k+ → proceed to consultation options
  • Investment timeframe greater than 6 months, proceed to 15 minute consultation
  • Investment timeframe less than 6 months, give user option of 15 minute or 45 minute consulutation

All conditional logic already built into HubSpot form which has been setup.

Timeframe logic routes users to:

  • 15-minute HubSpot Meetings link, or
  • 45-minute HubSpot Meetings link
  • Form data submitted to HubSpot via Forms API
  • UTM / attribution fields passed through
  • Clean validation, error handling, and success states
  • Lives inside an existing modal

2) KYC Form (1–3 pages)

  • Custom-styled Webflow form (XD-accurate)
  • Fields mapped to existing HubSpot contact properties

3 secure document uploads:

  • Proof of ID
  • Proof of Address
  • Proof of Funds
  • Files stored securely in Supabase
  • File URLs saved to HubSpot properties
  • Validation, error handling, mobile-responsive

3) Investor Pre-Qualification Form (4–5 pages)

  • Multi-step Webflow form
  • Conditional logic between steps
  • HubSpot Forms API submission
  • Pixel-perfect to XD (desktop + mobile)
  • Clean success state and testing

Technical Requirements (Non-Negotiable)

  • Forms built natively in Webflow
  • No HubSpot iframe embeds
  • Use HubSpot Forms API
  • JavaScript for multi-step logic and validation
  • Experience handling secure file uploads
  • Clean, readable, maintainable code
  • Fully tested on desktop and mobile

Deliverables

  • Fully working forms inside Webflow
  • Correct data flowing into HubSpot
  • Secure document uploads functioning correctly
  • Brief handover notes (API endpoints, storage setup)
  • Optional Loom walkthrough on completion

Budget

Fixed price: ~$2,000 USD

(We’re open to strong proposals below this if experience and approach are clearly demonstrated.)

Apply Now

Apply Now

Ready to Apply?

Don't miss out on this amazing opportunity!

🚀 Apply Now

Similar Jobs

Recent Jobs

You May Also Like