AEM Front-End Engineer - Global Design System

As AEM 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.

Position Responsibilities: 

• 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
• Collaborating with designers and other developers to define and implement design system specifications
• Contributing to the overall software development cycle for Manulife’s Global Design System React component library, including mobile apps, web, and CMS
• Maintaining the design system's code, documentation, and tokens, including updating components, adding new ones, and addressing bugs
• Balancing global standardization with regional flexibility, ensuring usability across diverse markets and regulatory landscapes
• Ensuring all components and the overall design system adhere to accessibility standards (e.g., WCAG)

Required Qualifications:

• 3 to 5 years of industry experience in technology, preferably within a global enterprise or multi-jurisdictional organization using React with Javascript and/or Typescript in a production enterprise environment.
• Understanding of AEM Developer tools (Oak repository, JCR API, Apache Sling and OSGi frameworks, etc)
• Experience with Maven for build automation
• Experience with Web Components is an asset
• 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 standard methodologies and modern frameworks like React and Angular
• Required certifications from Adobe
• 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) is 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

About Manulife and John Hancock

Manulife Financial Corporation is a leading international financial services provider, helping people make their decisions easier and lives better. To learn more about us, visit https://www.manulife.com/en/about/our-story.html.

Manulife is an Equal Opportunity Employer

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.

It is our priority to remove barriers to provide equal access to employment. A Human Resources representative will work with applicants who request a reasonable accommodation during the application process. 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. To request a reasonable accommodation in the application process, contact [email protected].

Referenced Salary Location

Salary range is expected to be between

If you are applying for this role outside of the primary location, please contact [email protected] for the salary range for your location. 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. Employees also have the opportunity to participate in incentive programs and earn incentive compensation tied to business and individual performance.

Manulife offers eligible employees a wide array of customizable benefits, including health, dental, mental health, vision, short- and long-term disability, life and AD&D insurance coverage, adoption/surrogacy and wellness benefits, and employee/family assistance plans. We also offer eligible employees various retirement savings plans (including pension and a global share ownership plan with employer matching contributions) and financial education and counseling resources. 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. If you are applying for this role in the U.S., please contact [email protected] for more information about U.S.-specific paid time off provisions.