Senior Webflow Designer

📍 Job Overview

Job Title: Senior Webflow Designer

Company: LawnStarter

Location: California, United States

Job Type: FULL_TIME

Category: Growth Marketing / Web Design Operations

Date Posted: 2026-05-21

Experience Level: 5-10 Years

Remote Status: Fully Remote

🚀 Role Summary

• Design and build a robust, componentized Webflow design system across four distinct brands to enable fast marketing site iterations.

• Collaborate closely with the Growth team, including Technical Growth Managers and CRO Specialists, to optimize page templates and UX/UI standards for conversion and accessibility.

• Own the visual design, brand execution, and user experience for marketing websites, ensuring a high-quality, on-brand, and performant presence across all digital touchpoints.

• Leverage AI tools like Claude Code and Claude as integral parts of the design and build workflow to enhance efficiency and explore creative solutions.

📝 Enhancement Note: This role is positioned within the Growth team, indicating a strong emphasis on data-driven design decisions, conversion optimization, and rapid iteration cycles, distinguishing it from traditional brand or product design roles. The requirement for AI-native workflow suggests a forward-thinking approach to design and development processes.

📈 Primary Responsibilities

• Develop and maintain a comprehensive Webflow design system, including page templates, component libraries, design tokens, and shared interaction patterns, ensuring consistency across LawnStarter, Lawn Love, Home Gnome, and ProBase brands.

• Design and build user-centric page architectures, navigation structures, key conversion flows, and hero/CTA patterns that align with best practices for usability, conversion, and WCAG accessibility.

• Create and implement sophisticated interactions and animations within Webflow, leveraging native tools and custom CSS/JavaScript to enhance brand premiumness and user engagement.

• Partner with the CRO Specialist to design test-ready templates and variants, and iterate on designs based on A/B testing results and performance data.

• Collaborate with the Technical Growth Manager to ensure design feasibility, manage production handoffs for CMS integration, and conduct QA to ensure design intent is met in live environments.

• Translate complex SEO page requirements into scalable, modern, and polished page templates that maintain brand consistency and drive conversions across thousands of programmatic pages.

• Define and enforce UX/UI standards, ensuring clarity, scannability, performance, and adherence to accessibility guidelines for all marketing site elements.

• Conduct visual design and brand execution at a high standard, ensuring all digital assets are modern, polished, and unmistakably on-brand for each of the four distinct company brands.

📝 Enhancement Note: The responsibilities clearly indicate a "design and build" role where the designer is expected to not only conceptualize but also implement solutions directly within Webflow, including custom code. The emphasis on collaboration with Technical Growth Managers and CRO Specialists highlights a deep integration into the growth experimentation process.

🎓 Skills & Qualifications

Education:

Experience:

• 5-10 years of professional experience in web design, with a significant focus on building and managing complex websites in Webflow.

• Proven track record of designing and implementing robust design systems and component libraries.

Required Skills:

• Webflow Expertise: Deep proficiency in Webflow, including advanced interactions, CMS capabilities, component architecture, and building scalable site structures.

• Visual Design Excellence: Superior visual design skills with a strong command of typography, color theory, layout, composition, and brand execution across multiple distinct brands.

• UX/UI Discipline: Strong understanding and application of UX/UI principles, usability best practices, and WCAG accessibility standards.

• Custom Code Proficiency: Ability to write custom CSS and JavaScript for advanced interactions, animations, and component enhancements beyond Webflow's native capabilities.

• Design System Development: Experience creating, documenting, and maintaining design systems, including design tokens, reusable components, and style guides.

Preferred Skills:

• AI-Native Workflow: Demonstrated experience integrating AI tools (e.g., Claude Code, Claude) into design and development workflows for efficiency and ideation.

• Conversion Rate Optimization (CRO): Familiarity with CRO principles and experience designing elements that support A/B testing and conversion goals.

• SEO Page Design: Experience designing templates and patterns for large-scale programmatic SEO content.

• Motion Design: Skill in designing and implementing purposeful animations and micro-interactions.

