Marketing Web Designer

📍 Job Overview

Job Title: Marketing Web Designer

Company: Avoca

Location: New York, New York, United States

Job Type: Full-Time

Category: Marketing Operations / Web Development

Date Posted: June 26, 2026

Experience Level: Mid-Senior Level (4-7+ years)

Remote Status: On-site

🚀 Role Summary

• End-to-end ownership of the marketing website (<a target="_blank" rel="noopener noreferrer nofollow" href="http://avoca.ai">avoca.ai</a>), from initial design concepts in Figma to final code deployment.

• Development and maintenance of a robust design system and component library, ensuring strict Figma-to-code parity.

• Creation and optimization of conversion-critical landing pages for various marketing campaigns, with a focus on A/B testing and data-driven iteration.

• Leading interaction and motion design for web elements, including animations, scroll-driven effects, and integration of rich media.

📝 Enhancement Note: While the title is "Marketing Web Designer," the extensive responsibilities in coding, system architecture, and performance optimization indicate a hybrid "Designer-Developer" role. This is crucial for candidates to understand the dual nature of the position, requiring both strong design sensibilities and solid engineering skills for a successful application. The emphasis on "no handoffs" and "Figma → code parity" highlights the expectation of full-stack ownership within the web marketing domain.

📈 Primary Responsibilities

• Design and develop all new pages, landing experiences, and campaign-specific microsites for <a target="_blank" rel="noopener noreferrer nofollow" href="http://avoca.ai">avoca.ai</a>, ensuring a seamless user journey from concept to launch.

• Architect, build, and maintain Avoca's marketing component library and design system, ensuring consistency and scalability across all web properties.

• Lead the design and development of key marketing initiatives, such as product launch sites, industry conference microsites, and customer story pages.

• Design, build, instrument, and iterate on high-converting landing pages for paid, SEO, and Account-Based Marketing (ABM) campaigns, leveraging A/B testing to drive performance improvements.

• Drive interaction and motion design forward on the web, implementing hero animations, scroll-driven effects, and integrating dynamic content like live performance counters and multimedia elements.

• Collaborate closely with the Director of Brand on visual expression, Product Marketing on campaign messaging and launch sites, and the Creative Producer on integrating motion graphics and video content.

• Take ownership of web analytics, A/B testing frameworks, and performance optimization, focusing on page speed, Core Web Vitals, accessibility standards, and SEO best practices.

• Make critical technical decisions for the marketing technology stack, including selecting and managing the CMS, front-end framework, hosting solutions, asset pipeline, and deployment workflows.

📝 Enhancement Note: The responsibilities clearly indicate a "full-stack" web marketing role, extending beyond typical design tasks to include deep front-end development, system architecture, and performance optimization. This level of ownership is typical of more senior or specialized roles within marketing operations or growth teams, where direct impact on conversion rates and user experience is paramount.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong portfolio demonstrating equivalent practical experience and technical proficiency is paramount. Candidates with degrees in Graphic Design, Web Design, Computer Science, or related fields may have a foundational advantage.

Experience: 4–7+ years of progressive experience as a hybrid marketing web designer/developer, preferably within B2B SaaS companies, digital agencies, or established in-house brand teams.

Required Skills:

• Hybrid Design & Development: Proven ability to design visually compelling interfaces in Figma and translate those designs into functional, production-ready code.

• Front-End Development: Strong fluency and production experience with React and Next.js.

• Styling & UI Frameworks: Proficiency with Tailwind CSS for efficient and scalable styling.

• Design Systems: Expertise in building and maintaining design systems and component libraries with a focus on Figma-to-code parity.

• Prototyping & Motion: Hands-on experience with interaction and motion design tools and libraries such as Framer Motion, GSAP, or Lottie.

• Marketing Performance: Strong understanding of web performance metrics including page speed, Core Web Vitals, and a demonstrated instinct for conversion rate optimization (CRO).

• A/B Testing: Experience in designing, instrumenting, and analyzing A/B tests to drive data-informed web improvements.

• Content Management Systems (CMS): Practical experience with headless CMS platforms like Sanity, Contentful, or Storyblok.

• Deployment Platforms: Familiarity with modern deployment platforms such as Vercel or Netlify.

• End-to-End Ownership: Demonstrated ability to manage entire web sprints from design through to deployment without reliance on external handoffs.

Preferred Skills:

• Rapid Prototyping: Fluency in Framer or Webflow for accelerated prototyping and design exploration.

