Migrate 8-Page Site to Framer with Functional Parity

Summary Description:

-- We’re moving our 8-page website off Contentful and onto Framer (or Webflow, if you make a stronger case). Your mandate:

-- Re-create every live page, modal, interaction, and breakpoint so the new build is visually and functionally indistinguishable from the current site. 8 pages in total.

-- Export 100% of the existing Contentful space (entries, assets, locales, relationships) and deliver an audit-ready archive.

-- Re-hook HubSpot and Hotjar so data flows exactly as before.

-- Keep SEO metadata, 301 redirects, and accessibility standards intact throughout the cut-over.

The ideal candidate will have deep experience working with both platforms and a proven ability to manage migrations without data loss or disruption to tools like HubSpot and Hotjar. You should have a sharp eye for detail, a strong sense of visual polish, and a commitment to preserving both the look and feel and the full functionality of the site throughout the transition. If you’ve led similar migrations and care as much about design integrity as technical reliability, we’d love to hear from you.

Deadline: August 1st, 2025

Required Expertise:

-- U.S.-based contractor only (for timezone overlap)

-- Framer custom component development

-- Contentful data modelings, CLI/API export, and migration scripting

-- Modern HTML/CSS and Javascript (React welcome)

-- API and webhook integrations (Hubspot)

-- Git-based version control and branch workflows

Project Type:

-- Engagement: Hourly, ongoing

-- Rate: USD $60-$100/hr

-- Hours: ≤ 30 per week

-- Duration: 4–8 weeks

-- Level: Intermediate–Senior (impact and efficiency valued)

Proposal Guidelines:

Briefly cover:

  1. Comparable work – Two Contentful-to-Framer migrations you led (links, your role, key stats).

  2. Migration plan – Your toolchain, staging flow, QA checklist, and roll-back strategy.

  3. Timeline realism – Draft milestones for export, rebuild, integration re-hook, QA, and launch.

  4. Integration checks – How you’ll validate HubSpot and Hotjar post-cut-over.

  5. Archive process – Your method for producing and validating the full Contentful export.
    • Site traffic numbers, breakpoints, entry counts, and detailed integration events are provided after NDA.*

Must-Have Skills and Tools:

-- Website migration strategy

-- Framer and Webflow component authoring

-- HTML | CSS | Javascript

-- Contentful CLI / GraphQL API

-- Hubspot (CMS and Forms) and Hotjar configuration

Success Criteria:

-- Pixel-perfect parity – Layouts, animations, and breakpoints match the live site across desktop, tablet, and mobile.

-- No data or integration gaps – HubSpot forms, and Hotjar tracking event hooks verified in staging and production.

-- Accessible, performant build – WCAG 2.1 AA passes; Core Web Vitals stay in the “good” range.

-- Documented pipeline – Clear README + Loom walkthrough covering local setup, staging, roll-back, and non-technical editing.

-- Part 2: Full Contentful archive delivered – Provide (a) the JSON + media zip from contentful space export, (b) a CSV cross-checking every exported entry against our spreadsheet, and (c) a README with exact export commands, space ID, and timestamp. Row count in CSV must meet or exceed the entry total shown in Contentful’s dashboard. The archive can be delivered sequentially from migration, as successful migration is a paramount priority.

Job Qualifications

  • The ideal candidate will have deep experience working with both platforms and a proven ability to manage migrations without data loss or disruption to tools like HubSpot and Hotjar
  • You should have a sharp eye for detail, a strong sense of visual polish, and a commitment to preserving both the look and feel and the full functionality of the site throughout the transition
    • U.S.-based contractor only (for timezone overlap)
    • Contentful data modelings, CLI/API export, and migration scripting
    • Modern HTML/CSS and Javascript (React welcome)
    • API and webhook integrations (Hubspot)
    • Git-based version control and branch workflows
  • Integration checks – How you’ll validate HubSpot and Hotjar post-cut-over
  • Archive process – Your method for producing and validating the full Contentful export
    • Website migration strategy
    • Framer and Webflow component authoring
    • HTML | CSS | Javascript
    • Contentful CLI / GraphQL API
    • Hubspot (CMS and Forms) and Hotjar configuration
    • Pixel-perfect parity – Layouts, animations, and breakpoints match the live site across desktop, tablet, and mobile
    • No data or integration gaps – HubSpot forms, and Hotjar tracking event hooks verified in staging and production
    • Accessible, performant build – WCAG 2.1 AA passes; Core Web Vitals stay in the “good” range
    • Documented pipeline – Clear README + Loom walkthrough covering local setup, staging, roll-back, and non-technical editing
    • Part 2: Full Contentful archive delivered – Provide (a) the JSON + media zip from contentful space export, (b) a CSV cross-checking every exported entry against our spreadsheet, and (c) a README with exact export commands, space ID, and timestamp
  • Row count in CSV must meet or exceed the entry total shown in Contentful’s dashboard

Job Benefits

    • Rate: USD $60-$100/hr

Job Responsibilities

    • Re-create every live page, modal, interaction, and breakpoint so the new build is visually and functionally indistinguishable from the current site
  • 8 pages in total
    • Export 100% of the existing Contentful space (entries, assets, locales, relationships) and deliver an audit-ready archive
    • Re-hook HubSpot and Hotjar so data flows exactly as before
    • Keep SEO metadata, 301 redirects, and accessibility standards intact throughout the cut-over
  • If you’ve led similar migrations and care as much about design integrity as technical reliability, we’d love to hear from you
    • Framer custom component development
    • Engagement: Hourly, ongoing
    • Hours: ≤ 30 per week
    • Duration: 4–8 weeks
    • Level: Intermediate–Senior (impact and efficiency valued)
  • Comparable work – Two Contentful-to-Framer migrations you led (links, your role, key stats)
  • Migration plan – Your toolchain, staging flow, QA checklist, and roll-back strategy
  • Timeline realism – Draft milestones for export, rebuild, integration re-hook, QA, and launch
  • Site traffic numbers, breakpoints, entry counts, and detailed integration events are provided after NDA.*