• Collaboration & Communication: Proven ability to collaborate effectively with cross-functional teams (engineers, marketers, analysts) and articulate design decisions clearly.

📝 Enhancement Note: The emphasis on "top-tier visual and brand designer" and "Webflow expert" indicates that candidates will be rigorously evaluated on both their aesthetic capabilities and their technical mastery of the Webflow platform, including custom code. The preference for AI-native workflow suggests a modern approach to tool utilization.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Webflow Project Showcase: A curated selection of complex, multi-page Webflow projects demonstrating architectural rigor, advanced interactions, and responsive design across various breakpoints.

• Design System Examples: Detailed case studies or examples of design systems or component libraries built and maintained, illustrating component architecture, design tokens, and scalability.

• Visual Design & Brand Execution: Examples showcasing a high bar for visual design, brand consistency, and attention to detail across multiple distinct brand identities.

• UX/UI & Accessibility Case Studies: Demonstrations of how UX principles, usability best practices, and WCAG accessibility standards were integrated into designs.

• Custom Code Implementation: Projects that clearly show where custom CSS and/or JavaScript were used to achieve specific design or interaction goals.

Process Documentation:

• Design to Production Workflow: Documentation or explanation of your process for designing, building in Webflow, and handing off work to developers for production, including QA involvement.

• Design System Maintenance: A description of how you typically maintain and evolve a design system, including version control and update processes.

• Collaboration & Iteration: Examples of how you collaborate with cross-functional teams (e.g., CRO specialists, engineers) and iterate on designs based on data or feedback.

• AI Integration Examples: If possible, include examples or descriptions of how AI tools were used to enhance your design or build process.

📝 Enhancement Note: The portfolio requirements emphasize "design and build" capabilities directly in Webflow, including custom code and design system development. Candidates should be prepared to demonstrate not just finished designs but also the process and technical execution behind them, especially concerning scalability and collaboration.

💵 Compensation & Benefits

Salary Range: $110,000 - $140,000 USD per year.

Benefits:

• Retirement Savings: 401k plan to support long-term financial goals.

• Comprehensive Health Coverage: Medical, dental, and vision insurance plans to ensure employee well-being.

• Flexibility: Fully remote work arrangement, allowing for a better work-life balance and the ability to work from anywhere within the United States.

• Unlimited Paid Time Off (PTO): A results-focused approach where employees can take the PTO they need, emphasizing trust and autonomy.

Working Hours:

• Standard full-time hours (approximately 40 hours per week), with flexibility inherent in a remote, results-oriented work environment.

📝 Enhancement Note: The salary range is provided and falls within the expected market rate for a Senior Webflow Designer with 5-10 years of experience in the US. The benefits package emphasizes flexibility and well-being, with unlimited PTO being a notable perk. The "fully remote" status is further clarified as being within the United States.

🎯 Team & Company Context

🏢 Company Culture

Industry: Home Services Marketplace / Technology

Company Size: Approximately 250-500 employees (based on typical company descriptions for growth-stage tech companies).

Founded: LawnStarter was founded in 2012, indicating a company with established operations and a history of scaling.

Team Structure:

• Growth Team Embedded: The Senior Webflow Designer will be embedded within the Growth team, working daily alongside the Technical Growth Manager, CRO Specialist, data analysts, SEO specialists, and paid media experts.

• Reporting Structure: Reports to the Director of Design but operates day-to-day within the Growth team's agile structure, collaborating closely with peers on specific growth initiatives.

• Cross-functional Collaboration: High degree of collaboration is expected with Brand/Product Design teams for component development and brand standards, as well as with engineering for production integration and QA.

Methodology:

• Data-Driven Iteration: Design decisions are heavily influenced by conversion data, A/B testing results, and performance metrics, with a continuous loop of testing, learning, and iterating.

• Agile Development: The Growth team operates with a need for speed and rapid iteration, implying agile methodologies for website updates and experiment deployment.

• Component-Based Design: A core methodology is the creation and maintenance of a robust, componentized Webflow design system that enables self-service for page creation and updates.

Company Website: https://www.lawnstarter.com/

