Director, Software Architect, Global Design System

As Front-End Development, Global Design System at Manulife, you will play a key leadership role in a Global Design System team responsible for shaping, scaling, and driving adoption of an enterprise-wide design system that serves multiple business units across Canada, Asia, and the US. 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 establish governance, ensure adoption, and evolve the system to meet diverse business and customer needs.

As part of Manulife’s Technology organization, this is a pivotal leadership role within a multi-functional team supporting enterprise digital transformation. You will lead a software development team supporting and evolving a React.js based component library that supports all of Manulife’s digital experiences on multiple platforms and systems, with an immediate focus on Adobe Experience Manager Cloud implementation. The ideal candidate has successfully led software development of enterprise-wide design systems and understands the organizational, technical and cultural complexities of embedding a design system into the fabric of a global enterprise.

Position Responsibilities:

Global Design System Strategy & Leadership

• Define and implement a scalable, enterprise-grade design system that supports Manulife’s digital transformation across all regions.

• Own the overall software development cycle for Manulife’s Global Design System React component library, including mobile apps, web, CMS

• Assist in architecture design and implementation plans for AEM Cloud projects

• Balance global standardization with regional flexibility, ensuring usability across diverse markets and regulatory landscapes.

• Partner with executive leadership, engineering, product, and design teams to align the design system with business priorities.

Governance, Adoption & Enablement

• Establish governance models, contribution frameworks, and adoption strategies to ensure system sustainability

• Provide oversight and management of technical architecture and delivery by supporting, coaching, and mentoring cross-discipline teams.

• Build and nurture a global design system community, encouraging a culture of design system ownership.

• Establish and be responsible for training, onboarding, and community engagement initiatives to drive system adoption across teams.

• Develop and track KPIs that measure adoption, efficiency gains, and business impact.

Cross-Functional Leadership & Stakeholder Influence

• Serve as a primary design system advocate, navigating organizational complexity to foster collaboration and influence decision-making at all levels

• Lead multi-functional alignment, partnering with regional and local technology teams to develop the best technical design and implementation approach, ensuring the design system is embedded into workflows

• Collaborate and contribute to software project proposals by reviewing requirements, capabilities, and infrastructure

• Mentor team members, ensuring software development adheres to best practices and quality standards through code and design reviews.

Technical & Operational Execution

• Own the evolution of tooling, documentation, and workflows, ensuring flawless integration with enterprise platforms (Figma, Storybook, React, Angular, etc).

• Work closely with design leadership to ensure design-to-code consistency, accessibility compliance (WCAG), and performance optimization.

• Maintain a structured backlog of design system updates, prioritizing improvements based on business needs and user feedback.

• Identify and manage external partnerships and vendors as needed to support system expansion.

• Stay abreast of industry trends and new technologies, providing strategic mentorship on their integration for business advantage.

Required Qualifications:

• 10+ years of proven experience in technology, preferably within a global enterprise or multi-jurisdictional organization.

• 3+ years experience using React with Javascript and/or Typescript

• 3+ years exposure developing Adobe AEM/CQ websites and applications

Preferred Qualifications:

• High-degree of experience supporting and working with Design Systems

• Hands-on experience leading a team to deliver technical solutions

• In-depth knowledge of cloud computing infrastructure, web and/or mobile app development, marketing technology (CMS, DAM, Search, Marketing Automation, etc)

• 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

• Understanding of tooling including ESLint, Webpack, NPM, Babel

• Experience with alternative JS frameworks (Angular, Vue) a plus

• Knowledge of AEM Editable Templates, the AEM style system, and AEM Core Components to enable effective website customization and design

• Familiarity with the ACS Commons Library for expedient and efficient development processes

• Strong expertise in Agile, Lean UX, and enterprise digital delivery models

• Exceptional stakeholder management, influence, and communication skills

• Experience working in complex matrixed organizations with multiple business units and partners

• Experience navigating multi-lingual, multi-cultural, and regulatory complexities in global design and technology

• Background in IT lifecycle management and governance a plus

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