Design Engineer

Givebutter

Design Engineer at Givebutter creating engaging marketing experiences for nonprofits. Collaborating with design and engineering teams to deliver production-ready web designs.

Posted 5/16/2026full-timeRemote • California, Colorado, Minnesota, New York, Tennessee, Texas, Utah, Washington • 🇺🇸 United StatesMid-LevelSenior💰 $150,000 - $170,000 per yearWebsite

Tech Stack

Tools & technologies

JavaScriptNext.jsReactSvelteTypeScript

About the role

Key responsibilities & impact

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

What you’ll need

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.

Benefits

Comp & perks

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

ATS Keywords

✓ Tailor your resume

Applicant Tracking System Keywords

Tip: use these terms in your resume and cover letter to boost ATS matches.

Hard Skills & Tools

JavaScriptTypeScriptHTMLCSSAstroReactNext.jsSvelteGSAPFramer Motion

Soft Skills

collaborationcommunicationproblem-solvingattention to detailcreativityadaptabilitycritical thinkingteamworktranslating requirementsdebugging