... the web animation stack -- from CSS transitions to GSAP to the Web Animations API -- and knows ... directors in previous roles and knows how to navigate strong design opinions. • Cares about ...
... the web animation stack -- from CSS transitions to GSAP to the Web Animations API -- and knows ... directors in previous roles and knows how to navigate strong design opinions. • Cares about ...
Java full stack Developer
Oakland, CA · On-site
$90K - $100K/yr
Work with art directors and designers to transform creative concepts into functional, user-friendly ... Web Animation / Creative Coding: Given our focus on visually engaging web experiences, a developer ...
Java full stack Developer
Oakland, CA · On-site
$90K - $100K/yr
Work with art directors and designers to transform creative concepts into functional, user-friendly ... Web Animation / Creative Coding: Given our focus on visually engaging web experiences, a developer ...
Is fluent in the web animation stack - from CSS transitions to GSAP to the Web Animations API - and ... Has worked closely with brand designers or creative directors in previous roles and knows how to ...
Is fluent in the web animation stack - from CSS transitions to GSAP to the Web Animations API - and ... Has worked closely with brand designers or creative directors in previous roles and knows how to ...
Web Engineer
Atlanta, GA · Remote
$170K - $220K/yr
... animations that enhance product storytelling using technologies such as Motion and GSAP * Exercise ... and direct engineering for the marketing site (Mandatory) Why join us? * Raised $80M in latest ...
Quick apply
Web Engineer
Atlanta, GA · Remote
$170K - $220K/yr
... animations that enhance product storytelling using technologies such as Motion and GSAP * Exercise ... and direct engineering for the marketing site (Mandatory) Why join us? * Raised $80M in latest ...
Web Engineer
Philadelphia, PA · Remote
$170K - $220K/yr
... animations that enhance product storytelling using technologies such as Motion and GSAP * Exercise ... and direct engineering for the marketing site (Mandatory) Why join us? * Raised $80M in latest ...
Quick apply
Web Engineer
Philadelphia, PA · Remote
$170K - $220K/yr
... animations that enhance product storytelling using technologies such as Motion and GSAP * Exercise ... and direct engineering for the marketing site (Mandatory) Why join us? * Raised $80M in latest ...
Web Engineer
Washington, DC · Remote
$170K - $220K/yr
... animations that enhance product storytelling using technologies such as Motion and GSAP * Exercise ... and direct engineering for the marketing site (Mandatory) Why join us? * Raised $80M in latest ...
Quick apply
Web Engineer
Washington, DC · Remote
$170K - $220K/yr
... animations that enhance product storytelling using technologies such as Motion and GSAP * Exercise ... and direct engineering for the marketing site (Mandatory) Why join us? * Raised $80M in latest ...
Web Engineer
New York, NY · Remote
$170K - $220K/yr
... animations that enhance product storytelling using technologies such as Motion and GSAP * Exercise ... and direct engineering for the marketing site (Mandatory) Why join us? * Raised $80M in latest ...
Quick apply
Web Engineer
New York, NY · Remote
$170K - $220K/yr
... animations that enhance product storytelling using technologies such as Motion and GSAP * Exercise ... and direct engineering for the marketing site (Mandatory) Why join us? * Raised $80M in latest ...
Web Engineer
Miami, FL · Remote
$170K - $220K/yr
... animations that enhance product storytelling using technologies such as Motion and GSAP * Exercise ... and direct engineering for the marketing site (Mandatory) Why join us? * Raised $80M in latest ...
Quick apply
Web Engineer
Miami, FL · Remote
$170K - $220K/yr
... animations that enhance product storytelling using technologies such as Motion and GSAP * Exercise ... and direct engineering for the marketing site (Mandatory) Why join us? * Raised $80M in latest ...
Email & Web Designer
Dallas, TX · On-site +1
$65K/yr
Creative Director Employment Type: Full-Time Location: Dallas, TX - ONSITE Annual Salary: Target ... Participate in creative brainstorming and development of motion graphics, animation, video elements ...
Quick apply
Email & Web Designer
Dallas, TX · On-site +1
$65K/yr
Creative Director Employment Type: Full-Time Location: Dallas, TX - ONSITE Annual Salary: Target ... Participate in creative brainstorming and development of motion graphics, animation, video elements ...
Email & Web Designer
Dallas, TX · On-site +1
$65K/yr
Creative Director Employment Type: Full-Time Location: Dallas, TX - ONSITE Annual Salary: Target ... Participate in creative brainstorming and development of motion graphics, animation, video elements ...
Email & Web Designer
Dallas, TX · On-site +1
$65K/yr
Creative Director Employment Type: Full-Time Location: Dallas, TX - ONSITE Annual Salary: Target ... Participate in creative brainstorming and development of motion graphics, animation, video elements ...
The Associate Director of Animation, Interactive & Environment Design oversees a group of artists ... UX, web development and digital strategy. Together we shape how PBS Wisconsin looks, feels and ...
The Associate Director of Animation, Interactive & Environment Design oversees a group of artists ... UX, web development and digital strategy. Together we shape how PBS Wisconsin looks, feels and ...
The Associate Director of Animation, Interactive & Environment Design oversees a group of artists ... UX, web development and digital strategy. Together we shape how PBS Wisconsin looks, feels and ...
The Associate Director of Animation, Interactive & Environment Design oversees a group of artists ... UX, web development and digital strategy. Together we shape how PBS Wisconsin looks, feels and ...
The Associate Director of Animation, Interactive & Environment Design oversees a group of artists ... UX, web development and digital strategy. Together we shape how PBS Wisconsin looks, feels and ...
The Associate Director of Animation, Interactive & Environment Design oversees a group of artists ... UX, web development and digital strategy. Together we shape how PBS Wisconsin looks, feels and ...
Marketing Web Designer
Manhattan, NY · On-site
... animations, scroll-driven moments, the homepage live-performance counter, and integrating Creative Producer's film and motion into the site experience. • Partner with the Director of Brand on web ...
Marketing Web Designer
Manhattan, NY · On-site
... animations, scroll-driven moments, the homepage live-performance counter, and integrating Creative Producer's film and motion into the site experience. • Partner with the Director of Brand on web ...
Web Content developer
Pontiac, MI · On-site
Direct Client Description Produces and edits web-site content. Creates and designs graphics, animation and other multimedia objects for the County web sites. Develops and documents style guides ...
Web Content developer
Pontiac, MI · On-site
Direct Client Description Produces and edits web-site content. Creates and designs graphics, animation and other multimedia objects for the County web sites. Develops and documents style guides ...
Manage, implement, and direct graphical design, site planning, and layout of all web applications ... Provide image manipulation, video, motion graphics, animation, and branding/logo graphic solutions ...
Manage, implement, and direct graphical design, site planning, and layout of all web applications ... Provide image manipulation, video, motion graphics, animation, and branding/logo graphic solutions ...
Manage, implement, and direct graphical design, site planning, and layout of all web applications ... Provide image manipulation, video, motion graphics, animation, and branding/logo graphic solutions ...
Quick apply
Manage, implement, and direct graphical design, site planning, and layout of all web applications ... Provide image manipulation, video, motion graphics, animation, and branding/logo graphic solutions ...
Manage, implement, and direct graphical design, site planning, and layout of all web applications ... Provide image manipulation, video, motion graphics, animation, and branding/logo graphic solutions ...
Manage, implement, and direct graphical design, site planning, and layout of all web applications ... Provide image manipulation, video, motion graphics, animation, and branding/logo graphic solutions ...
Marketing Web Designer
New York, NY · On-site
$165K - $185K/yr
... animations, scroll-driven moments, the homepage live-performance counter, and integrating Creative Producer's film and motion into the site experience. * Partner with the Director of Brand on web ...
Marketing Web Designer
New York, NY · On-site
$165K - $185K/yr
... animations, scroll-driven moments, the homepage live-performance counter, and integrating Creative Producer's film and motion into the site experience. * Partner with the Director of Brand on web ...
Knowledge of animation layouts, print, and web * Experience with both print and digital media What You'll Gain * Direct exposure to nonprofit leadership and operations * Access to free educational ...
Knowledge of animation layouts, print, and web * Experience with both print and digital media What You'll Gain * Direct exposure to nonprofit leadership and operations * Access to free educational ...
Director Web Animation information
See salary details
$46.5K - $55K
7% of jobs
$55K - $63.5K
4% of jobs
$63.5K - $72K
0% of jobs
$76.6K is the 25th percentile. Wages below this are outliers.
$72K - $80.5K
24% of jobs
The median wage is $89K / yr.
$80.5K - $89K
14% of jobs
$89K - $97.5K
16% of jobs
$97.5K - $106K
9% of jobs
$106.4K is the 75th percentile. Wages above this are outliers.
$106K - $114.5K
11% of jobs
$114.5K - $123K
9% of jobs
$123K - $131.5K
2% of jobs
$131.5K - $140K
4% of jobs
$46.5K
$94.3K
$140K
How much do director web animation jobs pay per year?
As of Aug 10, 2026, the average yearly pay for director web animation in the United States is $94,255.00, according to ZipRecruiter salary data. Most workers in this role earn between $78,000.00 and $111,500.00 per year, depending on experience, location, and employer.
What is the difference between Director Web Animation vs Web Animator?
| Aspect | Director Web Animation | Web Animator |
|---|---|---|
| Required Skills | Leadership, project management, advanced animation techniques | 2D/3D animation, motion graphics, software proficiency |
| Work Environment | Creative agencies, media companies, large studios | Freelance, in-house teams, small studios |
| Responsibilities | Oversees animation projects, manages teams, sets creative direction | Creates animations, collaborates with designers, executes projects |
While both roles involve animation skills, the Director Web Animation typically manages teams and oversees entire projects, focusing on strategic and leadership responsibilities. Web Animators are more hands-on, focusing on creating and executing animations. The roles often overlap but differ mainly in scope and seniority.
More about Director Web Animation jobs
What cities are hiring for Director Web Animation jobs? Cities with the most Director Web Animation job openings:
What are the most commonly searched types of Web Animation jobs? The most popular types of Web Animation jobs are:
What states have the most Director Web Animation jobs? States with the most job openings for Director Web Animation jobs include:
What job categories do people searching Director Web Animation jobs look for? The top searched job categories for Director Web Animation jobs are:
Job description
Job Summary:
Mercury is a company that believes design is how you show people you take them seriously. They are seeking a Senior Design Engineer to join their product-led growth team, focusing on bringing design intent to life while collaborating closely with brand designers and marketing to create exceptional web experiences.
Responsibilities:
• Bring design intent to life. Our brand designers work at high velocity, producing considered, high-fidelity layouts. Your job is to carry that work forward, with enough taste to honor the intention and enough craft to make it feel native to the web.
• Bring the web platform to the table, not just the design spec. You’ll surface what’s newly possible in browsers, propose enhancements that design didn’t know to ask for, and advocate for approaches that make experiences feel alive rather than translated from a static file.
• Implement animation and interaction that earns attention. Product launches, campaign pages, and editorial moments require more than accurate layouts. They require pacing, motion, and detail; you’ll own that layer.
• Build and extend the design system. The web site’s design system is both the guardrail and the creative toolbox. You’ll identify when a component needs to stretch to cover a new use case, and build those extensions in a way that fits rather than fights the system.
• Work directly with brand designers and marketing as a peer. This isn’t an execution role, it’s a creative partner role. You’ll be in the room during concepting, not just receiving tickets at the end.
• Set the quality bar for Mercury’s front door. You’ll have a point of view about what exceptional looks like on the web, and the mandate to advocate for it.
Qualifications:
Required:
• 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. You know what the platform can do and you stay 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.
Company:
Mercury provides digital banking and financial tools tailored for startups and modern businesses. Founded in 2017, the company is headquartered in San Francisco, USA, with a team of 1001-5000 employees. The company is currently Late Stage.
Mercury is a company that believes design is how you show people you take them seriously. They are seeking a Senior Design Engineer to join their product-led growth team, focusing on bringing design intent to life while collaborating closely with brand designers and marketing to create exceptional web experiences.
Responsibilities:
• Bring design intent to life. Our brand designers work at high velocity, producing considered, high-fidelity layouts. Your job is to carry that work forward, with enough taste to honor the intention and enough craft to make it feel native to the web.
• Bring the web platform to the table, not just the design spec. You’ll surface what’s newly possible in browsers, propose enhancements that design didn’t know to ask for, and advocate for approaches that make experiences feel alive rather than translated from a static file.
• Implement animation and interaction that earns attention. Product launches, campaign pages, and editorial moments require more than accurate layouts. They require pacing, motion, and detail; you’ll own that layer.
• Build and extend the design system. The web site’s design system is both the guardrail and the creative toolbox. You’ll identify when a component needs to stretch to cover a new use case, and build those extensions in a way that fits rather than fights the system.
• Work directly with brand designers and marketing as a peer. This isn’t an execution role, it’s a creative partner role. You’ll be in the room during concepting, not just receiving tickets at the end.
• Set the quality bar for Mercury’s front door. You’ll have a point of view about what exceptional looks like on the web, and the mandate to advocate for it.
Qualifications:
Required:
• 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. You know what the platform can do and you stay 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.
Company:
Mercury provides digital banking and financial tools tailored for startups and modern businesses. Founded in 2017, the company is headquartered in San Francisco, USA, with a team of 1001-5000 employees. The company is currently Late Stage.