Hybrid Senior Front-End Engineer – Design System

Posted last month

Apply now

About the role

  • Build and maintain reusable React-based UI components for Manulife’s Global Design System
  • Translate design specifications into functional, reusable components and ensure design-to-code consistency
  • Maintain the design system's code, documentation, and tokens; update components, add new ones, and address bugs
  • Ensure components and the overall design system adhere to accessibility standards (e.g., WCAG) and performance best practices
  • Collaborate closely with design leadership, engineering, and product teams across North America and Asia
  • Contribute to the software development cycle for the design system, including mobile apps, web, and CMS integrations
  • Balance global standardization with regional flexibility for diverse markets and regulatory landscapes
  • Support governance, coaching, mentoring, training, onboarding, and community engagement to drive system adoption
  • Develop and track KPIs to measure adoption, efficiency gains, and business impact
  • Utilize and integrate tooling (Github, documentation site, workflows) with enterprise platforms (Figma, React, Angular)
  • Identify and support external partnerships and vendors as needed; provide strategic guidance on emerging technologies

Requirements

  • 7+ 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
  • 5+ years experience using React with Javascript and/or Typescript
  • 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
  • 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 (e.g., WCAG)
  • Understanding of modern front-end build tooling (Rollup, ESLint, etc.)
  • Experience with tooling like Github, documentation sites, and workflows
  • Ability to collaborate with designers, engineers, and product teams across regions
  • Preferred: Experience with alternative JS frameworks (Angular, Vue)
  • Preferred: Strong expertise in Agile, Lean UX, and enterprise digital delivery models
  • Preferred: Experience navigating multi-lingual, multi-cultural, and regulatory complexities in global design and technology

Benefits

  • health, dental, mental health, vision
  • short- and long-term disability
  • life and AD&D insurance coverage
  • adoption/surrogacy benefits
  • wellness benefits
  • employee/family assistance plans
  • retirement savings plans (including pension)
  • global share ownership plan with employer matching contributions
  • financial education and counseling resources
  • opportunity to participate in incentive programs and earn incentive compensation tied to business and individual performance
  • generous paid time off program in Canada (holidays, vacation, personal, and sick days)
  • full range of statutory leaves of absence
  • flexible environment supporting well-being and inclusion

Job title

Senior Front-End Engineer – Design System

Job type

Experience level

Senior

Salary

CA$94,220 - CA$174,980 per year

Degree requirement

No Education Requirement

Location requirements

Report this job

See something inaccurate? Let us know and we'll update the listing.

Report job