Web Designer (Webflow)

📍 Job Overview

Job Title: Web Designer (Webflow)

Company: Iron Horse

Location: Portland, Oregon, United States

Job Type: FULL_TIME

Category: Web Design & Development / GTM Operations Support

Date Posted: January 22, 2026

Experience Level: Mid-Senior (4-8 years)

Remote Status: Fully Remote (US-based candidates only)

🚀 Role Summary

• Lead the design and development of high-impact Webflow experiences for B2B brands, focusing on both creative excellence and measurable business outcomes.

• Architect and maintain scalable, modular design systems within Figma and Webflow, ensuring consistency, accessibility, and performance across all digital touchpoints.

• Drive innovation by integrating AI, analytics, and CRO methodologies into the design and delivery lifecycle, from concept to launch and iteration.

• Serve as a design mentor and thought leader, elevating the creative bar and fostering a culture of continuous improvement and learning within the design team.

• Collaborate strategically with cross-functional teams, including content, engineering, analytics, and account management, to ensure cohesive and effective Go-To-Market (GTM) strategies.

📝 Enhancement Note: While the title is "Web Designer," the responsibilities heavily lean into a "Web Operations" or "GTM Operations Support" capacity. The role involves not just creative design but also system architecture, performance optimization, analytics integration, and cross-functional collaboration to drive business KPIs, which are core to operations functions. The focus on Webflow Enterprise and CMS migrations further solidifies this operational aspect.

📈 Primary Responsibilities

• Lead the end-to-end design and development of sophisticated Webflow websites, focusing on creating elegant, performant, and brand-aligned user experiences.

• Architect, document, and enforce modular design systems and component libraries in Figma and Webflow to ensure scalability, maintainability, and creative consistency.

• Art direct visual systems, translating brand stories and business objectives into compelling digital narratives through motion, microinteractions, and thoughtful UI design.

• Implement and champion best practices for UX, accessibility (WCAG compliance), performance optimization, and SEO hygiene within Webflow builds.

• Drive the integration of AI and analytics into the design workflow, utilizing research synthesis, generative design exploration, automated QA processes, and experiment design to validate and optimize user engagement and conversion rates.

• Support and execute CMS migrations to Webflow Enterprise, meticulously shaping content models, collections, redirects, and SEO strategies in close partnership with strategy, content, and engineering teams.

• Mentor and coach junior designers, leading critiques, developing playbooks, and fostering professional growth to elevate the overall design quality and output of the team.

• Foster strong cross-functional collaboration with account managers, content strategists, engineers, analytics specialists, and GTM strategists to ensure projects are delivered on time, within budget, and achieve measurable business outcomes.

• Champion studio innovation by researching emerging design trends, tools (e.g., Mast, Finsweet Client-First), and technologies, and by developing repeatable best practices for Webflow development and GTM integration.

📝 Enhancement Note: The responsibilities clearly indicate a role that bridges design and operations. "Architecting modular design systems," "supporting CMS migrations to Webflow Enterprise," "infusing AI and analytics into delivery," and "collaborating cross-functionally... to measurable outcomes" are all critical operations functions within a GTM context.

🎓 Skills & Qualifications

Education:

Experience:

• 4-8 years of professional experience in B2B UX/UI and web design, with a strong emphasis on creating impactful digital marketing experiences.

• Minimum of 4 years of commercial experience specifically designing and developing with Webflow, demonstrating deep proficiency.

Required Skills:

• Webflow Mastery: Expert-level proficiency in building complex, responsive websites on Webflow, including advanced interactions, animations, and CMS capabilities.

• Figma Proficiency: Advanced skills in Figma for UI design, prototyping, component library creation, and design system documentation.

• Design Systems Thinking: Demonstrated ability to architect, document, and maintain scalable design systems and component-based architectures.

• UX/UI Design Principles: Strong understanding and application of user-centered design principles, information architecture, and usability best practices.

• Motion & Microinteractions: Skill in designing and implementing tasteful motion and microinteractions that enhance user experience and brand storytelling.

• Performance & SEO Awareness: Solid understanding of web performance optimization techniques and on-page SEO best practices within web design.

