Web Experience Engineer, Framer

HackerRank Careers•Santa Clara, CA

6h•$150,000 - $180,000

About The Position

HackerRank’s brand experience team is responsible for ensuring every market touchpoint is authentic and impressive. We care deeply about craft, leveraging technology to augment our skills and our impact, and treat every member as a builder capable of moving the brand forward. The team is growing, and we’re looking for a top-tier design engineer fluent in Framer to help us raise the bar. This role sits between design and development, working closely with stakeholders across product, marketing, and the executive team to define our vision and then implement it in modern, performant, engaging experiences. You will own the Framer site and its component system, working closely with designers and internal content creators to shape our web marketing pages through polished, production-ready code and an immersive interactive experience.

Requirements

Have a strong web engineering background, with experience working with JavaScript frameworks, Tailwind, and are comfortable working within a coded design system.
Have shipped ambitious sites using Framer or Webflow and can showcase how you raise the bar for yourself and others.
Can demonstrate how you ensure code you write or generate is secure and performant, orchestrating AI to achieve great results.
Can confidently prototype your own ideas and move quickly between concepts into a final version with minimal outside help.
Are comfortable with ambiguity and collaborating closely with executive and senior stakeholders to bring a new web experience to life.
Consider yourself high-agency and proactively look for opportunities to provide impact while working in coordination with multiple contributors.
Have developed fluency in AI tools and working with agents to multiply your impact.

Nice To Haves

You have experience with CMS platforms and connecting third-party integrations within Framer.
You have worked with Figma MCPs or other AI-assisted design-to-code workflows and can demonstrate the results.
You have a background in motion design or advanced CSS animation and can bring a distinctive interactive quality to the web experience.

Responsibilities

Own the component library including custom coded components, balancing ambitious motion and interaction with performance and scalability.
Ensure any custom code is production ready and secure.
Manage the CMS database, connecting with third-party tools as necessary.
Collaborate closely with designers and content creators and showcase your own taste and creative talents.
Ensure pages perform well for international visitors regardless of device size or connection speed, degrading gracefully where necessary without impacting overall experience.
Rapidly prototype ideas and work with the Framer and Figma MCPs to quickly move from concept to live site.
Raise the bar on what is possible, pushing ambitious experiences that draw attention.