Design Engineer

About the role

Join our Growth pod as a Design Engineer to build marketing experiences that make nonprofits fall in love with Givebutter at first click. Partner with the design team to turn prototypes into production-grade motion, interaction, and web craft.

Responsibilities

• Build acquisition and marketing surfaces in our Astro-based site, focusing on speed, interactivity, personalization, and fun.
• Translate Figma, prototypes, and AI-generated explorations into production-grade motion and interaction, owning the motion and interaction primitives that evolve across marketing and eventually product.
• Create data-driven marketing pages that bring real campaign and cause data to life, ensuring they feel hand-made even when templated.
• Wire our marketing surfaces into the same analytics and feature-flag plumbing our product team uses, extending patterns into how we ship marketing.
• Collaborate with our 3rd-party Webflow team on cross-cutting concerns like analytics and tracking, contributing to the whole web presence.
• Partner with Growth, Marketing, Design, and the product engineering team as a translator between their needs and your expertise.

Requirements

• 4+ years of professional frontend engineering experience building production web applications or marketing sites.
• Strong proficiency in JavaScript and TypeScript.
• Understanding of semantic HTML, modern CSS, responsive layouts, and browser rendering behavior.
• Experience with modern frontend frameworks such as Astro, React, Next.js, or Svelte.
• Experience implementing advanced frontend animation systems using tools like GSAP, Framer Motion, View Transitions API, Lottie, or scroll-linked animations.
• Experience integrating analytics, A/B testing, or feature flagging systems (e.g. PostHog, LaunchDarkly, Segment, Amplitude).
• Experience building reusable frontend components and interaction systems with maintainable architecture.
• Strong understanding of Core Web Vitals, frontend performance optimization, and accessibility standards (WCAG, reduced motion support, semantic structure).
• Comfortable reviewing, debugging, and refining AI-assisted code output before production deployment.
• Experience using Git-based workflows and collaborating within engineering teams using pull requests and code reviews.

Nice to have

• Enough Webflow comfort to collaborate with a 3rd-party team on tracking, analytics, and technical decisions (this is not a content-management role).
• Experience with data-driven page generation (CMS-driven templates, content collections, dynamic routing, and programmatic patterns that prioritize quality over volume).
• Experience maintaining design systems or motion primitive libraries.
• Experience with Cloudflare Workers / edge routing / SEO / Core Web Vital.
• Background in a designer-first environment (agency, studio, or former designer).
• A personal site with personality (we will absolutely click through).
• Experimentation and product-analytics experience: running A/B tests, instrumenting work in tools like PostHog, Amplitude, or Mixpanel, and helping define good infrastructure.
• Nonprofit or mission-driven experience.

Benefits

• Remote Work: Work remotely from one of our 10 hubs.
• Health Insurance: Medical, Dental, and Vision insurance covered 100%, HSA, and FSA accounts.
• Dependent Care Coverage: Coverage for dependents, with 50% of Medical, Dental, and Vision premiums covered for all eligible dependents.
• Mental Health: Access to a TalkSpace membership.
• 401k: 3% match for all eligible employees.
• Vacation and Holidays: Flexible PTO policy with uncapped vacation days and company-recognized holidays.
• Wellness Week: One week off each summer to rest and recharge.
• Parental Leave: 12 weeks of paid leave for all parents and comprehensive leave planning management through Aidora.
• Family Care Support: Company-paid UrbanSitter membership plus care credits for childcare, senior care, pet care, and household support.
• Home Office Stipend: Upgraded home office with company-sponsored expenses, including high-quality laptops, monitors, and modern technology.
• Coworking Stipend: Monthly stipend for working from coworking spaces or cafes.
• Charitable Giving: Encouraged to donate up to $50/month to any verified nonprofit.
• Professional Development: Learning and development reimbursement opportunities.

Compensation Range

$150K - $170K