[Remote] Design Engineer

Note: The job is a remote job and is open to candidates in USA. Givebutter is a nonprofit fundraising and CRM platform that empowers changemakers to raise more and give better. They are seeking a Design Engineer to build marketing experiences that engage nonprofits and enhance their online presence, collaborating with design and engineering teams to translate prototypes into production-ready code.

Responsibilities

• Build acquisition and marketing surfaces in our Astro-based site, where you're free from the constraints of our Webflow-hosted content pages to make things that are faster, more interactive, more personalized, and more fun
• Partner with Design to translate Figma, prototypes, and AI-generated explorations into production-grade motion and interaction, and own the motion and interaction primitives that evolve across marketing and eventually product
• Build data-driven marketing pages that bring our real campaign and cause data to life: per-cause hubs, per-campaign stories, per-vertical landing pages, with the kind of craft and taste that makes them feel hand-made even when they're templated
• Wire our marketing surfaces into the same analytics and feature-flag plumbing our product team uses; we've got PostHog across the stack and LaunchDarkly in the dashboard, with real room to extend those patterns into how we ship marketing
• Collaborate with our 3rd-party Webflow team on the cross-cutting work that spans our whole web presence (analytics and tracking instrumentation, SEO, technical decisions)
• Partner with Growth, Marketing, Design, and the product engineering team as a natural translator between what each group needs

Skills

• 4+ years of professional frontend engineering experience building production web applications or marketing sites
• Strong proficiency in JavaScript and TypeScript
• Strong understanding of semantic HTML, modern CSS, responsive layouts, and browser rendering behavior
• Production 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)
• Experience collaborating in Figma-based design workflows and implementing pixel-accurate UI from design specifications
• 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
• 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)
• Design systems or motion primitive library maintenance
• Cloudflare Workers / edge routing / SEO / Core Web Vitals
• 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 (Austin, Denver, Indianapolis, Los Angeles, San Francisco, New York, Salt Lake City, Minneapolis, Seattle, and Nashville).
• 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.

Company Overview