Givebutter
nonprofit fundraising and CRM platform
DesignEngineer
Neural analysis suggests this role is
optimal for Mid candidates.
“Design Engineer at Givebutter. Skills: Frontend engineering, Astro, JavaScript, TypeScript, Animation systems, Design collaboration. Build acquisition and marketing surfaces in our Astro-based site. Translate prototypes and AI-generated explorations into production-grade motion and interaction”
What You'll Achieve.
Build the marketing experiences that make nonprofits fall in love with Givebutter at first click; Ship real code on our Astro-based marketing site; Make the internet-facing expression of our brand feel as fun as the product does; Keep AI-native workflow discipline tight; Treat marketing surfaces like product surfaces — crafted, performant, interactive, and deeply intentional; Shape how Givebutter looks and feels on the internet
Industry & Context.
Problem-solving through code; Translating ambitious design direction into polished frontend experiences; Translating between what each group needs
What They're Looking For.
Must Have
4+ years of professional frontend engineering experience building production web applications or marketing sites, proficiency in JavaScript and TypeScript, 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 testing, or feature flagging systems (e. g. PostHog, LaunchDarkly, Segment, Amplitude), Experience building reusable frontend components and interaction systems with maintainable architecture, 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
Nice to Have
Enough Webflow comfort to collaborate with a 3rd-party team on tracking, analytics, and technical decisions, 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, Experimentation and product-analytics experience: you've run A 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
What You'll Do.
Build acquisition and marketing surfaces in our Astro-based site
Translate prototypes and AI-generated explorations into production-grade motion and interaction
Own the motion and interaction primitives that evolve across marketing and eventually product
Build data-driven marketing pages
Wire marketing surfaces into analytics and feature-flag plumbing
Extend analytics and feature-flag patterns into marketing shipping
Collaborate with 3rd-party Webflow team on cross-cutting work
and product engineering team
How You'll Work.
Team & Collaboration
Partnering with the design team to turn prototypes into production-grade motion, interaction, and web craft; Occasionally collaborate with our 3rd-party Webflow team on cross-cutting concerns like analytics and tracking; Collaborate with Growth, Marketing, Design, and the product engineering team as a natural translator; Collaborating within engineering teams using pull requests and code reviews; Partner with Design to translate Figma, prototypes, and AI-generated explorations; Partner with Growth, Marketing, Design, and the product engineering team
Full Job Description
COMPANY DESCRIPTION Givebutter is the most-loved nonprofit fundraising and CRM platform, empowering millions of changemakers to raise more, pay less, and give better. Nonprofits use Givebutter to replace multiple tools so they can launch fundraisers and events, use donation forms and donor management (CRM), send emails and text blasts—all in one place. Use of the Givebutter platform is completely free with a 100% transparent tip-or-fee model. Givebutter has been certified as a Great Place to Work® every year since 2021, and is the #1 rated nonprofit software company on G2 across multiple categories. Our mission is to empower the changemaker in all of us. We believe giving should be fun, so you’ll want to do it again, and we also believe that work should be fun, so that you’ll have the greatest impact. We are excited to hear from talented people who want to work with other talented people in making the world a butter place—and have fun along the way. ROLE DESCRIPTION Givebutter is hiring a Design Engineer to join our Growth pod. It's a rare role for engineers who miss designing or designers who learned to code. You'll 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. You'll 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. This isn't a content-management or no-code-only role. You'll help shape how Givebutter looks, feels, and behaves on the internet, from the motion on a hero section to the logic behind a data-driven campaign page. Our marketing site should feel like Givebutter: fun, warm, alive. Not a separate world from the product. We care about your ideas, your taste, and the code you ship. WHY JOIN THE GIVEBUTTER ENGINEERING TEAM? - Democracy of code – We value equal contributions from all eng
Applying for this Design Engineer role?
Most applicants get filtered before a human reads their resume. See if yours makes the cut.
How to Apply on Ashby
- Ashby is a fast modern ATS — most applications take under 3 minutes.
- The resume parser is strong; verify parsed experience dates and job titles.
- Custom screening questions are often scored algorithmically — answer completely.
- Location field affects geo-based screening; use your actual metro area.
ANONYMOUS · UNFILTERED
What do employees actually say about Givebutter?
Real rants from real employees. Read before you apply.