Convert 8 HTML/CSS Pages to CMS Site with Headless Shopify

We need an experienced Webflow developer to convert 8 fully designed, responsive HTML/CSS pages into a production Webflow site for a premium cycling components brand. The site uses Webflow CMS Collections for content management and integrates with Headless Shopify for product data.

• The designs are done.* We're handing over pixel-ready HTML files with all typography, colors, animations, hover states, and responsive breakpoints finalized. Your job is to build them faithfully in Webflow.

What You're Building

  • 8 pages total: Homepage, Components Catalog, Product Detail, Brands, About Us, Contact, Colnago Heritage (brand storytelling), NOS Parts Request Form

  • 11 CMS Collections for products, brands, team, testimonials, journal posts, FAQs, and more

  • Headless Shopify integration via Storefront API for product data

  • Inquire-first model: No checkout at launch. The buy button captures name, email, and product URL then triggers an email notification and/or webchat. Built so we can swap in real Shopify checkout later.

  • NOS request form with file upload, brand/part dropdowns, condition/budget/urgency selectors

Key Technical Details

  • Webflow CMS-driven with template pages for Products and Brands

  • Shopify Storefront API for product/inventory data

  • Custom interactions: scroll reveals, hover states, tab switching, lightbox gallery, accordion, grid/list toggle, sticky nav/toolbar

  • Responsive across desktop, tablet, and mobile

  • Client-First or similar clean naming methodology

  • Form submissions routed via Webflow Logic, Make, or Zapier

What We Provide

  • All 8 HTML/CSS design files (fully responsive, production-ready)

  • Shopify store access and API credentials

  • Brand assets, images, and copy

  • Full project specification document (attached) with CMS structure, page breakdowns, and technical requirements

Ideal Candidate

  • Proven Webflow CMS experience with complex, multi-collection sites

  • Headless Shopify or Storefront API integration experience

  • Ability to translate detailed HTML/CSS into native Webflow (not custom code blocks)

  • Clean project organization and class naming

  • Bonus: Experience with premium/luxury brand sites or e-commerce

Budget & Timeline

  • Fixed-price proposals preferred

  • Estimated timeline: 3-4 weeks

  • Please include a brief breakdown of your approach

To Apply

  1. Share 2-3 Webflow sites you've built with CMS Collections (e-commerce or catalog preferred)

  1. Note any Headless Shopify experience

  1. Provide your fixed price and timeline estimate

  1. Describe your approach to converting HTML/CSS designs to native Webflow

Job Qualifications

  • Shopify store access and API credentials
  • Brand assets, images, and copy
  • Full project specification document (attached) with CMS structure, page breakdowns, and technical requirements
  • Proven Webflow CMS experience with complex, multi-collection sites
  • Headless Shopify or Storefront API integration experience
  • Ability to translate detailed HTML/CSS into native Webflow (not custom code blocks)
  • Clean project organization and class naming
  • Bonus: Experience with premium/luxury brand sites or e-commerce
  • Note any Headless Shopify experience
  • Provide your fixed price and timeline estimate
  • Describe your approach to converting HTML/CSS designs to native Webflow

Job Benefits

  • All 8 HTML/CSS design files (fully responsive, production-ready)
  • Fixed-price proposals preferred

Job Responsibilities

  • We need an experienced Webflow developer to convert 8 fully designed, responsive HTML/CSS pages into a production Webflow site for a premium cycling components brand
  • The site uses Webflow CMS Collections for content management and integrates with Headless Shopify for product data
  • The designs are done.* We're handing over pixel-ready HTML files with all typography, colors, animations, hover states, and responsive breakpoints finalized
  • Your job is to build them faithfully in Webflow
  • *8 pages total:
  • Homepage, Components Catalog, Product Detail, Brands, About Us, Contact, Colnago Heritage (brand storytelling), NOS Parts Request Form
  • 11 CMS Collections for products, brands, team, testimonials, journal posts, FAQs, and more
  • Headless Shopify integration via Storefront API for product data
  • *Inquire-first model:
  • The buy button captures name, email, and product URL then triggers an email notification and/or webchat
  • Built so we can swap in real Shopify checkout later
  • Webflow CMS-driven with template pages for Products and Brands
  • Shopify Storefront API for product/inventory data
  • Custom interactions: scroll reveals, hover states, tab switching, lightbox gallery, accordion, grid/list toggle, sticky nav/toolbar
  • Responsive across desktop, tablet, and mobile
  • Client-First or similar clean naming methodology
  • Form submissions routed via Webflow Logic, Make, or Zapier