• SEO Fundamentals: Basic understanding of SEO principles and how they apply to web design and development.

• Accessibility Standards: Knowledge of WCAG guidelines and best practices for web accessibility.

• Asset Pipelines: Experience with modern asset pipeline management.

• Analytics Implementation: Ability to instrument and manage web analytics tools effectively.

📝 Enhancement Note: The requirement for a portfolio that includes "shipped marketing sites you designed AND built" is a critical filter. Candidates should prepare to showcase projects where they were responsible for both the visual design and the underlying code implementation, detailing their specific contributions and the outcomes. The emphasis on "hybrid by choice" suggests a preference for individuals who naturally operate across design and development disciplines.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Shipped Projects: A comprehensive portfolio showcasing live, shipped marketing websites where you were responsible for both the design and development.

• Figma to Code: Demonstrations of how you maintain design system parity between Figma components and their coded implementation.

• Performance Metrics: Case studies or examples highlighting improvements in page speed, Core Web Vitals, or conversion rates achieved through your work.

• Design System Examples: Clear documentation or visual representation of a design system you've built or contributed to, including its components and usage guidelines.

• Interaction & Motion Examples: Showcase of dynamic UI elements, animations, or scroll-driven experiences you've implemented.

Process Documentation:

• Workflow Design: Examples of your process for taking a web project from initial brief through design, development, testing, and deployment.

• Collaboration & Handoffs: (While the role emphasizes no handoffs, demonstrating how you collaborate internally within your end-to-end process is key).

• Performance Optimization: Documentation of how you approach identifying and resolving performance bottlenecks or implementing A/B tests.

• System Architecture: Explanations of the technical architecture of past web projects, including CMS, framework, and hosting choices.

📝 Enhancement Note: Given the "no handoffs" philosophy, the portfolio should emphasize the candidate's ability to manage the entire lifecycle of a web project independently. This means showcasing not just the final output but also the process, decision-making, and problem-solving involved in bringing a project from concept to a high-performing, live website.

💵 Compensation & Benefits

Salary Range: The expected base salary for this role is $165,000 - $185,000 USD per year.

Benefits:

• Comprehensive medical, dental, and vision insurance plans.

• Company-sponsored 401(k) retirement plan administered through Vestwell.

• Flexible Paid Time Off (PTO) policy, in addition to all U.S. federal holidays.

• Regular company-wide off-site events for team building and strategic alignment.

• Daily catered in-office lunch provided through Parkday.

• Dinner expenses covered for employees working late.

• Commuter benefits to assist with transportation costs.

• Late-night rideshare services available for employees working extended hours.

• Workspace accommodations, including standing desks, available upon request.

• Provision of all necessary core tools and software for the role.

• Performance-based bonus opportunities.

• Equity in the company, reflecting a stake in Avoca's growth.

Working Hours: Standard full-time work schedule, typically around 40 hours per week, with flexibility often afforded to on-site employees, especially concerning the completion of essential tasks or project deadlines.

📝 Enhancement Note: The salary range provided is competitive for a hybrid designer/developer role in New York City, reflecting the mid-to-senior level experience and the high demand for these specialized skills. The inclusion of equity and bonus alongside a comprehensive benefits package indicates a total compensation strategy designed to attract and retain top talent in a competitive startup environment.

🎯 Team & Company Context

🏢 Company Culture

Industry: AI-powered Customer Engagement / Home Services Technology. Avoca operates at the intersection of AI, SaaS, and the substantial home services market, aiming to redefine customer interaction through intelligent automation. This context means the company values innovation, rapid iteration, and a deep understanding of both technological capabilities and market needs.

Company Size: 130+ employees. As a Series B startup that has experienced 10x growth, Avoca likely has a dynamic, fast-paced environment where individual contributions have a significant and visible impact. The culture is expected to be entrepreneurial, with a focus on execution and achieving ambitious growth targets.

Founded: Under two years ago. This indicates a relatively young company with a rapidly evolving culture and operational structure. Early hires are instrumental in shaping the company's trajectory and internal processes.

Team Structure:

• The Marketing Web Designer/Developer will report directly to the Director of Brand, indicating a close relationship with brand strategy and visual identity.

• Collaboration is expected with the Creative Director on visual language, the Creative Producer on integrating motion and film, and Product Marketing on campaign execution and product launches.

• The role is part of a high-energy, in-office team, fostering a collaborative and communicative work environment. Methodology:

