Webflow Designer (Contractor)

📍 Job Overview

Job Title: Webflow Designer (Contractor)

Company: Broccoli AI

Location: San Francisco, California, United States

Job Type: Full-time (Contractor)

Category: Marketing Operations / Web Design

Date Posted: 2026-09-11

Experience Level: Mid-Level (2-5 years)

Remote Status: Fully Remote (US-based)

🚀 Role Summary

• Lead the design and development of Broccoli AI's company website using Webflow, managing all aspects from structural organization to visual presentation.

• Drive the creation of compelling landing pages and marketing site components, ensuring alignment with brand identity and conversion goals.

• Implement and maintain best practices for website performance, responsiveness, and accessibility within the Webflow environment.

• Collaborate with internal teams to define visual direction, create web graphics, and execute routine content and SEO metadata updates.

• Act as the primary point of contact for all Webflow-related website initiatives, proactively identifying and addressing functional and visual improvements.

📝 Enhancement Note: While the title is "Webflow Designer," the responsibilities and required skills heavily lean into aspects of Marketing Operations and GTM enablement through web presence. The role requires not just design but also technical implementation and strategic thinking around website performance and conversion. The "Contractor" designation suggests a project-based or fixed-term engagement, though the "Full-time" employment type implies a significant time commitment.

📈 Primary Responsibilities

• Own the end-to-end design and implementation of Broccoli AI's company website within the Webflow platform, including site architecture, CMS structure, and user flow.

• Translate brand guidelines and marketing objectives into visually appealing and high-performing web pages, focusing on typography, spacing, hierarchy, and overall brand expression.

• Develop and manage a library of reusable design components and templates within Webflow to ensure brand consistency and accelerate future development.

• Design, build, and optimize landing pages for specific marketing campaigns, product launches, and promotional activities, with a strong emphasis on conversion rate optimization (CRO).

• Ensure the website is fully responsive across all devices, maintains optimal page load speeds, and adheres to web accessibility standards (WCAG).

• Execute routine content updates, perform SEO metadata optimization (titles, descriptions, alt text), and manage site content within Webflow's CMS.

• Collaborate with marketing, product, and engineering teams to define visual direction for web graphics, imagery, and overall site aesthetic.

• Proactively identify and propose solutions for any visual or functional issues on the website, contributing to continuous improvement and innovation.

📝 Enhancement Note: The responsibilities are detailed to reflect a high degree of ownership and technical execution expected from a Webflow expert who also understands marketing objectives. Emphasis is placed on "ownership," "optimization," and "collaboration" to align with typical operations and GTM roles.

🎓 Skills & Qualifications

Education: Not specified, but demonstrated experience and portfolio are paramount.

Experience: 3-5 years of professional web design experience, with a strong focus on live production websites.

Required Skills:

• Webflow Expertise: Proven, hands-on experience designing, building, and launching production-ready websites within Webflow, including advanced features and CMS implementation.

• Visual Design Acumen: Strong understanding of visual design principles, including typography, color theory, layout, hierarchy, and brand aesthetics.

• Figma Proficiency: Advanced skills in Figma for design, prototyping, and preparing design assets for development.

• HTML/CSS Knowledge: Sufficient understanding of HTML and CSS to inform design decisions, troubleshoot implementation issues, and know when custom code is necessary.

• Responsive Design: Deep understanding and practical application of responsive design techniques to ensure optimal user experience across all devices.

• User-Centric Design: Ability to design with the end-user in mind, prioritizing usability, intuitiveness, and overall customer journey.

• SEO Fundamentals: Working knowledge of on-page SEO best practices, including metadata, site structure, and keyword integration.

• Performance Optimization: Familiarity with techniques for improving page load speed and website performance.

• Accessibility Standards: Basic understanding of web accessibility principles and implementation.

• Communication & Reliability: Excellent verbal and written communication skills, strong self-direction, and a proven track record of meeting deadlines.

Preferred Skills:

• Experience maintaining brand consistency across a large and growing set of web pages.

• Prior experience designing and building marketing sites for SaaS or technology companies.

• Familiarity with Webflow's CMS capabilities for dynamic content management.

• Experience with Webflow's e-commerce features.

• Ability to implement basic animations and motion graphics within Webflow.

• Experience working within early-stage or fast-growing companies with evolving processes.

📝 Enhancement Note: The required skills are framed around practical application and demonstrated proficiency, moving beyond theoretical knowledge. Preferred skills add depth and indicate areas where a candidate could bring additional value, especially in a growing tech company context.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A comprehensive portfolio showcasing 3-5 live, production-ready websites designed and built by the candidate in Webflow.

