Job description

What you’ll do • Design interactive data visualizations for the corporate website, primarily using Highcharts. • Design custom scroll-based animations, including scrubbed, triggered, and pinned scroll behaviors, along with parallax effects and microinteractions. • Create production-ready Figma designs at the client’s responsive breakpoints (1440, 1200, 992, 768, and 375px), using the client’s design system. • Build functional, inspectable prototypes in HTML/CSS/JavaScript or in tools such as Figma Make, Framer, or Webflow that clearly show scroll behavior and the entry and exit states for each scene. • Write clear animation specifications for engineering, documenting the motion system, trigger points, scene-by-scene start and end states, durations, scroll distances, and easing. • Partner with the client’s internal engineering team through handoff and implementation. • Help estimate project timelines and level of effort as the work takes shape. What you bring • 5+ years of experience in interactive, motion, or web design, with a portfolio of live scroll-driven and interactive web experiences. • Strong front-end prototyping skills in HTML, CSS, and JavaScript. • Hands-on experience with web animation libraries such as GSAP/ScrollTrigger, or similar. • Experience designing interactive data visualizations or charts for the web. • Expert-level Figma skills and experience working within an established design system. • A solid understanding of performance-conscious and accessible animation, including reduced-motion preferences, frame rate, and layout stability. • Experience handing off motion work to engineering teams with clear, detailed documentation. • Comfort working independently and remotely on a flexible, project-based schedule. Nice to have • Hands-on Highcharts experience or experience with other charting libraries (D3.js, Chart.js). • Experience with Lottie, Rive, or other web animation formats. • Experience with financial services, corporate, or investor-facing websites. • Experience prototyping in Figma Make, Framer, or Webflow interactions. We Are Rosie provides strategic consulting and talent solutions for the marketing industry. We partner with more than 200 of the world’s biggest brands and agencies to help them solve unique marketing challenges with the best people, swiftly and at scale. Founded by former advertising executive Stephanie Nadi Olson in 2018, We Are Rosie is on a mission to redefine how marketing works, with an inclusive, human-centric approach that’s better for business and better for marketers. Our company has been recognized as an industry trailblazer and earned many accolades, including being named to the 2023 Global Top 100 Inspiring Workplaces, the Inc. 5000 2022, and Adweek’s Fastest Growing Agencies in 2021. We Are Rosie is an equal opportunity employer. We do not discriminate on the basis of race, color, religion, age, national origin, ancestry, physical or mental disability, medical condition, pregnancy, genetic information, gender, sexual orientation, gender identity or expression, veteran status, marital status, or any other status protected under federal, state, or local law.

Requirements

Must-haves

What you’ll do
Design interactive data visualizations for the corporate website, primarily using Highcharts.
Design custom scroll-based animations, including scrubbed, triggered, and pinned scroll behaviors, along with parallax effects and microinteractions.
Create production-ready Figma designs at the client’s responsive breakpoints (1440, 1200, 992, 768, and 375px), using the client’s design system.
Build functional, inspectable prototypes in HTML/CSS/JavaScript or in tools such as Figma Make, Framer, or Webflow that clearly show scroll behavior and the entry and exit states for each scene.
Write clear animation specifications for engineering, documenting the motion system, trigger points, scene-by-scene start and end states, durations, scroll distances, and easing.
Partner with the client’s internal engineering team through handoff and implementation.
Help estimate project timelines and level of effort as the work takes shape.
5+ years of experience in interactive, motion, or web design, with a portfolio of live scroll-driven and interactive web experiences.
Strong front-end prototyping skills in HTML, CSS, and JavaScript.
Hands-on experience with web animation libraries such as GSAP/ScrollTrigger, or similar.
Experience designing interactive data visualizations or charts for the web.
Expert-level Figma skills and experience working within an established design system.
A solid understanding of performance-conscious and accessible animation, including reduced-motion preferences, frame rate, and layout stability.
Experience handing off motion work to engineering teams with clear, detailed documentation.
Comfort working independently and remotely on a flexible, project-based schedule.

Nice-to-haves

Hands-on Highcharts experience or experience with other charting libraries (D3.js, Chart.js).
Experience with Lottie, Rive, or other web animation formats.
Experience with financial services, corporate, or investor-facing websites.
Experience prototyping in Figma Make, Framer, or Webflow interactions.

Application prep

Use the role’s language and application details while tailoring your materials.

Keywords to mirror

figmadesign systemjavascript

Platform: smartrecruiters
Effort: medium