givebutter - Design Engineer

Remote - United States$150k - $170k1mo ago

Remote Mid NA Nonprofit UX Designer Web Designer JavaScript TypeScript Product Marketing Reporting React

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 • 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 • 2. 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. • 3. 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 • 4. Values Interview: A conversation with team members focused on how you align with our core values and leadership principles. • 5. References: We connect with a few folks you’ve worked closely with to get a better picture of your working style and impact. • 6. Offer: If all goes well, we’ll move to the offer stage! • Please note, we will have an AI note-taking tool join most of our interviews. • Hi potential new butterslice! A recent study from LinkedIn https://business.linkedin.com/content/dam/me/business/en-us/talent-solutions-lodestone/body/pdf/Gender-Insights-Report.pdf 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!

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

Benefits

• $150K – $170K • Offers Equity • Upload your resume here to autofill key application fields. • Drop your resume here! • Parsing your resume. Autofilling key fields... • or drag and drop here • We ask because understanding how candidates discover us helps our recruiting team invest in the right channels and communities. • Yes, I’m a US Citizen or permanent resident • No, I’m not a US Citizen or permanent resident • Less than 3 years • Shipping production code in modern JS frameworks (Astro, Next, Svelte, React, etc.) • Managing content or templates in no-code tools (Webflow, Squarespace, etc.) • Both roughly equally • Entry-level: Contributed to pages or components with support • Mid-level: Owned landing pages or marketing flows with minimal guidance • Senior-level: Owned site-wide projects and collaborated cross-functionally • Lead: Set direction for website and experimentation infrastructure • CSS Transitions/Animations • View Transitions API • None of the above • Decline to self-identify • Hispanic or Latino - A person of Cuban, Mexican, Puerto Rican, South or Central American, or other Spanish culture or origin regardless of race. • Hispanic or Latino • White (Not Hispanic or Latino) - A person having origins in any of the original peoples of Europe, the Middle East, or North Africa. • White • Black or African American (Not Hispanic or Latino) - A person having origins in any of the black racial groups of Africa. • Black or African American • Native Hawaiian or Other Pacific Islander (Not Hispanic or Latino) - A person having origins in any of the peoples of Hawaii, Guam, Samoa, or other Pacific Islands. • Native Hawaiian or Other Pacific Islander • Asian (Not Hispanic or Latino) - A person having origins in any of the original peoples of the Far East, Southeast Asia, or the Indian Subcontinent, including, for example, Cambodia, China, India, Japan, Korea, Malaysia, Pakistan, the Philippine Islands, Thailand, and Vietnam. • Asian • American Indian or Alaska Native (Not Hispanic or Latino) - A person having origins in any of the original peoples of North and South America (including Central America), and who maintain tribal affiliation or community attachment. • American Indian or Alaska Native • Two or More Races (Not Hispanic or Latino) - All persons who identify with more than one of the above five races. • Two or More Races • Hispanic or Latino • White (Not Hispanic or Latino) • Black or African American (Not Hispanic or Latino) • Native Hawaiian or Other Pacific Islander (Not Hispanic or Latino) • Asian (Not Hispanic or Latino) • American Indian or Alaska Native (Not Hispanic or Latino) • Two or More Races (Not Hispanic or Latino) • I identify as one or more of the classifications of protected veteran listed above • I am not a protected veteran