Framer Developer for Site Rebuild

ABOUT THE PROJECT We're a design and development studio building a marketing site in Framer for an enterprise AI SaaS client (name shared after NDA). The design is final and several pages are built. The current site was built mostly using Claude (AI), so most sections are AI-written React code components rather than native Framer layers. We need an experienced Framer developer to recreate them 1:1 as native Framer sections that we and the client can edit on the canvas and in the CMS, with no code needed after handover. This is a rebuild, not a redesign. WHAT EXISTS TODAY - Framer project with built pages: Homepage, About, Partners, AI Teammates, Product Overview, Careers, Blogs, FAQs, and Contact Us. - Three pages that will become CMS templates: a Systems page (ERP), a Use Case page (Software Implementations) and a Role page (Project Managers). - Most sections are Claude-built code components (.tsx) with product UI animations, rotating tabs, scroll parallax, video slots and section background bands. - Navbar with dropdown menus and a footer, currently duplicated per page. - Color and text styles in place. SCOPE 1. Recreate code components as native Framer (1:1) - Rebuild every section as native Framer layers, components and variants, matching the current design exactly: layout, spacing, type, colors, borders, backgrounds and hover states. - Recreate the existing effects natively: rotating tabs and lists with progress indicators, scroll parallax, entrance animations, hover and click interactions, background glow and tint bands. - Animated product UI visuals: we'll provide these as video and animation assets. Place them in the matching slots so they look and behave as they do now (autoplay, muted, loop, play in view, poster image). - All text, images, videos, links and buttons must be editable on the canvas. - Use the existing color and text styles. No hard-coded values. - Remove old code components once each section is replaced and approved. - Homepage: we'll confirm the final version before you start. You'll recreate one version only. 2. CMS collections and templates - Systems, Use Cases, Roles: turn the three existing pages into CMS templates, keeping the current design. A field map for Systems is provided as a starting point. - Customer Stories and Blog: collections, template pages, index pages, plus the homepage story and blog card components. - Use reference and multi-reference fields for cross-links (related systems, use cases, roles). - Fields for video and poster, SEO title, meta description and OG image. - Migrate the three existing pages as the first entries, then add remaining entries from copy we provide. 3. Remaining pages - Fix any inconsistencies on existing pages (spacing, alignment, broken states). No redesign. - Build remaining pages in the established design language from our copy: Integrations (library page), FAQs, Careers, Contact Us (with demo request form), Privacy Policy, Terms. 4. Responsive - Desktop, Tablet and Phone breakpoints for every page and CMS template, including the mobile menu, animations, tables and charts. 5. Navbar and footer - One shared navbar (with mobile menu) and one shared footer, placed in the page template so every page and CMS template uses them. Remove per-page duplicates. - Wire all links and buttons across the site. 6. Launch readiness - Page titles, meta descriptions, OG images, 404 page. - Optimized images, lazy-loaded videos, Lighthouse check on mobile. - Basic accessibility: heading order, alt text, contrast, focus states. DELIVERABLES - Updated Framer project, all pages native and fully responsive. - 5 CMS collections with templates and entries. - A short Loom walkthrough on editing sections and adding CMS entries. ACCEPTANCE CRITERIA - Desktop output is visually identical to the current build, side by side, effects included. - Any text, image, video, link or button can be changed on the canvas or in the CMS without opening code. - A new System, Use Case, Role, Customer Story or Blog post needs only a new CMS entry. - No layout breaks at any width from 360px to 1920px. WHO WE'RE LOOKING FOR - 3+ years in Framer with live, complex sites in your portfolio (live links, not just shots). - Pixel-perfect eye. You'll be matching an existing build, not interpreting a mockup. - Strong with Framer CMS, components, variants, interactions, scroll effects and breakpoints. - Comfortable reading AI-generated React/TSX to understand how existing sections and effects behave. - Clear written English, daily progress updates, a few hours of overlap with IST. TIMELINE AND BUDGET - Start: immediately. Target completion: 22nd October. - Budget: $400, fixed price, paid in 2 milestones: 1. Homepage recreated, shared navbar and footer 2. CMS collections, templates and entries 3. Remaining pages, responsive, launch checks TO APPLY, INCLUDE - 2 to 3 live Framer sites you built, ideally with CMS and custom interactions, and what you did on each. - An example where you matched an existing design or site 1:1 in Framer. - Your estimate in days and your availability. - Start your bid with the word "native" so we know you read the brief. NDA required. Framer access shared after shortlisting.