Senior Design Engineer - Top of Funnel

## About the Role The Senior Design Engineer position at Mercury represents a unique opportunity to join a team that is redefining the intersection of design and technology. As a key member of the Top of Funnel team, you will be responsible for bringing the company's design intent to life, working closely with brand designers to ensure that every aspect of the user experience reflects the company's commitment to quality and innovation. This role is not just about execution but about being a creative partner who can contribute to the concepting phase and advocate for exceptional design standards. The role entails working on the logged-out Mercury.com site, supporting stakeholders across the organization in sharing their messages with the world. This involves not just technical expertise but also a deep understanding of design principles and the ability to carry forward the design intent with precision and creativity. You will be part of a product-led growth team, working across various projects that require your expertise in implementing animations, interacting with web platforms, and extending the design system. In this position, you will have the opportunity to work with a talented team of professionals who share your passion for design and technology. The company culture values collaboration, creativity, and the pursuit of excellence, making it an ideal environment for someone who is looking to grow both personally and professionally. ## What You Will Do - Bring design intent to life by working closely with brand designers and ensuring that all design elements are executed with high fidelity.

• Implement animation and interaction design that earns attention, focusing on creating engaging user experiences.
• Build and extend the design system, identifying areas where new components are needed and developing them in a way that aligns with the existing system.
• Work directly with brand designers and marketing teams as a peer, contributing to concepting and ensuring that design standards are met.
• Set the quality bar for Mercury’s front door, advocating for exceptional design and user experience standards.
• Collaborate with cross-functional teams to ensure that design solutions meet business objectives and user needs.
• Stay updated on the latest web technologies and trends, applying this knowledge to continuously improve the design and functionality of the website.
• Conduct design and code reviews to ensure that all work meets the team’s quality and design standards.
• Participate in design planning and strategy sessions, contributing your expertise and insights to help shape the company’s design direction.
• Develop and maintain documentation of design decisions, design systems, and best practices.

## What We Are Looking For - A portfolio that demonstrates both engineering quality and design sensibility, with examples of how you have brought design intent to life in previous roles.

• Experience as a technical lead on complex projects with multiple stakeholders, with a track record of delivering high-quality results on time.
• Deep command of HTML and CSS, not just as layout tools but as creative mediums, with the ability to stay current on new developments.
• Fluency in the web animation stack, including CSS transitions, GSAP, and the Web Animations API, with the ability to choose the right tool for each problem.
• Proficiency in React and Next.js, particularly in content-heavy, pre-rendered marketing contexts.
• Experience working within and extending design systems, with pragmatic opinions on when to use existing components and when to build new ones.
• Ability to work closely with brand designers or creative directors, navigating strong design opinions and contributing to concepting and design decisions.
• Concern for performance as an extension of craft, understanding that slow or janky interactions are not just technical problems but design ones.
• Strong communication and collaboration skills, with the ability to work effectively in a remote environment.

## Nice to Have - Experience with other front-end frameworks and libraries, with the ability to learn and adapt to new technologies.

• Knowledge of accessibility principles and how to implement accessible design solutions.
• Familiarity with design tools like Figma, Sketch, or Adobe XD, with the ability to work closely with designers who use these tools.
• Participation in open-source projects or personal coding projects that demonstrate your skills and interests.
• Certification in front-end development or design, with a commitment to ongoing learning and professional development.

## Benefits and Perks - Competitive compensation package, with salary and benefits designed to attract and retain top talent.

• Opportunities for professional growth and development, with access to training, mentorship, and career advancement opportunities.
• Flexible working hours and remote work options, allowing you to work from anywhere and maintain a healthy work-life balance.
• Access to the latest technologies and tools, with a budget for professional development and staying current in your field.
• Collaboration with a talented team of professionals who share your passion for design and technology.
• Recognition and rewards for outstanding performance, with opportunities for bonus payments and other incentives.
• Comprehensive health insurance and other benefits, designed to support your well-being and quality of life.
• Generous PTO policy, allowing you to take time off when you need it and recharge.
• Retirement savings plan, with company matching contributions to help you plan for your future.

- tip: Ensure your portfolio showcases not just your design skills but also your ability to implement those designs, highlighting examples of how you have brought design intent to life.

• tip: Practice talking about your design decisions and technical choices, as you will likely be asked about these in an interview.
• tip: Be ready to discuss your experience with design systems and how you approach extending or modifying them.
• tip: Show that you are up-to-date with the latest web technologies and trends, and be prepared to discuss how you see these evolving in the future.
• tip: Prepare examples of how you have collaborated with cross-functional teams, highlighting your communication and project management skills.
• tip: Consider doing some research on the company’s design philosophy and culture, and be prepared to discuss how your own approach aligns with theirs.
• tip: Don’t hesitate to ask about the company culture, team dynamics, and opportunities for growth during the interview, as these can give you valuable insights into whether the role is a good fit for you.