Design Engineer

About the role

The Design Engineer will build the marketing experiences that make nonprofits fall in love with Givebutter at first click, partnering with our design team to turn prototypes into production-grade motion, interaction, and web craft. They will ship real code on our Astro-based marketing site and occasionally collaborate with our 3rd-party Webflow team on cross-cutting concerns like analytics and tracking.

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

Requirements

• 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)
• 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)
• 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

About the bar

This role is reviewed by our VP of Design, VP of Growth, and CTPO. We've set a high bar because this person will shape how Givebutter looks and feels on the internet. If you've been waiting for a role where craft, taste, and engineering rigor all matter at once, come show us your work.

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.

Interview Process

• Recruiter Screen: A 30-minute conversation to learn more about your background, walk through the role, and ensure mutual alignment on expectations, values, and logistics.
• Hiring Manager Interview: A deeper dive into your relevant experience, skillset, and working style. This is your first opportunity to connect directly with the person who may be your future manager.
• Assessment (technical or non-technical): This stage will vary based on the role. It could involve a live coding session, case study, or take-home project. Some roles may include two parts to this stage to evaluate both practical skills and problem-solving approaches.
• Values Interview: A conversation with team members focused on how you align with our core values and leadership principles.
• References: We connect with a few folks you’ve worked closely with to get a better picture of your working style and impact.
• Offer: If all goes well, we’ll move to the offer stage!

Compensation Range

$150K - $170K