• Detailed case studies for at least two projects, highlighting the design process, problem-solving approach, technical implementation challenges, and quantifiable results (e.g., conversion improvements, performance gains).

• Examples of reusable design components and CMS structures developed within Webflow.

• Demonstrations of responsive design implementation across various devices.

• Evidence of SEO metadata and page speed optimization efforts. Process Documentation:

• Ability to articulate the workflow from initial design brief to final website launch, including client communication and iteration cycles.

• Documentation of how design systems and reusable components were established and maintained within Webflow.

• Explanation of how user feedback and performance data informed design iterations and optimizations.

📝 Enhancement Note: For a design and development role like this, the portfolio is paramount. The requirements are structured to ensure candidates can demonstrate not just aesthetic skill but also technical competence, process thinking, and measurable impact, crucial for any operations-adjacent role.

💵 Compensation & Benefits

Salary Range: $75 - $120 per hour.

Estimated Annual Salary (Full-time Equivalent): Based on a 40-hour work week, this translates to an estimated annual range of $156,000 - $249,600 USD.

Benefits: As a contractor, benefits may vary. However, typical benefits for full-time contract roles in the US tech industry can include:

• Access to company-provided tools and software (Webflow, Figma, etc.).

• Potential for flexible working hours within the defined full-time schedule.

• Opportunity to work on high-impact projects for a rapidly growing startup.

• Exposure to cutting-edge AI technology and the home services industry.

• Potential for contract extension or conversion to a full-time employee based on performance and business needs.

Working Hours: 40 hours per week. The role is fully remote, allowing for flexibility in daily scheduling within reasonable working hours for the US time zones, particularly focusing on collaboration with the San Francisco-based team.

📝 Enhancement Note: The salary range is directly from the input. The annual equivalent is provided for better context. Benefits are inferred based on standard practices for full-time contractors in the US tech sector, acknowledging that specific offerings would need direct confirmation. The "working hours" are contextualized for a remote role.

🎯 Team & Company Context

🏢 Company Culture

Industry: Artificial Intelligence (AI), Software, Home Services Technology. Broccoli AI operates at the intersection of AI and the essential home services sector (plumbing, HVAC, electrical), aiming to modernize operations for contractors.

Company Size: Early-stage startup, backed by prominent investors like Khosla Ventures and Y Combinator, with a rapid growth trajectory ($15M+ ARR in under two years). This implies a dynamic, fast-paced, and potentially lean operational environment.

Founded: Founded less than two years ago, indicating a relatively new company culture that is likely still evolving but grounded in practical, firsthand industry research.

Team Structure:

• The core team is likely small and agile, consisting of individuals with strong expertise in AI, software engineering, product management, marketing, and sales.

• As a contractor, you would likely report directly to a Head of Marketing, a Product Lead, or potentially a founder, depending on the immediate project needs.

• Cross-functional collaboration is expected to be high, particularly with marketing and product teams, to ensure the website effectively communicates the company's value proposition and supports GTM strategies. Methodology:

• Data-Driven Decision Making: Broccoli AI emphasizes understanding customer needs through extensive fieldwork and data analysis, suggesting a preference for evidence-based design and development.

• Agile Development & Iteration: Given the startup environment and rapid growth, expect an iterative approach to website development and content updates, with a focus on quick feedback loops.

• Focus on Impact: The company's mission to replace fragmented software and manual work with AI highlights a focus on delivering tangible value and efficiency improvements for their customers.

Company Website: http://broccoli.com/

📝 Enhancement Note: The company culture is inferred from its industry, funding, growth stage, and stated mission. This context helps a candidate understand the expected work environment, pace, and collaborative style relevant to a GTM or marketing operations function.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a specialist contractor role within the broader GTM/Marketing function. While not a traditional "Operations" role in terms of process optimization or system management (like RevOps or Sales Ops), it is critical for GTM enablement through effective digital presence. It sits at the intersection of design, marketing, and technical execution.

Reporting Structure: As a contractor, you will likely report to a manager or lead responsible for marketing, product, or growth initiatives. Direct interaction with founders or senior leadership is probable given the company's stage.

Operations Impact: The website is a primary touchpoint for potential customers, investors, and talent. Your work will directly influence brand perception, lead generation, and the overall effectiveness of Broccoli AI's go-to-market strategy. A well-designed, high-performing website is a critical component of GTM operations.

Growth Opportunities:

• Skill Specialization: Deepen expertise in Webflow, advanced web design, and potentially marketing site optimization for SaaS companies.

• Portfolio Expansion: Build a significant project for a rapidly growing, well-funded AI startup, enhancing your professional portfolio.

• Industry Exposure: Gain insights into the AI and home services technology sectors, understanding the unique operational challenges and digital needs of contractors.

