Design Engineer

Design Engineer

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 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 (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.

More About Givebutter

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