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 engineers and foster an environment of open discussion on architecture and ideas. - Autonomy in work – We keep meetings to a minimum. Engineers have the freedom to manage their own calendars and block out uninterrupted time for focused work. - Automated CI/CD – Our build and deployment processes are fully automated and hands-off, allowing engineers to focus on problem-solving through code. - Mission-driven, full stop – You’ll be working with inspiring nonprofits, charities, and organizations that are making a positive impact around the world. - Creative engineering culture – Motion, craft, and taste are engineering concerns here, not decoration. You'll have the autonomy to make the internet-facing expression of our brand feel as fun as the product does. - AI-native workflow – We vibe code with a plan and review the output. You'll help us keep that discipline tight. WE WANT TO HEAR FROM PEOPLE WHO… - Treat marketing surfaces like product surfaces — crafted, performant, interactive, and deeply intentional - Have strong visual and interaction taste, and can translate ambitious design direction into polished frontend experiences - Care about the details: motion curves, loading states, typography rhythm, accessibility, responsiveness, and performance - Like working across disciplines and can comfortably collaborate with Design, Growth, Marketing, and Engineering - Are excited by ambiguity and want to help define what modern AI-assisted marketing engineering looks like - Use AI tools thoughtfully in their workflow, with clear judgment about where automation helps and where human craft matters 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) - Experience collaborating in Figma-based design workflows and implementing pixel-accurate UI from