Senior n8n & Webflow API Automation Engineer (Programmatic Web Builder Pipeline)

Ultimate Goal & System Vision We are building an automated programmatic website generation system. Once built, generating a new site will happen seamlessly in 3 steps: 1. Data Input (Google Form): We fill out a custom Google Form (Business Name, Phone, Logo URL, Brand Hex Code, comma-separated Services, and comma-separated Target Cities). The Google Form populates a Google Sheet, which acts as the instant webhook trigger for n8n to start the site build. Automated Pipeline Execution (10–20 Seconds): n8n receives the payload, passes it to OpenAI (GPT-4o) to generate SEO copy, formats the output into structured JSON, and pushes it via POST requests directly to the Webflow REST API. Instant Site Generation: Webflow creates the database entries, applies our master wireframe layout, and publishes the site live (e.g., domain.webflow.io/sites/client-name). Dynamic Multi-Page Requirements The system must generate a unique number of Service and Location pages each time using Webflow CMS Collections: Service Template Page: /services/[service-name] Service Area Template Page: /locations/[city-name] Examples: Client A (2 Services, 1 City): n8n creates 2 service items and 1 location item → Webflow automatically generates 3 total sub-pages. Client B (8 Services, 10 Cities): n8n creates 8 service items and 10 location items → Webflow automatically generates 18 total sub-pages. Dynamic Menus: Main navigation and footers must automatically fetch and display links to whatever dynamic items exist for that specific business. Key Scope of Work 1. Webflow CMS Architecture & Wireframe Template Build clean, responsive, single-page wireframe layouts and dynamic CMS collection templates for: Homepage (Hero, Services summary, About, Gallery preview, Service Area list, Contact form, Footer) Gallery Page Services Page & Dynamic CMS Template (/services/[service-name]) Service Areas Page & Dynamic CMS Template (/locations/[city-name]) Contact Page Configure CMS Collections (Generated Sites, Services, Gallery, Locations) with all necessary custom fields (Plain Text, Rich Text, Images, Colors). Bind all canvas elements (headings, body copy, CTA buttons, images) directly to their respective CMS fields. Set up dynamic styling (e.g., binding CTA buttons and accent elements to the CMS Brand Primary Color field). Implement Conditional Visibility rules so optional sections auto-hide cleanly if fields are empty. 2. n8n Integration & OpenAI Pipeline Set up an n8n workflow that accepts raw business inputs (Business Name, Phone, Logo, Color Hex, Services, Cities). Integrate an OpenAI node (GPT-4o) inside n8n to generate structured JSON copy for headlines, body text, service descriptions, and location-specific copy. Map and post the JSON payload directly into the Webflow REST API to automatically generate and publish the CMS items and dynamic sub-pages. 3. Full Testing & Quality Assurance (End-to-End) Run live test generations with varying data volumes: Test Case A: 2 Services in 1 City. Test Case B: 8 Services across 10 Cities. Verify that dynamic pages (/services/... and /locations/...) build out correctly without layout breaks or missing links. Ensure navigation menus dynamically reflect the correct count of generated pages. Confirm that color variables and image assets render properly across mobile, tablet, and desktop views. Deliverables Fully mapped, responsive Webflow Wireframe Project ready for API input. Complete, exportable n8n Workflow (JSON file) including the OpenAI prompt structure and Webflow API payload nodes. Successful live demonstration of an automated site build from raw input to published Webflow URL. Required Skills & Qualifications Deep expertise in Webflow, Webflow CMS, and dynamic canvas binding. Strong proficiency with n8n, REST APIs, Webhooks, and JSON parsing. Experience with OpenAI API node integration inside automation workflows. Familiarity with Programmatic SEO (pSEO) or automated website generation frameworks.