Do you want to be part of a team that redefines how we get work done? We are changing the way we develop, and we want you to be part of it! 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.

We believe in the value of empowering engineers with resources to solve critical problems for the future of the business, which is why we need you.

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.
**Position Responsibilities:**
**Build the libraries:**
Design, build, and maintain accessible, well-tested React components, design tokens, and tooling that align to and support the enterprise design system.
**Own accessibility:**
Strive to achieve WCAG 2.2 AA level.

Implement ARIA authoring practices, keyboard interaction, and assistive technology support so that every consuming team inherits compliance by default.
**Design APIs that last:**
Shape component APIs used by hundreds of applications.

Think in terms of backwards compatibility, semantic versioning, deprecation paths, and migration guidance — not just the next release.
**Enable adoption:**
Extend our Next.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:**
Triage issues, review external contributions, and unblock delivery teams.

Our support channel is one of the largest active engineering communities in the company.
**Collaborate with designers, architects, and product teams:**
Partner across disciplines in an agile delivery model to identify pain points and accelerate delivery of new business value.
**Required Qualifications:**
**5 or more years**
building production front-end applications or shared libraries, ideally in complex enterprise environments




Deep hands-on expertise in
**React and Type

Script** , 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
Familiarity with monorepos, CI/CD, release automation, and semantic versioning
movement to change the engineering culture of an enterprise
Solid verbal and written communication, with the ability to articulate technical vision, trade-offs, and outcomes to both engineers and leadership
Familiarity with agile and Dev

Ops principles, test-driven development, continuous integration, and other software engineering best practices
**Preferred Qualifications:**
A capacity for constant learning from both success and failure, remaining open to change and continuous improvement
An entrepreneurial spirit and comfort working within a rapidly changing environment; you love the challenge of working on a small team and being part of a larger
Curiosity about AI-assisted development and how agents consume design systems and structured component knowledge
**_When you join our team:_**
We'll empower you to learn and grow the career you want.

We'll recognize and support you in a flexible environment where well-being and inclusion are more than just words.

As part of our global team, we'll support you in shaping the future you want to see.
#LI-Hybrid
The role being advertised is an existing vacancy.
**Acerca de Manulife y John Hancock**
Manulife Financial Corporation es un importante proveedor internacional de servicios financieros que ayuda a las personas a tomar decisiones de una manera más fácil y a vivir mejor.

Para obtener más información acerca de nosotros, visite
http://www.manulife.com .
**Manulife es un empleador que ofrece igualdad de oportunidades**
En Manulife/John Hancock, valoramos nuestra diversidad.

Nos esforzamos por atraer, formar y retener una fuerza laboral tan diversa como los clientes a los que prestamos servicios, y para fomentar un entorno laboral inclusivo en el que se aprovechen las fortalezas de las culturas y las personas.

Estamos comprometidos con la equidad en las contrataciones, la retención de talento, el ascenso y la remuneración, y administramos todas nuestras prácticas y programas sin discriminación por motivos de raza, ascendencia, lugar de origen, color, origen étnico, ciudadanía, religión o creencias religiosas,



credo, sexo (incluyendo el embarazo y las afecciones relacionadas con este), orientación sexual, características genéticas, condición de veterano, identidad de género, expresión de género, edad, estado civil, estatus familiar, discapacidad, o cualquier otro aspecto protegido por la ley vigente.

Nuestra prioridad es eliminar las barreras para garantizar la igualdad de acceso al empleo.

Un representante de Recursos Humanos trabajará con los solicitantes que requieran una adaptación razonable durante el proceso de solicitud.

Toda la información que se haya compartido durante el proceso de solicitud de adaptación se almacenará y utilizará de manera congruente con las leyes y las políticas de Manulife/John Hancock correspondientes.

Para solicitar una adaptación razonable en el proceso de solicitud, envíenos un mensaje a
[email protected] .
**Referenced Salary Location**
Waterloo, Ontario
**Modalidades de Trabajo**
Híbrido
**Salary range is expected to be between**
$86,100.00 CAD - $136,100.00 CAD
Los empleados también tienen la oportunidad de participar en programas de incentivos y recibir una compensación vinculada al rendimiento empresarial e individual.

El salario real variará según las condiciones del mercado local, la geografía y factores relacionados con el puesto como conocimientos, habilidades, requerimientos, experiencia y educación/formación.

Si solicitas este puesto fuera de tu ubicación principal, por favor escríbenos a
[email protected]
para conocer el rango salarial correspondiente a tu ubicación.

Manulife ofrece a los empleados aptos una amplia variedad de beneficios personalizables, entre ellos, beneficios de salud, odontológicos, de salud mental, oftalmológicos, por discapacidad a corto y a largo plazo, cobertura de seguro de vida y por muerte accidental y desmembramiento, adopción/subrogación y bienestar, y planes de asistencia al empleado/familiar.

También ofrecemos a los empleados admisibles varios planes de ahorro para la jubilación (incluidos planes de pensiones y un plan mundial de propiedad de acciones con contribuciones equivalentes del empleador) y recursos de asesoramiento y educación financiera.

Nuestro generoso programa de tiempo libre remunerado en Canadá incluye feriados, vacaciones, días personales y días por enfermedad, y ofrecemos la gama completa de ausencia laboral reglamentaria.

Si se está postulando para este puesto en los EE. UU., póngase en contacto con
[email protected]
para obtener más información sobre las disposiciones relativas al tiempo libre remunerado específicas de EE. UU.

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 (https://careers.manulife.com/global/en/talentacquisitionprivacystatement) .

📌 Front-End Engineer (Waterloo)
🏢 Manulife
📍 Waterloo