• Potential for Future Engagement: Successful contractors may be considered for ongoing projects or future full-time opportunities if business needs and performance align.

📝 Enhancement Note: The "Operations Impact" section reframes the Web Designer role within an operations context, highlighting its contribution to GTM strategy and lead generation. Growth opportunities are tailored to a contractor role but emphasize skill development and portfolio enhancement.

🌐 Work Environment

Office Type: Fully Remote. This role is designed for a remote contractor, offering the flexibility to work from any location within the United States.

Office Location(s): While the company headquarters is in San Francisco, California, the role is not tied to a physical office.

Workspace Context:

• Independent Work: The role requires a high degree of self-discipline and the ability to work autonomously, managing your own time and tasks effectively.

• Digital Collaboration Tools: You will likely utilize a suite of digital tools for communication and project management, such as Slack, email, and potentially project management software, in addition to Webflow and Figma.

• Cross-functional Interaction: Opportunities to collaborate with various team members across marketing, product, and potentially sales, providing diverse perspectives and input.

• Technology Stack: Access to and effective use of Webflow and Figma are central to the role.

Work Schedule: 40 hours per week. While remote, maintaining consistent availability during core business hours for the US time zones (especially Pacific Time) will be crucial for effective collaboration and timely project delivery.

📝 Enhancement Note: The work environment description focuses on the realities of a remote contract role, emphasizing autonomy, digital collaboration, and the need for proactive communication, which are key for success in distributed teams.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your resume and portfolio by the hiring team to assess qualifications and alignment with the role's requirements.

• Portfolio Deep Dive: A dedicated session (likely video call) to walk through your portfolio, discuss specific projects, design decisions, and technical implementation details in Webflow. Be prepared to explain your process, challenges, and outcomes.

• Skills Assessment/Challenge: Potentially a small design or Webflow implementation task to evaluate practical skills, problem-solving abilities, and efficiency.

• Cultural Fit/Team Interview: A conversation with team members or hiring managers to assess communication style, reliability, and alignment with Broccoli AI's values and work pace.

Portfolio Review Tips:

• Curate Selectively: Showcase your strongest Webflow projects, ideally 3-5 live sites that demonstrate a range of skills.

• Tell a Story: For each project, clearly articulate the problem you were solving, your design process, the tools used (especially Webflow features), and the impact/results.

• Highlight Webflow Nuances: Demonstrate advanced Webflow techniques, CMS usage, component building, and any custom code integration.

• Quantify Success: Wherever possible, include metrics related to performance, conversion rates, or user engagement that your design contributed to.

• Showcase Responsiveness: Ensure your portfolio clearly demonstrates how your designs adapt across different screen sizes.

Challenge Preparation:

• Review Webflow Best Practices: Refresh your knowledge on responsive design, performance optimization, accessibility, and SEO within Webflow.

• Prepare for Design Scenarios: Think about common website challenges (e.g., improving landing page conversion, redesigning a specific section, optimizing for speed) and how you would approach them in Webflow.

• Figma to Webflow Workflow: Be ready to discuss your process for translating Figma designs into functional Webflow sites.

📝 Enhancement Note: This section provides actionable advice tailored to a design role with a strong portfolio requirement. It emphasizes demonstrating practical skills, process, and impact, which are key for any candidate applying for a role that bridges design and operational effectiveness.

🛠 Tools & Technology Stack

Primary Tools:

• Webflow: The core platform for website design and development. Expertise in its designer interface, CMS, interactions, and potentially custom code embedding is essential.

• Figma: The primary tool for design, wireframing, prototyping, and asset preparation. Proficiency in creating design systems and preparing files for Webflow implementation is expected.

Analytics & Reporting:

• Webflow Analytics: Basic understanding of Webflow's built-in analytics for page performance and traffic.

• Google Analytics (or similar): Familiarity with integrating and interpreting data from analytics platforms to understand user behavior and website performance.

CRM & Automation:

• Marketing Automation Platforms (e.g., HubSpot, Marketo, Pardot): While not directly managed, understanding how website forms and landing pages integrate with these systems for lead capture is beneficial.

• ServiceTitan (or similar CRM for contractors): Awareness of the types of systems Broccoli AI integrates with for its clients can provide context for the company's overall mission and the importance of seamless data flow.

📝 Enhancement Note: The tools section is specific to the role's requirements, highlighting Webflow and Figma as critical. Other tools are mentioned to provide context about the broader MarTech/GTM stack and the company's operational environment.

👥 Team Culture & Values

Operations Values:

• Impact-Driven: A strong focus on delivering tangible results that contribute to the company's growth and mission, whether through design or performance metrics.

• Customer-Centricity: Understanding and prioritizing the needs of contractors, as evidenced by Broccoli AI's foundational research approach.

