We are growing, with the mandate to power world-class customer and employee experience through software and engineering skills. The customer is at the focus of everything we do, and tens of thousands of end users rely on our products daily. Front-End Foundations is the enablement team behind our internal React component library that implements Manulife's design system. It powers 100+ active digital properties across our Canadian and US segments, is endorsed at the enterprise architecture level as our standard for React development and has an active engineering community of over 1,000 people. We solve common front-end problems once, then make those solutions available to every product team.
We are seeking a self-motivated Front-End Engineer to help build the components, tooling, documentation, and AI capabilities that thousands of Manulife engineers depend on daily. This is a product engineering role: the library is the product, and developers are the customers.
Design, build, and maintain accessible, well-tested React components, design tokens, and tooling that align to and support the enterprise design system.
js documentation platform, live code sandbox, examples, and Figma Code Connect integration so teams can learn, adopt, and stay current with minimal friction.
Advance AI-native tooling: Contribute to our MCP server, Copilot agent skills, LLM-friendly documentation endpoints, and generative UI guardrails so AI agents produce accessible, on-brand interfaces that stay inside our design system rather than around it.
Think beyond React: Help evolve a shared headless component core so component logic is built once and shipped across web, mobile, and future platforms.
Support the community: Our support channel is one of the largest active engineering communities in the company.
Partner across disciplines in an agile delivery model to identify pain points and accelerate delivery of new business value.
5 or more years building production front-end applications or shared libraries, ideally in complex enterprise environments

- Deep hands-on expertise in React and TypeScript, plus modern CSS
- Practical accessibility experience: semantic HTML, ARIA,



focus and keyboard management, and testing with assistive technology
- Experience building reusable libraries, design systems, or shared platforms consumed by other engineers, with genuine empathy for developer experience
- Testing discipline across unit, integration, visual regression, and automated accessibility checks
- Strong verbal and written communication, with the ability to articulate technical vision, trade-offs, and outcomes to both engineers and leadership
- Familiarity with agile and DevOps principles, test-driven development, continuous integration, and other software engineering best practices

A capacity for constant learning from both success and failure, remaining open to change and continuous improvement
Curiosity about AI-assisted development and how agents consume design systems and structured component knowledge
We’ll recognize and support you in a flexible environment where well-being and inclusion are more than just words. Manulife Financial Corporation is a leading international financial services provider, helping people make their decisions easier and lives better. At Manulife/John Hancock, we embrace our diversity. We strive to attract, develop and retain a workforce that is as diverse as the customers we serve and to foster an inclusive work environment that embraces the strength of cultures and individuals. We are committed to fair recruitment, retention, advancement and compensation, and we administer all of our practices and programs without discrimination on the basis of race, ancestry, place of origin, colour, ethnic origin, citizenship, religion or religious beliefs, creed, sex (including pregnancy and pregnancy-related conditions), sexual orientation, genetic characteristics, veteran status, gender identity,



gender expression, age, marital status, family status, disability, or any other ground protected by applicable law. All information shared during the accommodation request process will be stored and used in a manner that is consistent with applicable laws and Manulife/John Hancock policies. Location Waterloo, Ontario Working Arrangement Hybrid Salary range is expected to be between $86,100.00 CAD - $136,100.00 CAD. Employees also have the opportunity to participate in incentive programs and earn incentive compensation tied to business and individual performance. The actual salary will vary depending on local market conditions, geography and relevant job-related factors such as knowledge, skills, qualifications, experience, and education/training. com for the salary range for your location.
Dental
Short-and long-term disability
Life and AD&D; insurance coverage
Employee/family assistance plans
Retirement savings plans, including pension and a global share ownership plan with employer matching contributions
Our generous paid time off program in Canada includes holidays, vacation, personal, and sick days, and we offer the full range of statutory leaves of absence.

Data Use and Privacy
We use data and analytics technologies, such as artificial intelligence (AI), and automated processing tools, to analyze and process the information you provide to us or third parties in the application process. For more information, please refer to our personal information collection statement.
It’s what inspires us to find recent ways to support customers and colleagues in living longer and healthier lives. It’s the reason we’re dedicated to investing in digital innovation and industry-leading AI, and accelerating a sustainable and economically inclusive future.
1 Life Insurer for AI Maturity by Evident 2026

To receive our latest job opportunities directly to your inbox, create an account or sign in and navigate to the ‘Job Alerts’ section located in the top right corner of the page. Our ambition is to be the number one choice for customers.

📌 FRONT-END DEVELOPER (Temporary) (Ontario)
🏢 Manulife/John Hancock
📍 Ontario