Responsibilities
- Bring design intent to life by carrying forward high-fidelity layouts from brand designers with taste and craft to make them feel native to the web.
- Surface what’s newly possible in browsers and propose enhancements that design didn’t know to ask for, advocating for approaches that make experiences feel alive rather than translated from a static file.
- Implement animation and interaction that earns attention, particularly for product launches, campaign pages, and editorial moments, owning the layer of pacing, motion, and detail.
- Build and extend the design system by identifying when a component needs to stretch to cover a new use case and building those extensions in a way that fits rather than fights the system.
- Work directly with brand designers and marketing as a peer, participating in concepting sessions rather than just receiving tickets at the end.
- Set the quality bar for Mercury’s front door by having a point of view about what exceptional looks like on the web and advocating for it.
Requirements
- Has a portfolio of crafted work that demonstrates both engineering quality and design sensibility.
- Has been the technical lead of complex projects with many stakeholders with a track record of success.
- Has deep command of HTML and CSS as a creative medium, not just a layout tool. Knows what the platform can do and stays current on what’s new.
- Is fluent in the web animation stack — from CSS transitions to GSAP to the Web Animations API — and knows which tool fits which problem.
- Understands that motion on the web is a performance concern as much as a design one.
- Is proficient in React and Next.js, particularly in a content-heavy, pre-rendered marketing context.
- Has experience working within and extending a design system, with pragmatic opinions about when to use what’s there vs. when to build something new.
- Has worked closely with brand designers or creative directors in previous roles and knows how to navigate strong design opinions.
- Cares about performance as an extension of craft: a slow or janky interaction isn’t just a technical problem, it’s a design failure.
- Has experience with DatoCMS or a comparable headless CMS.
Benefits
- Base salary
- Equity (stock options/RSUs)
- Benefits
- Commitment to diversity & belonging
- Equal Employment Opportunity
- Reasonable accommodations throughout the recruitment process for applicants with disabilities or special needs
Work Arrangement
Remote (Worldwide)
Additional Information
- The role is open to candidates in any location in the US and Canada.
- Candidates are invited to explore the public demo at demo.mercury.com.
- New hire offers are based on experience, expertise, geographic location, and internal pay equity relative to peers.
- Mercury values diversity & belonging and is an Equal Employment Opportunity employer.
- Reasonable accommodations are provided throughout the recruitment process for applicants with disabilities or special needs.