• Data-Driven Web Development: Emphasis on using analytics, A/B testing, and performance metrics to inform design and development decisions.

• Agile & Iterative: The rapid growth and market demands suggest a methodology that prioritizes speed, iteration, and continuous improvement.

• Integrated Design & Engineering: The "no handoffs" approach promotes a unified process where design and development are treated as a single, continuous workflow.

Company Website: <a href="http://avoca.ai">avoca.ai</a>

📝 Enhancement Note: The company's rapid growth (10x in 2025) and Series B funding suggest a culture that is both ambitious and execution-focused. Candidates should be prepared for a demanding yet rewarding environment where they can directly influence the company's external image and marketing effectiveness.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a Mid-Senior level specialist, requiring a significant blend of design and development expertise. It represents a career path for individuals who excel at the intersection of creative execution and technical implementation, often referred to as "Creative Technologists" or "Full-Stack Designers." The role offers substantial autonomy and ownership, which can be a significant growth driver.

Reporting Structure: Reporting directly to the Director of Brand signifies a strategic alignment with brand initiatives. However, the extensive collaboration with Product Marketing and Creative Producer indicates a cross-functional integration typical of growth and marketing operations teams.

Operations Impact: The Marketing Web Designer/Developer will have a direct and immediate impact on Avoca's market perception, lead generation, and conversion rates. By owning the primary digital touchpoint for potential customers, their work is critical to the company's growth trajectory, directly influencing revenue through effective campaign landing pages and a strong brand presence.

Growth Opportunities:

• Technical Specialization: Deepen expertise in React/Next.js, modern web performance optimization, and advanced motion design techniques.

• Design System Leadership: Take on greater responsibility for evolving and scaling the design system, potentially leading to a Design System Lead role.

• Marketing Technology Strategy: Influence and expand the marketing technology stack, potentially moving into a Marketing Operations or Web Strategy role.

• Cross-Functional Leadership: Grow into a lead role for specific marketing campaigns or product launches, managing web presence from concept to execution.

• Mentorship: As the team grows, opportunities to mentor junior designers or developers may arise.

📝 Enhancement Note: This role is ideal for a "builder" who thrives on taking full ownership. The growth potential lies not just in climbing a traditional ladder but in expanding the scope of influence and expertise within the marketing technology and creative execution domains.

🌐 Work Environment

Office Type: In-office, full-time. Avoca emphasizes a collaborative, high-energy in-office culture at its NYC headquarters.

Office Location(s): New York City headquarters. Specific details about office amenities and accessibility would typically be available upon further inquiry or during the interview process.

Workspace Context:

• Collaborative Environment: The emphasis on "high-energy, in-office teams" suggests a dynamic workspace designed to foster spontaneous collaboration and quick communication.

• Tools & Technology: Candidates will have access to all core tools and software provided by the company, ensuring they have the necessary resources to perform their job effectively. This likely includes high-performance workstations and relevant software licenses.

• Team Interaction: Frequent interaction with Brand, Product Marketing, and Creative teams is expected, facilitating a rich exchange of ideas and rapid feedback loops.

Work Schedule: While a standard full-time schedule is expected, the nature of a fast-paced startup, especially one that offers dinner coverage for late work, suggests that flexibility and dedication are valued. The focus is on delivering results, which may sometimes require working beyond standard hours.

📝 Enhancement Note: The "in-office" requirement is a key aspect of Avoca's culture, designed to foster rapid teamwork and innovation. Candidates should be comfortable with this environment and understand its implications for daily work and collaboration.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your resume and portfolio, focusing on the hybrid design/development experience and shipped projects.

• Design Challenge/Portfolio Review: A deeper dive into your portfolio, likely involving a presentation of key projects and discussion of your design and development process, problem-solving approaches, and impact. Expect questions about your Figma-to-code workflow and design system implementation.

• Technical Interview: Assessment of your coding skills (React, Next.js, Tailwind), understanding of web performance, and experience with the specified technologies.

• Cross-Functional Interviews: Conversations with the Director of Brand, Creative Producer, Product Marketing Manager, and potentially other team members to assess cultural fit, collaboration style, and strategic thinking.

• Final Interview: Likely with a senior leader (e.g., VP of Marketing or Head of Growth) to discuss overall fit, vision, and long-term potential.

Portfolio Review Tips:

• Highlight Hybrid Nature: Clearly showcase projects where you were end-to-end responsible for both design and development. Use annotations or descriptions to delineate your specific contributions.

