Design Engineer — Remote Frontend Motion for Marketing

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 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. 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 Please note, we will have an AI note‑taking tool join most of our interviews. Hi potential new butterslice! A recent study from LinkedIn showed that most women apply to jobs only when they meet 100% of the requirements, whereas men will hit the apply button if they hit 60%. Givebutter is committed to building a diverse and inclusive team. So to the women and nonbinary folks out there feeling unsure if you're a perfect fit, we strongly encourage you to apply! 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 #J-18808-Ljbffr Givebutter