• Efficiency & Automation: A core tenet of Broccoli AI's product is to automate manual work; this ethos likely extends to internal processes and workflows.

• Collaboration & Communication: Essential for a remote, fast-paced startup environment, fostering open dialogue and teamwork.

• Continuous Improvement: A proactive approach to identifying issues and implementing enhancements, especially relevant for website design and performance.

Collaboration Style:

• Proactive & Autonomous: Team members are expected to take initiative, manage their tasks, and communicate progress and roadblocks effectively.

• Direct & Constructive Feedback: In a startup environment, feedback is often direct and focused on driving improvement quickly.

• Cross-functional Partnership: Close collaboration between design, marketing, product, and engineering to ensure cohesive GTM strategies and product development.

• Shared Ownership: A sense of collective responsibility for the company's success, where each role contributes to the overall mission.

📝 Enhancement Note: The culture and values are inferred from the company's description, mission, and the nature of a fast-growing tech startup. This helps a candidate understand how their contributions will be valued and how they can best integrate into the team.

⚡ Challenges & Growth Opportunities

Challenges:

• Rapidly Evolving Brand Identity: As a young, fast-growing company, the brand and messaging may evolve, requiring adaptability in website design and content.

• Balancing Design Aesthetics with Performance: Ensuring the website is visually stunning while maintaining optimal load speeds and SEO performance can be a constant challenge.

• Managing Remote Collaboration: Effectively communicating and collaborating with a distributed team requires strong organizational and interpersonal skills.

• Prioritizing Features: With limited resources and a broad scope, deciding which website features or updates to prioritize can be demanding.

Learning & Development Opportunities:

• Deepen Webflow Mastery: Explore advanced Webflow features, integrations, and best practices.

• Gain SaaS Marketing Site Experience: Develop expertise in designing for B2B SaaS companies and understanding conversion funnels.

• Contribute to a High-Growth Startup: Gain invaluable experience working in a fast-paced, venture-backed environment with significant impact.

• Understand AI/Home Services Integration: Learn about the unique digital needs of the home services industry and how AI is applied to solve operational challenges.

📝 Enhancement Note: Challenges are framed to prepare candidates for potential hurdles, while growth opportunities highlight the unique benefits of working in this specific startup environment.

💡 Interview Preparation

Strategy Questions:

• "Describe your process for taking a website from initial concept to a fully launched, production-ready site in Webflow." (Focus on workflow, tools, and stakeholder management).

• "How do you balance creative design vision with technical constraints and performance requirements in Webflow?" (Highlight problem-solving and technical acumen).

• "Walk us through a time you had to create a high-converting landing page. What were the key elements, and what was the outcome?" (Demonstrate GTM impact and CRO thinking). Company & Culture Questions:

• "What interests you most about Broccoli AI's mission and the home services industry?" (Showcase genuine interest and research).

• "How do you approach working in a remote, fast-paced startup environment?" (Emphasize self-discipline, communication, and adaptability).

• "How would you ensure our website effectively communicates the value of AI teammates to contractors?" (Connect design skills to company value proposition). Portfolio Presentation Strategy:

• Structure Your Narrative: For each project, clearly define the objective, your role, the challenges, your solution (especially Webflow implementation), and the results.

• Show, Don't Just Tell: Use screen recordings or live demos where possible to showcase interactive elements, responsiveness, and CMS functionality.

• Quantify Impact: Present metrics clearly. If exact numbers aren't available, discuss expected impact or how you would measure it.

• Be Prepared for Technical Deep Dives: Anticipate questions about specific Webflow features, code snippets, or design decisions.

📝 Enhancement Note: These questions are designed to probe the candidate's technical skills, strategic thinking, cultural fit, and ability to articulate their contributions in a way that aligns with operational goals and business impact.

📌 Application Steps

To apply for this Webflow Designer (Contractor) position:

• Submit your application through the provided link on Ashby.

• Portfolio Customization: Ensure your portfolio prominently features your best Webflow projects, clearly detailing your role, process, and the outcomes achieved. Prioritize live sites that showcase responsive design, CMS usage, and conversion-oriented landing pages.

• Resume Optimization: Tailor your resume to highlight specific Webflow and Figma skills, relevant experience in web design for tech/SaaS companies, and any quantifiable achievements in website performance or conversion.

• Prepare Your Narrative: Practice articulating your design process, problem-solving approach, and how your Webflow expertise can contribute to Broccoli AI's GTM strategy and brand presence. Be ready to discuss your work in detail.

• Company Research: Thoroughly research Broccoli AI's mission, product, target market (contractors), and recent achievements. Understand how your role contributes to their overall business objectives.

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

---