• Demonstrate Figma-to-Code Parity: Provide examples of how your Figma components translate directly into coded components. Show your design system in action.

• Quantify Impact: For each project, present metrics related to conversion rates, page speed improvements, user engagement, or campaign success. Use data to tell the story of your impact.

• Showcase Motion & Interaction: Include interactive prototypes or video demonstrations of complex animations, scroll effects, or micro-interactions you've built.

• Explain Technical Decisions: Be prepared to discuss why you chose specific technologies (React, Next.js, Tailwind, Vercel, specific CMS) and how they contributed to the project's success.

Challenge Preparation:

• Web Performance Optimization: Be ready to discuss strategies for improving Core Web Vitals and page load times, and potentially to analyze a given webpage for performance issues.

• Design System Thinking: Prepare to discuss how you would build or extend a design system for a growing B2B SaaS company, focusing on scalability and maintainability.

• Landing Page Optimization: Practice articulating your process for designing and testing high-converting landing pages for different campaign objectives.

• Technical Problem-Solving: Anticipate questions about debugging common front-end issues or implementing specific features in React/Next.js.

📝 Enhancement Note: The interview process heavily emphasizes the candidate's ability to execute independently from design to deployment. Candidates should prepare a portfolio that vividly demonstrates this end-to-end capability, supported by concrete examples and quantifiable results.

🛠 Tools & Technology Stack

Primary Tools:

• Design & Prototyping: Figma (mandatory fluency), Framer (preferred for rapid prototyping).

• Front-End Frameworks: React and Next.js (strong fluency required).

• Styling: Tailwind CSS (production experience required).

• Motion & Animation: Framer Motion, GSAP, Lottie (hands-on experience with at least one, with a portfolio showcasing craft).

• Deployment & Hosting: Vercel or Netlify (familiarity with modern deployment platforms).

• Content Management: Headless CMS such as Sanity, Contentful, or Storyblok (production experience).

Analytics & Reporting:

• Web Analytics: Proficiency in implementing and utilizing tools like Google Analytics, Amplitude, or similar for tracking user behavior and campaign performance.

• A/B Testing Platforms: Experience with tools like Optimizely, VWO, or built-in platform capabilities for running experiments.

• Performance Monitoring: Familiarity with tools for monitoring Core Web Vitals and page speed (e.g., Lighthouse, Google Search Console).

CRM & Automation:

• While not explicitly listed as primary tools for this role, understanding how marketing websites integrate with CRM systems (like Salesforce, HubSpot) and marketing automation platforms is beneficial. The ability to implement tracking codes or forms that feed into these systems is a plus.

• Integration: Understanding of how to integrate marketing websites with various third-party tools and APIs.

📝 Enhancement Note: The technology stack is modern and focused on efficient, high-performance web development. Candidates should be prepared to discuss their experience with each of these technologies and demonstrate how they leverage them to achieve marketing objectives.

👥 Team Culture & Values

Operations Values:

• Craftsmanship & Detail: A strong emphasis on high-quality design and code, with meticulous attention to detail in typography, motion, spacing, and performance. This means not just shipping but shipping beautifully and efficiently.

• Performance & Conversion: A dual obsession with brand aesthetics and measurable marketing outcomes. The value placed on converting visitors and driving revenue is as high as the value placed on visual appeal.

• Collaboration & Partnership: A deep-seated instinct for partnering effectively with brand, creative, and product marketing teams, working synergistically rather than in silos.

• Ownership & Autonomy: A culture that empowers individuals to own their domains end-to-end, fostering initiative and accountability.

• Speed & Iteration: In a fast-growing Series B startup, a culture that embraces agility, rapid iteration, and continuous improvement is essential.

Collaboration Style:

• Integrated Workflows: The "no handoffs" approach fosters a highly integrated collaboration style where designers and developers work seamlessly together, often as one.

• Proactive Communication: Expect frequent, clear, and concise communication to ensure alignment across brand, product marketing, and creative efforts.

• Feedback-Driven: A culture that likely encourages constructive feedback to continuously improve web presence and marketing effectiveness.

• Cross-Functional Synergy: Collaboration is expected to be broad, involving not just direct team members but also product marketing and potentially product teams for announcements and microsites.

📝 Enhancement Note: The company culture values individuals who are both highly skilled creatives and pragmatic engineers, driven by a desire to build exceptional digital experiences that also deliver tangible business results.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Brand and Performance: The core challenge will be to consistently deliver visually stunning web experiences that also meet aggressive conversion and performance goals.