📝 Enhancement Note: The company's focus on growth and its multi-brand strategy (LawnStarter, Lawn Love, Home Gnome, ProBase) means the designer will work in a dynamic, fast-paced environment where website performance directly impacts business outcomes. The embedded nature within the Growth team is a key differentiator.

📈 Career & Growth Analysis

Operations Career Level: Senior Individual Contributor. This role is for an experienced designer who can operate independently, set standards, and mentor others through example and system design.

Reporting Structure: While reporting to the Director of Design, the day-to-day operational leadership comes from the Growth team's needs and priorities, fostering a highly collaborative and integrated experience.

Operations Impact: The designer's work directly impacts customer acquisition, conversion rates, and the overall perception and performance of the company's marketing websites across four brands. Success is measured in tangible business metrics like conversion rate improvements and faster testing velocity.

Growth Opportunities:

• Technical Skill Advancement: Deepen expertise in Webflow, custom coding (CSS/JS), and advanced interaction design through hands-on application and tackling complex challenges.

• Design System Leadership: Grow into a leadership role within design system development and maintenance, potentially influencing broader design strategy across the company.

• Cross-Functional Expertise: Gain deep understanding of growth marketing, CRO, SEO, and data analysis by working closely with specialists in these fields.

• Strategic Design Influence: Contribute to defining the digital presence and user experience strategy for multiple brands, impacting significant revenue streams.

• AI Tool Mastery: Become a leader in leveraging AI tools for design and development, shaping how the company innovates in these areas.

📝 Enhancement Note: This role offers significant growth potential beyond traditional design, moving into strategic design system ownership and deep integration with growth marketing functions. The opportunity to influence multiple brands and leverage cutting-edge AI tools provides a unique career trajectory.

🌐 Work Environment

Office Type: Fully Remote. This role is 100% remote, allowing employees to work from anywhere within the United States.

Office Location(s): While the role is remote, the company is headquartered in Austin, Texas, and has a presence there. The remote nature means the immediate physical office environment is wherever the employee chooses to work.

Workspace Context:

• Home Office Environment: Employees are expected to maintain a productive home office setup conducive to focused design work and remote collaboration.

• Digital Collaboration Tools: Reliance on tools like Slack, Zoom, Google Workspace, and project management software for seamless communication and workflow.

• Operations Team Interaction: Frequent virtual interactions with the Growth team (Technical Growth Manager, CRO Specialist, analysts) and design team members, fostering a connected, albeit distributed, work environment.

Work Schedule:

• Full-time, with flexibility in daily hours due to the remote nature. However, responsiveness during core business hours and availability for collaboration with team members across different time zones (particularly within the US) is expected. The focus is on results and meeting deadlines for tests and iterations.

📝 Enhancement Note: The fully remote aspect is a key feature, requiring self-discipline and strong communication skills. The "work from anywhere in the US" offers significant flexibility. The emphasis on results over hours implies a performance-driven culture.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your resume and portfolio to assess relevant experience, Webflow expertise, visual design skills, and custom code capabilities.

• Technical/Portfolio Deep Dive: An interview focused on your portfolio, discussing specific projects, your design process, Webflow implementation details, custom code usage, and how you approach design system development. This will likely include a discussion on your experience with AI tools.

• Growth Team Collaboration Simulation: A session, potentially involving a case study or hypothetical scenario, to assess your ability to collaborate with a Technical Growth Manager and CRO Specialist. This will evaluate your understanding of conversion optimization, A/B testing, and rapid iteration.

• Design Leadership/Culture Fit: A conversation with the Director of Design and potentially other senior team members to discuss your approach to design leadership, brand stewardship, and cultural fit within a fast-paced, data-driven organization.

• Final Interview: Potential final rounds to discuss overall fit, strategic thinking, and alignment with company values.

Portfolio Review Tips:

• Showcase Webflow Mastery: Clearly highlight projects built entirely in Webflow, emphasizing complex layouts, interactions, and custom code implementations.

• Detail Your Process: For each project, explain your thought process, design decisions, how you collaborated, and how you measured success.