• Cross-functional Collaboration: Proven ability to work effectively with content, engineering, analytics, and GTM strategy teams.

• Mentorship & Leadership: Experience in mentoring junior designers, leading design critiques, and fostering a collaborative team environment.

Preferred Skills:

• JavaScript & GSAP: Proficiency with JavaScript and animation libraries like GSAP for advanced Webflow interactivity.

• Semantic HTML/CSS: Strong understanding of semantic HTML and CSS for robust and accessible web development.

• Analytics & CRO: Experience integrating analytics tools (e.g., Google Analytics, Amplitude) and applying CRO principles to drive measurable improvements.

• AI & Generative Tools: Familiarity with AI tools for design exploration, content generation, or automated QA processes.

• Webflow Enterprise: Experience with Webflow Enterprise features and best practices.

• Web Accessibility Standards: Deep knowledge of WCAG guidelines and implementation.

• Finsweet Client-First: Familiarity with popular Webflow utility frameworks like Finsweet Client-First.

📝 Enhancement Note: The "Preferred Skills" section lists specific technical tools and frameworks (JS, GSAP, Semantic HTML/CSS, Mast, Finsweet Client-First) that are highly relevant to advanced Webflow development and operations. The emphasis on analytics, CRO, and AI integration further highlights the operational aspect of this design role, requiring a candidate who can think beyond aesthetics to drive business results.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A robust portfolio showcasing a minimum of 4-8 years of B2B web design experience with a strong emphasis on Webflow projects.

• Demonstrations of systems thinking through well-documented component libraries and design systems built in Figma and Webflow.

• Case studies detailing the design and development process for complex marketing websites, highlighting the translation of business goals into creative solutions.

• Examples of tasteful motion design and microinteractions that enhance user experience and brand engagement.

• Evidence of successful CMS migrations to Webflow, including insights into content modeling and SEO considerations.

Process Documentation:

• Showcase experience in defining and executing concept-to-launch workflows, including prototyping, motion language, and microinteraction design.

• Provide examples of how you have used research synthesis, generative exploration, or experiment design to inform and validate design decisions.

• Demonstrate familiarity with creating and enforcing quality gates and documentation standards for UX, accessibility, and performance.

• Illustrate your approach to collaborating with content, engineering, and analytics teams throughout the project lifecycle.

• Include documentation or explanations of your process for managing multiple projects, priorities, and stakeholders in a fast-paced environment.

📝 Enhancement Note: This section is crucial for a role that blends design with operational execution. The emphasis on "systems thinking," "process documentation," "CMS migrations," "analytics integration," and "collaboration" all point to the need for a candidate who can manage and optimize complex workflows, not just create static designs. The portfolio should reflect this operational rigor.

💵 Compensation & Benefits

Salary Range: $90,000 - $130,000 annually (Estimated)

Justification for Estimate: This salary range is estimated based on industry benchmarks for mid-to-senior level Web Designers with specialized Webflow expertise, particularly those involved in B2B marketing sites and system architecture. Factors considered include:

• Location: Portland, Oregon, is a tech hub with competitive salaries.

• Experience Level: 4-8 years of experience aligns with mid-to-senior roles.

• Specialized Skills: Mastery of Webflow, Figma, and related technologies (JavaScript, GSAP, etc.) commands a premium.

• Responsibilities: The role includes leadership, mentorship, and direct impact on GTM KPIs, which justifies a higher compensation than a pure entry-level design role.

• Remote Status: Fully remote positions often command competitive salaries, especially when requiring specific US-based talent.

Benefits:

• Comprehensive Health Coverage: Medical, Dental, and Vision insurance plans to support employee well-being.

• Generous Paid Time Off (PTO): Ample vacation and personal time, including a paid day off for your birthday.

• Parental Leave: Support for new parents during this significant life event.

• Mental Health Support: Access to mental health resources and services.

• Retirement Savings: 401(k) plan to help employees save for the future.

• Life & Disability Insurance: Basic life insurance, Flexible Spending Account (FSA), and long- and short-term disability insurance for added financial security.

• Discretionary Annual Bonus: Eligibility for a performance-based annual bonus, reflecting the role's impact on business outcomes.

