As Senior Front-End Engineer - Global Design System at Manulife, your primary responsibility is translating design specifications into functional, reusable react based components. You will be responsible for coding, maintaining, documenting and driving adoption of components that serves multiple business units across North America and Asia. This system will enable consistency, efficiency, accessibility, and innovation across Manulife’s public, secure, and mobile digital experiences. You will partner closely with engineering, design, and product teams across regions to build components to their requirements, and evolve the system to meet diverse business and customer needs. As part of Manulife’s Technology organization, this role is within a cross-functional team supporting enterprise digital transformation. The ideal candidate has a front-end, react-based technical acuity and has worked in software development on an enterprise-wide design system and understands the organizational, technical and cultural complexities of embedding a design system into the fabric of a global enterprise. **Responsibilities:** **Global Design System Front-End Development** + Building and maintaining reusable UI components, ensuring consistency across applications in our enterprise-grade design system that supports Manulife’s digital transformation across all regions + Collaboration with designers and other developers to define and implement design system specifications + Contribute to the overall software development cycle for Manulife’s Global Design System React component library, including mobile apps, web, CMS + Maintain the design system's code, documentation, and tokens, including updating components, adding new ones, and addressing bugs + Balance global standardization with regional flexibility, ensuring usability across diverse markets and regulatory landscapes + Ensure all components and the overall design system adhere to accessibility standards (e.g., WCAG) **Governance, Adoption & Documentation** + Apply best practices to your code and ensure components adhere to the highest quality standards through code and design reviews to ensure system sustainability + Ensure alignment to the pre-defined technical architecture and delivery by supporting, coaching, and mentoring cross-discipline teams + Support the team and oversee training, onboarding, and community engagement initiatives to drive system adoption across teams + Develop and track KPIs that measure adoption, efficiency gains, and business impact + Maintain comprehensive documentation for the design system, including usage guidelines, code examples, and API references. **Technical & Operational Execution** + Utilize tooling like Github, documentation site, and workflows, ensuring seamless integration with enterprise platforms (Figma, React, Angular, etc) + Work closely with design leadership to ensure design-to-code consistency, accessibility compliance (WCAG), and performance optimization + Identify and support external partnerships and vendors as needed to support system expansion + Stay abreast of industry trends and emerging technologies, providing strategic guidance on their integration for business advantage + Ensure the design system and its components are performant and efficient **Required Qualifications:** + 5+ years of industry experience in technology, preferably within a global enterprise or multi-jurisdictional organization. + High-degree of experience in React JS and working with Design Systems + Hands-on experience delivering front-end solutions + Practical experience with Responsive Design and Single Page Application development using best practices and modern frameworks such as React and Angular + 5+ years experience using React with Javascript and/or Typescript + Demonstrated use of modern CSS and HTML practices to build performant and accessible web experiences + Experience with web accessibility compliance, performance, and cross-device support + Understanding of modern front-end build tooling (Rollup, ESlint, etc.) **Preferred Qualifications:** + Experience with alternative JS frameworks (Angular, Vue) a plus + Strong expertise in Agile, Lean UX, and enterprise digital delivery models + Experience navigating multi-lingual, multi-cultural, and regulatory complexities in global design and technology **_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 **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 recruitment@manulife.com . **Referenced Salary Location** Toronto, Ontario **Modalidades de Trabajo** Híbrido **Salary range is expected to be between** $75,880.00 CAD - $140,920.00 CAD Si se está postulando para este puesto fuera de la ubicación principal, póngase en contacto con recruitment@manulife.com para conocer el rango salarial de su ubicación. El salario real variará según las condiciones locales del mercado, la geografía y los factores relacionados con el trabajo pertinentes, como conocimiento, habilidades, calificaciones, experiencia y educación/capacitación. Los empleados también tienen la oportunidad de participar en programas de incentivos y obtener una compensación de incentivos vinculada al desempeño comercial e individual. 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 recruitment@manulife.com para obtener más información sobre las disposiciones relativas al tiempo libre remunerado específicas de EE. UU.