• Highlight Design Systems: If you have experience with design systems, dedicate a section to explaining their structure, benefits, and how you managed them.

• Quantify Impact: Where possible, use metrics to demonstrate the impact of your designs (e.g., conversion rate improvements, load time optimizations, reduction in engineering support needed).

• Demonstrate Brand Versatility: Include examples showing your ability to design for distinct brands and maintain visual quality across them.

• Explain AI Integration: Be prepared to discuss how you use AI tools like Claude Code in your workflow and the benefits it brings.

Challenge Preparation:

• Webflow Challenge: Be prepared for a practical Webflow exercise, which might involve building a component, a small template, or modifying an existing structure, potentially with time constraints.

• Design System Scenario: You might be asked to outline how you would approach building a design system for a new brand or improving an existing one.

• Collaborative Problem-Solving: Expect scenarios where you need to explain how you'd work with a CRO Specialist to design an A/B test or with a Technical Growth Manager on a complex build.

📝 Enhancement Note: Candidates should prepare to demonstrate not only their design skills but also their technical Webflow proficiency, custom coding ability, and strategic thinking in a growth marketing context. The portfolio review is critical and should highlight quantifiable results and process.

🛠 Tools & Technology Stack

Primary Tools:

• Webflow: The core platform for design and development of marketing websites. Expertise is paramount.

• Figma/Sketch (or similar): While design is primarily in Webflow, familiarity with design tools for initial concepts or collaboration may be beneficial.

• Adobe Creative Suite (Photoshop, Illustrator): For asset creation, optimization, and manipulation.

Analytics & Reporting:

• Google Analytics: To understand user behavior, track conversions, and inform design decisions.

• Hotjar/FullStory/Contentsquare: For heatmaps, session recordings, and user behavior analysis to identify UX friction points.

• Data Visualization Tools (e.g., Looker, Tableau): Familiarity with how data is presented and used to inform design iteration.

CRM & Automation:

• HubSpot/Salesforce: While not a direct CRM role, understanding how marketing websites feed into CRM systems and support lead generation is important.

• Marketing Automation Platforms (e.g., Marketo, Pardot): Awareness of how website elements integrate with email marketing and lead nurturing workflows.

• Integration Tools (e.g., Zapier): Understanding how Webflow can integrate with other tools for data flow.

AI Tools:

• Claude Code & Claude: Explicitly mentioned as core to the workflow, for generating code, exploring design directions, and accelerating processes.

📝 Enhancement Note: Proficiency in Webflow is non-negotiable. The role also requires an understanding of analytics and user behavior tools to inform data-driven design. The explicit mention of Claude AI highlights a key toolset for this position.

👥 Team Culture & Values

Operations Values:

• Speed & Agility: A culture that prioritizes rapid iteration, quick decision-making, and the ability to ship and test designs quickly.

• Data-Driven Decision Making: All design choices are expected to be informed by data, A/B testing results, and performance metrics.

• Collaboration & Ownership: Strong emphasis on teamwork, especially within the Growth team, with individuals taking ownership of their areas and contributing to collective success.

• User-Centricity & Accessibility: A commitment to creating user-friendly, accessible experiences that meet WCAG standards by default.

• Continuous Improvement: A mindset of always seeking to improve designs, processes, and website performance based on learnings.

Collaboration Style:

• Embedded & Integrated: The designer is a core part of the Growth team, working in tight loops with Technical Growth Managers and CRO Specialists, not as an external service provider.

• Feedback-Rich Environment: Openness to receiving and giving constructive feedback, especially based on test results and data.

• Cross-Functional Partnership: Building strong working relationships across design, engineering, marketing, and data teams to achieve shared goals.

• Proactive Communication: Regular communication is essential in a remote, fast-paced environment to ensure alignment and keep projects moving forward.

📝 Enhancement Note: The culture is geared towards high performance, rapid execution, and measurable impact. Success is tied to the team's ability to drive growth through effective website design and experimentation.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Brand and Conversion: Simultaneously ensuring strong brand identity and execution across four distinct brands while optimizing for conversion rates.

