Design Engineer

About the role

Join our Growth pod as a Design Engineer to build marketing experiences that make nonprofits fall in love with Givebutter at first click. Partner with the design team to turn prototypes into production-grade motion, interaction, and web craft.

Responsibilities

• Build acquisition and marketing surfaces in our Astro-based site, focusing on speed, interactivity, personalization, and fun.
• Translate Figma, prototypes, and AI-generated explorations into production-grade motion and interaction, owning the motion and interaction primitives that evolve across marketing and eventually product.
• Implement data-driven marketing pages that bring real campaign and cause data to life, ensuring they feel hand-made even when templated.
• Collaborate with the 3rd-party Webflow team on cross-cutting concerns like analytics and tracking.
• Work with Growth, Marketing, Design, and the product engineering team as a translator between different groups' needs.

Requirements

• 4+ years of professional frontend engineering experience building production web applications or marketing sites.
• Strong proficiency in JavaScript and TypeScript.
• Understanding of semantic HTML, modern CSS, responsive layouts, and browser rendering behavior.
• 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).
• 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 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.
• 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!