• Rapid Iteration Demands: Keeping pace with a 10x growth trajectory means frequently launching new pages, campaigns, and features, requiring efficient workflows and adaptability.

• Scalability of Design System: As Avoca grows, the challenge will be to evolve and scale the design system and component library to support an expanding web presence without sacrificing quality or speed.

• Technical Stack Evolution: Staying abreast of and potentially integrating new technologies within the marketing stack to maintain a competitive edge.

Learning & Development Opportunities:

• Advanced Web Technologies: Opportunities to deepen expertise in cutting-edge front-end frameworks, animation libraries, and performance optimization techniques.

• Design System Mastery: Gaining leadership experience in defining and championing design system best practices for a growing organization.

• Marketing Strategy Integration: Developing a stronger understanding of broader marketing strategies (SEO, ABM, paid media) and how web presence directly contributes to them.

• Cross-Functional Impact: Expanding influence by working on diverse projects with various teams, enhancing strategic communication and project management skills.

• Industry Exposure: Potential to attend industry conferences or workshops related to web design, development, and marketing technology.

📝 Enhancement Note: This role is designed for individuals who see challenges as opportunities for growth. The ability to navigate competing priorities (brand vs. performance, speed vs. quality) will be key to success and professional development.

💡 Interview Preparation

Strategy Questions:

• "How would you approach designing and building a new landing page for a high-stakes product launch, considering both brand expression and conversion optimization?" (Focus on your end-to-end process, tool choices, and testing strategy.)

• "Describe a situation where you had to balance competing demands between design aesthetics and technical performance. How did you resolve it?" (Highlight your problem-solving skills and ability to make pragmatic trade-offs.)

• "Walk us through your process for creating and maintaining a design system that ensures Figma-to-code parity." (Prepare to discuss component libraries, documentation, and version control.)

• "How do you prioritize your workload when managing multiple web projects simultaneously, such as a product launch site, campaign landing pages, and ongoing site maintenance?" (Demonstrate your organizational and time management skills.) Company & Culture Questions:

• "What excites you about Avoca's mission and our position in the AI/home services market?" (Research Avoca's product, market, and recent news.)

• "How do you see your hybrid designer-developer skills contributing to our high-energy, in-office culture?" (Emphasize your collaborative spirit and proactive approach.)

• "What are your thoughts on the importance of web performance and Core Web Vitals for a B2B SaaS company like ours?" (Showcase your understanding of the business impact of technical details.)

• "Describe a time you collaborated closely with a Product Marketing Manager or a Brand Director. What was the outcome?" (Prepare a specific example demonstrating your partnership skills.) Portfolio Presentation Strategy:

• Storytelling: Frame each portfolio piece as a story: the challenge, your solution (design and code), and the measurable impact.

• Live Demos: If possible, provide interactive links or screen recordings that showcase the dynamism and responsiveness of your work.

• Code Snippets: Be prepared to briefly discuss key code implementations or architectural decisions, especially if asked.

• Design System Walkthrough: Dedicate a portion of your presentation to demonstrating your design system, its components, and its benefits.

• Focus on Ownership: Clearly articulate your specific role and responsibilities in each project, reinforcing the end-to-end nature of your contributions.

📝 Enhancement Note: Interviewers will be looking for a candidate who is not only technically proficient but also a strategic thinker with strong communication skills and a genuine passion for building impactful digital experiences. Preparing specific examples that showcase your hybrid capabilities and business impact is crucial.

📌 Application Steps

To apply for this Marketing Web Designer position:

• Submit your application through the provided link on Ashby.

• Portfolio Customization: Tailor your portfolio to prominently feature your hybrid design-development experience, emphasizing shipped projects where you owned both aspects. Highlight your work with React, Next.js, Figma, and your motion design capabilities.

• Resume Optimization: Ensure your resume clearly articulates your 4-7+ years of relevant experience, using keywords from the job description (e.g., React, Next.js, Figma, design systems, web performance, A/B testing, headless CMS). Quantify achievements with metrics where possible.

• Interview Preparation: Practice articulating your end-to-end process for web projects, from design conception to code deployment and optimization. Prepare to discuss your portfolio pieces in detail, focusing on both design craft and technical execution.

• Company Research: Thoroughly research Avoca's product, mission, recent funding rounds, and market positioning. Understand their target audience and the importance of their web presence in customer engagement. This will help you tailor your responses to demonstrate cultural fit and strategic alignment.

⚠️ 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.