• Managing Complex Design Systems: Developing and maintaining a scalable, flexible Webflow design system that serves multiple brands and allows for self-service by non-designers.

• Rapid Iteration Cycles: Adapting to the fast pace of growth marketing, where designs need to be produced, tested, and iterated upon quickly.

• Technical Constraints & Opportunities: Working within Webflow's capabilities while also knowing when and how to leverage custom code to push creative and functional boundaries.

• Remote Collaboration: Maintaining strong connections and effective communication in a fully remote setting.

Learning & Development Opportunities:

• Advanced Webflow Techniques: Mastering complex Webflow interactions, animations, and performance optimization.

• Growth Marketing Acumen: Deepening understanding of CRO, A/B testing methodologies, SEO strategies, and performance analytics.

• AI Design Tools: Becoming an expert in leveraging AI for design and development, staying at the forefront of technological advancements.

• Cross-Brand Strategy: Gaining experience in managing and evolving design across multiple distinct brand identities.

• System Design Leadership: Developing skills in architecting and managing large-scale design systems that drive efficiency and consistency.

📝 Enhancement Note: The role presents challenges that are also significant growth opportunities, particularly in mastering Webflow for complex, multi-brand applications and integrating AI into a growth-focused workflow.

💡 Interview Preparation

Strategy Questions:

• "Describe a time you designed a Webflow component or template that significantly improved conversion rates. What was your process, and how did you measure success?"

• "How would you approach designing a new hero section for one of our brands, considering both brand aesthetics and A/B testing objectives?"

• "Walk us through your process for building and maintaining a Webflow design system. How do you ensure it's scalable and usable by non-designers?"

• "How do you integrate custom CSS and JavaScript into your Webflow designs? Provide an example of a complex interaction you built."

Company & Culture Questions:

• "What is your understanding of LawnStarter's mission and its position in the home services market?"

• "How do you stay updated on the latest trends in web design, Webflow, and AI?"

• "Describe your ideal collaboration with a CRO Specialist and a Technical Growth Manager. How do you handle conflicting priorities or feedback?"

• "How do you ensure accessibility (WCAG) is a core part of your design process from the outset?"

Portfolio Presentation Strategy:

• Structure Your Presentation: Organize your portfolio by project type (e.g., Design Systems, Webflow Builds, Conversion-focused designs) or by brand.

• Tell a Story: For each project, explain the problem, your role, your process, the solution, and the quantifiable results. Emphasize your Webflow and custom code contributions.

• Highlight System Thinking: Clearly articulate the architecture of your Webflow sites and any design systems you've built, focusing on reusability and scalability.

• Be Ready for Live Builds: Prepare to potentially perform a live Webflow build exercise or discuss how you would approach a given challenge.

• Discuss AI Integration: Be ready to explain specific instances where you used AI tools to accelerate your work or explore new design avenues.

📝 Enhancement Note: Interview preparation should focus on demonstrating a blend of advanced Webflow technical skills, strong visual design principles, proficiency in custom coding, and a deep understanding of growth marketing and data-driven iteration. Be ready to showcase your portfolio with specific examples of impact and process.

📌 Application Steps

To apply for this Senior Webflow Designer position:

• Submit your application through the provided Workable link.

• Curate Your Portfolio: Tailor your portfolio to prominently feature your strongest Webflow projects, design system work, custom code examples, and visual design capabilities. Ensure it clearly communicates your process and quantifiable achievements.

• Optimize Your Resume: Highlight keywords relevant to Webflow, design systems, custom CSS/JavaScript, CRO, UX/UI, and AI-native workflows. Quantify your impact with metrics where possible.

• Prepare Your Webflow Skills: Practice building components or small templates in Webflow and be ready to discuss your approach to custom interactions and code.

• Research LawnStarter: Understand the company's brands, mission, and approach to growth marketing. Familiarize yourself with their current websites and identify areas where your skills can add value.

• Articulate Your Collaboration Style: Prepare to discuss how you work with cross-functional teams and how you incorporate data and feedback into your design process.

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