• Professional Development: Opportunities for growth through team events and learning programs.

Working Hours:

• Standard U.S. business hours (typically 9:00 a.m. to 5:00 p.m. in the employee's designated time zone).

• Occasional flexibility may be required based on project needs and team collaboration.

• Periodic travel may be required for team events or client engagements.

📝 Enhancement Note: The salary range is an estimate. The inclusion of a discretionary annual bonus and the specific mention of Webflow Enterprise and GTM impact suggest a compensation structure that rewards performance and operational contribution, aligning with a more senior or specialized role.

🎯 Team & Company Context

🏢 Company Culture

Industry: Marketing & Advertising / Technology Services (Webflow Enterprise Practice)

Company Size: (Estimated 50-200 employees based on LinkedIn data for "Iron Horse") The description mentions "Studio innovation" and "access to leadership," suggesting a structure where individual contributions are highly visible and impactful, typical of mid-sized agencies or specialized practices.

Founded: Iron Horse was founded in 2017 (based on company websites). Iron Horse Studio likely operates as a specialized division within this established entity, focusing on advanced Webflow solutions.

Team Structure:

• The role is part of "Iron Horse Studio," which is the "Webflow Enterprise practice inside Iron Horse." This implies a dedicated team focused on high-level Webflow solutions.

• The Web Designer will "mentor designers" and "collaborate cross-functionally with account, content, engineering, and analytics." This suggests a matrixed team structure where designers work on specific client projects led by account managers, with support from specialized departments.

Methodology:

• Agile & Rapid Iteration: The description emphasizes "fast cycles: concept → prototype → ship → learn" and "rapid experimentation," indicating an agile and iterative approach to design and development.

• Data-Driven Creativity: A strong emphasis is placed on "pairing creative exploration with analytics and CRO," and "infusing AI and analytics into delivery," showcasing a methodology that balances creative vision with measurable outcomes.

• Systems-Based Design: The focus on "architecting modular design systems," "componentized libraries," and "scalability" points to a systematic and organized approach to building digital experiences.

• Outcome-Focused Strategies: The goal is to "move the needle on KPIs" and deliver "measurable outcomes," demonstrating a results-oriented methodology.

Company Website: https://studio.ironhorse.io/ and https://ironhorse.io/

📝 Enhancement Note: The company's focus on Webflow Enterprise and its integration within a broader "Iron Horse" entity suggests a professional services environment. The emphasis on "demand generation," "outcome-focused strategies," and "advanced tools" points to a culture that values both technical proficiency and business impact, crucial for operations-minded professionals.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned at a Mid-Senior to Senior level within the design and development spectrum, but with significant operational responsibilities. It's a "designer first" role that requires operational execution, system thinking, and a data-driven approach to drive GTM success. The mentorship aspect also points towards a leadership track within design.

Reporting Structure:

• The Web Designer will likely report to a Design Lead, Creative Director, or Head of Studio within Iron Horse Studio.

Operations Impact:

• The role directly impacts GTM by designing and building high-converting, performant websites that serve as critical demand generation and brand representation tools.

• By architecting scalable design systems and optimizing Webflow experiences, the designer contributes to operational efficiency, reducing development time and maintenance costs.

Growth Opportunities:

• Design Leadership: Potential to grow into a Senior Designer, Art Director, or Design Lead role within Iron Horse Studio, taking on more strategic oversight and team management.

• Webflow Specialization: Deepen expertise in Webflow Enterprise, CMS migrations, and advanced development techniques, becoming a go-to expert in the field.

• GTM Strategy & Operations: Transition to roles with a stronger focus on GTM operations, performance marketing, or digital strategy, leveraging the understanding of how design impacts business outcomes.

• Cross-functional Skill Development: Gain hands-on experience with analytics, CRO, AI tools, and engineering workflows, broadening skillset beyond traditional design.

• Client Relationship Management: Develop skills in client communication and strategic consultation through direct collaboration on client projects.

📝 Enhancement Note: This role offers a unique hybrid career path. While rooted in design, its operational components (systems, analytics, GTM integration) provide a strong foundation for growth into specialized GTM operations, digital strategy, or leadership roles within a creative agency or similar client-services environment.

🌐 Work Environment

Office Type: Fully Remote (US-based). The company offers flexible options including remote, hybrid, and on-site, but this specific role is designated as remote. This suggests a modern, distributed work culture.

Office Location(s): While the company has a presence (implied by "Portland, Oregon" and company HQ), this role is remote, allowing candidates across the United States to apply. Specific office locations are not detailed but are part of the broader Iron Horse organization.

Workspace Context:

• Collaborative Digital Environment: Expect to work within a distributed team, relying heavily on digital collaboration tools (e.g., Slack, Zoom, Figma, project management software) for communication and teamwork.

• Operations Tool Integration: Access to and utilization of a robust technology stack including Webflow, Figma, potentially project management tools (like Asana or Jira), and communication platforms.

• Cross-functional Interaction: Frequent interaction with diverse teams (content, engineering, analytics, account management), fostering a dynamic and integrated work experience.

Work Schedule:

• Primarily standard U.S. business hours (9:00 a.m. - 5:00 p.m. in the candidate's local time zone).

• Flexibility may be required for critical project deadlines or urgent client needs.

• Occasional travel may be necessary, indicating opportunities for in-person team building or client meetings.

📝 Enhancement Note: The remote nature of the role emphasizes the need for strong self-management, proactive communication, and comfort with digital collaboration tools. The "occasional flexibility" and "periodic travel" are standard for roles that require high client engagement or team cohesion in a distributed setting.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your resume and portfolio to assess foundational skills, Webflow experience, and alignment with the role's B2B focus.

• Portfolio Deep Dive: A dedicated interview session to walk through your portfolio. Expect to discuss specific projects, your design process, system architecture decisions, and how you measured impact (KPIs, CRO, performance). Be prepared to articulate your approach to mentorship and cross-functional collaboration.

• Technical & Systems Interview: This may involve a discussion about your proficiency with Webflow, Figma, JavaScript, CSS, and your understanding of design systems, accessibility, and performance optimization. You might be asked to solve a hypothetical design or system-building challenge.

• Cross-functional Collaboration Discussion: An interview focused on how you integrate with other teams (content, engineering, analytics). Be ready to share examples of successful collaborations and how you manage stakeholder expectations.

• Final Interview: Typically with a senior leader (e.g., Head of Studio) to assess cultural fit, strategic thinking, and overall alignment with Iron Horse's values and vision.

Portfolio Review Tips:

• Curate for Relevance: Select projects that best demonstrate your Webflow expertise, B2B experience, systems thinking, and ability to drive measurable results. Prioritize quality over quantity.

• Highlight Operations Impact: For each project, clearly articulate the business goals, your role, the challenges faced, the solutions implemented (especially system design and Webflow specifics), and the quantifiable outcomes (e.g., increased conversion rates, improved performance metrics, successful CMS migration).

• Showcase Systems & Process: Include examples of your component libraries, design system documentation, and workflow diagrams. Explain your process for ensuring accessibility, performance, and SEO.

• Demonstrate Mentorship: If possible, include examples of how you've guided other designers or contributed to team knowledge sharing.

• Webflow Expertise: Clearly call out specific Webflow features, integrations, or advanced techniques used in your projects.

Challenge Preparation:

• System Design Challenge: Be prepared for a task that might involve outlining a component structure for a new website section, defining a content model for a Webflow CMS, or proposing an approach to optimize an existing Webflow site for performance or SEO.

• Process Explanation: You may be asked to explain your process for collaborating with engineers on custom code implementation in Webflow or how you would conduct a design critique session.

• Problem-Solving Scenarios: Anticipate questions about how you would handle conflicting feedback from stakeholders, address accessibility issues, or troubleshoot performance bottlenecks in Webflow.

📝 Enhancement Note: Given the operational nature of this role, interviewers will likely probe deeply into your process, your ability to manage complex systems, and your understanding of how design translates into business metrics. Demonstrating a structured, data-informed approach to design and development is key.

🛠 Tools & Technology Stack

Primary Tools:

• Webflow: The core platform for website design and development. Mastery of its features, CMS, interactions, and custom code capabilities is essential.

• Figma: The primary tool for UI design, prototyping, collaboration, and creating component libraries and design systems.

• JavaScript (JS): For adding custom interactivity and functionality to Webflow sites.

• GSAP (GreenSock Animation Platform): A powerful JavaScript animation library commonly used for advanced animations in Webflow.

• HTML/CSS: Foundational web technologies for structuring and styling web pages within Webflow.

Analytics & Reporting:

• Google Analytics (or similar): For tracking website traffic, user behavior, and conversion metrics.

• CRO Tools: Potentially tools for A/B testing, heatmapping, or user session recording (e.g., Hotjar, Optimizely) to inform design and optimization.

• Webflow Analytics: Utilizing built-in Webflow analytics for performance and basic traffic insights.

CRM & Automation:

• CRM Integration: Understanding how Webflow sites integrate with CRM systems (e.g., Salesforce, HubSpot) for lead capture and data flow.

• Marketing Automation Platforms: Familiarity with how websites support campaigns run through platforms like Marketo, Pardot, or HubSpot.

• Project Management Tools: Likely tools such as Asana, Jira, Trello, or Monday.com for managing project workflows and tasks.

• Communication Tools: Slack, Microsoft Teams, or similar for real-time team communication.

📝 Enhancement Note: The explicit mention of tools like GSAP, Mast, and Finsweet Client-First, alongside JS, HTML, and CSS, indicates a need for advanced technical proficiency within Webflow. This goes beyond basic page building and enters the realm of complex web application development and operational efficiency.

👥 Team Culture & Values

Operations Values:

• Design Craft & Excellence: A commitment to producing high-quality, aesthetically pleasing, and technically sound work. "Award-caliber creative" and "tasteful motion, tight typography, and polished details" are key indicators.

• Data-Driven Decision Making: Valuing analytics and CRO to inform design choices and measure impact. "Pairing creative exploration with analytics and CRO" and "using research synthesis... to validate lift" highlight this.

• Efficiency & Scalability: Building modular systems and leveraging Webflow's capabilities for maintainability and efficient delivery. "Architecting modular design systems that scale creativity and maintainability" is a core tenet.

• Collaboration & Ego-less Teamwork: Working effectively across disciplines, sharing knowledge, and prioritizing collective success. "Ego-less team" and "collaborative culture" are explicitly mentioned.

• Innovation & Forward-Thinking: Embracing new technologies and methodologies to push creative boundaries and deliver cutting-edge solutions. "Exploring what’s next" and "champion studio innovation."

Collaboration Style:

• Cross-functional Integration: Strong emphasis on working closely with content, engineering, analytics, and account teams to ensure holistic GTM strategies.

• Iterative Feedback Loops: The "fast cycles" and "learn" aspect suggest a culture where feedback is actively sought and incorporated throughout the design and development process.

• Knowledge Sharing: Mentorship and the development of "playbooks" and "repeatable best practices" indicate a commitment to sharing expertise and elevating the team's collective capabilities.

• Outcome-Oriented Partnership: Collaboration is focused on achieving shared business goals and measurable outcomes for clients.

📝 Enhancement Note: The company culture values a blend of creative artistry and operational rigor. Professionals who can not only design beautifully but also think systemically, leverage data, and collaborate effectively across diverse teams will thrive here.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Creative Ambition with Technical Constraints: Delivering "award-caliber creative" while adhering to Webflow limitations, performance budgets, SEO requirements, and client budgets can be challenging.

• Rapid Iteration Cycles: The "fast cycles" require adaptability and the ability to quickly conceptualize, prototype, and refine designs based on feedback and data.

• Integrating AI & Analytics: Effectively leveraging new tools like AI for design exploration or integrating complex analytics into the design workflow requires continuous learning and experimentation.

• Mentoring & Managing Diverse Skillsets: Leading critiques and mentoring designers while also collaborating with engineers and analysts requires strong communication and interpersonal skills to bridge different technical and creative perspectives.

• CMS Migration Complexity: Navigating the intricacies of Webflow CMS migrations, including content modeling, redirects, and SEO, demands meticulous planning and execution.

Learning & Development Opportunities:

• Advanced Webflow Expertise: Deepen skills in Webflow Enterprise, custom code, integrations, and advanced animations through hands-on project work.

• Design Systems Mastery: Become an expert in building, maintaining, and scaling complex design systems for enterprise clients.

• GTM Strategy & CRO Integration: Develop a stronger understanding of demand generation, conversion rate optimization, and how design directly impacts business KPIs.

• AI in Design: Explore and integrate AI tools for generative design, content ideation, and workflow automation.

• Leadership & Mentorship: Gain experience in leading design initiatives, mentoring junior talent, and contributing to strategic decision-making within the studio.

• Industry Exposure: Potential to attend industry events, workshops, and leverage learning programs offered by Iron Horse.

📝 Enhancement Note: The challenges presented are common in advanced design and operations roles. The growth opportunities highlight the potential for significant professional development, particularly in areas that bridge creative design with business strategy and operational efficiency.

💡 Interview Preparation

Strategy Questions:

• "Describe a time you translated a complex business goal into a creative Webflow experience. What were the key considerations for performance and SEO?" (Focus on process, tools used, and quantifiable results.)

• "How do you approach architecting a modular design system in Figma and Webflow for a B2B client? What are the essential components and documentation needs?" (Emphasize systems thinking, scalability, and maintainability.)

• "Walk me through your process for collaborating with content and engineering teams on a Webflow project. How do you ensure alignment and manage potential conflicts?" (Highlight communication, feedback loops, and cross-functional partnership.)

• "How would you use analytics and CRO data to inform design decisions for a marketing website? Provide an example." (Demonstrate data-driven approach and impact measurement.)

Company & Culture Questions:

• "What excites you about Iron Horse Studio's focus on Webflow Enterprise and B2B brands?" (Research their work and express genuine interest.)

• "How do you approach mentorship and leading design critiques within a team?" (Show your leadership potential and collaborative spirit.)

• "Describe your ideal work environment. How do you thrive in a remote setting?" (Align your preferences with their remote culture and collaborative style.)

Portfolio Presentation Strategy:

• Quantify Impact: For each project presented, clearly state the business objectives and the measurable results achieved (e.g., "Increased conversion rate by X%", "Reduced page load time by Y seconds," "Successfully migrated Z number of pages").

• Detail Your Process: Explain the "why" behind your design decisions. Discuss your workflow, the tools you used (Figma, Webflow, specific libraries), and how you incorporated user feedback or data.

• Showcase Systems & Architecture: If applicable, dedicate a section to your design system components, style guides, or the modular architecture of your Webflow builds.

• Highlight Collaboration: Mention how you worked with other teams (content, development, analytics) and how your design contributed to their efforts.

• Webflow Specifics: Be prepared to discuss advanced Webflow features you utilized, custom code implementations, or any unique solutions you developed within the platform.

📝 Enhancement Note: The interview preparation emphasizes not just design aesthetics but also operational execution, system thinking, and GTM impact. Candidates should be ready to demonstrate how their design work drives business results and how they operate efficiently within a team and a structured process.

📌 Application Steps

To apply for this operations-aligned design position:

• Submit your application through the provided Breezy HR link: https://ironhorse.breezy.hr/p/2bfe9d2ee386-web-designer-webflow

• Portfolio Customization: Tailor your portfolio to highlight your strongest Webflow projects, specifically those involving B2B clients, design systems, performance optimization, and measurable business outcomes. Ensure case studies clearly articulate your process and impact.

• Resume Optimization: Update your resume to prominently feature keywords related to Webflow, Figma, design systems, UX/UI, B2B design, performance, SEO, analytics, and any relevant scripting languages or frameworks (JavaScript, GSAP). Quantify your achievements wherever possible.

• Interview Preparation: Practice articulating your design process, system architecture decisions, and how your work contributes to GTM objectives. Prepare to discuss specific Webflow features, challenges you've overcome, and your mentoring experience.

• Company Research: Familiarize yourself with Iron Horse Studio's work, their approach to Webflow Enterprise, and their client portfolio. Understand their values and how your skills and approach align with their culture and operational methodologies.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and operations industry-standard assumptions. All details, especially regarding salary expectations and specific interview processes, should be verified directly with the hiring organization before making application decisions.