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
- Share 2-3 Webflow sites you've built with CMS Collections (e-commerce or catalog preferred)
- Note any Headless Shopify experience
- Provide your fixed price and timeline estimate
- 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