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. Collaborate 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 analytics and feature-flag plumbing used by the product team, including PostHog and LaunchDarkly.
• Collaborate with the growth, marketing, design, and product engineering teams as a translator between their needs and your technical implementation.
• Work with our 3rd-party Webflow team on cross-cutting concerns like analytics and tracking instrumentation, SEO, and technical decisions.

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 such as 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).
• 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: you've run A/B tests, instrumented your work in tools like PostHog, Amplitude, or Mixpanel, and can help us think about what good infrastructure would look like here.
• Nonprofit or mission-driven experience.

Benefits

• Remote Work: Work remotely from one of our 10 hubs.
• Health Insurance: We offer Medical, Dental, and Vision insurance covered 100% for employees as well as HSA and FSA accounts.
• Dependent Care Coverage: We offer coverage for dependents, with 50% of Medical, Dental, and Vision premiums covered for all eligible dependents.
• Mental Health: Givebutter health insurance plans come with access to a TalkSpace membership.
• 401k: We offer a 3% 401k match for all eligible employee's.
• Vacation and Holidays: Givebutter offers a Flexible PTO policy with uncapped vacation days and company-recognized holidays.
• Wellness Week: Givebutter closes for one week each summer to prioritize rest and recharge for the entire team.
• Parental Leave: We offer 12 weeks of paid leave for all parents and comprehensive leave planning management through Aidora.
• Family Care Support: Access a company-paid UrbanSitter membership plus care credits to book trusted, background-checked caregivers for childcare, senior care, pet care, and household support when you need it most.
• Home Office Stipend: Upgrade your home office with company-sponsored expenses, including high-quality laptops, monitors, and modern technology.
• Coworking Stipend: Enjoy a monthly stipend that gives you the freedom to work from coworking spaces or cafés whenever you need connection, community, or a change of scenery.
• Charitable Giving: Employees are encouraged to donate up to $50/month to any verified nonprofit they wish to support on Givebutter.
• Professional Development: We offer learning and development reimbursement opportunities.
• Love What You Do: We are a mission-driven company serving the charitable sector. Feel good about the work you're doing and the company you work for.

Pay

$150K - $170K

Schedule

Full-time