Senior Front-End Development Engineer

HOOPP (Healthcare of Ontario Pension Plan) • Toronto, ON

1d • CA$86,000 - CA$131,000

About The Position

The Pension Application Development Team (PAD) is looking for a Senior Front-End Development Engineer to provide senior technical leadership for the digital experience platform, supporting reusable web and mobile experiences across public HOOPP.com and authenticated member experiences. You will act as a front-end lead on programs and projects, partner with Product, Design, Architecture, QA, HOOPP technology teams, and help establish scalable engineering practices that improve delivery velocity without sacrificing accessibility, privacy, security, reliability, or maintainability. We value thoughtful innovation, secure engineering, shared ownership, and continuous learning.

Requirements

• 7+ years of professional front-end development experience with demonstrated experience developing or modernizing high-profile public web domains and/or large-scale authenticated digital products (such as member portals, customer portals, claims portals, banking platforms, benefits platforms, or government service portals)
• Deep hands-on experience with React, React ecosystem patterns, TypeScript, component-based architecture, and design-system-driven delivery.
• Strong experience integrating with a headless CMS, including content models, page composition, reusable content blocks, authoring flexibility, and CMS-driven layouts.
• Experience consuming REST APIs through a Backend-for-Frontend or orchestration-layer pattern, including error handling, loading states, security considerations, and API contract alignment.
• Strong practical knowledge of accessibility standards and evidence-based WCAG 2.2 implementation across forms, navigation, content, interactions, responsive layouts, and component libraries.
• Working knowledge of Azure-hosted front ends, Azure DevOps, Azure App Service, enterprise cloud environments, network/security constraints, and production support practices.
• Strong architectural judgement, including the ability to evaluate trade-offs, reduce complexity, manage technical debt, and establish implementation patterns that other developers can follow.
• Strong collaboration skills, demonstrated by building bridges and fostering relationships with IT teams, business stakeholders, vendors, and external partners to propel programs and projects to success.
• Analytical mindset and innovative thinking to devise effective and efficient solutions to challenges, including decision-making under ambiguity.
• Ability to translate technical specifications, risks, and trade-offs into business benefits and help cross-functional teams understand how front-end architecture drives value for the organization.
• Proven experience acting as a technical lead on programs, projects, product teams, or complex front-end workstreams, with accountability for technical outcomes and delivery quality.

Responsibilities

• Lead the development of cross-platform web and mobile user interfaces using React latest stable version and TypeScript from a single shared codebase.
• Own complex front-end features from technical design through implementation, testing, release, production support, and continuous improvement.
• Lead the build-out and ongoing governance of reusable UI components aligned to the Digital Platform shared design system, including component variants, accessibility patterns, responsive behaviour, and design-token usage.
• Drive reuse across public HOOPP.com and authenticated member experiences, reducing duplication and helping mature a common front-end experience layer.
• Partner with Architecture and Design to translate reference architecture, UX direction, content models, and design-system standards into scalable implementation patterns.
• Integrate Contentful headless CMS content into page templates, component layouts, CMS-configured page compositions, and hybrid experiences that include hard-coded widgets where required.
• Establish and enforce utility-first styling practices using Tailwind-style patterns, adhering to centralized design tokens for colour, typography, spacing, theming, and layout consistency.
• Lead integration with the DISP Orchestration API / Backend-for-Frontend pattern, ensuring clean separation between the front-end experience layer and backend orchestration services.
• Set accessibility implementation standards for WCAG 2.2 compliance, including semantic structure, keyboard navigation, focus management, colour contrast, accessible forms, screen-reader behaviour, and test evidence.
• Lead localization and internationalization implementation, including bilingual English/French content and reusable component patterns.
• Maintain high code quality in the repository in Azure DevOps through pull requests, code reviews, branching practices, CI/CD discipline, and defect prevention.
• Contribute to performance, reliability, observability, and maintainability improvements across the Member portal front-end platform.
• Act as a front-end technical lead within agile squads, helping teams break down complex work, resolve dependencies, manage technical risk, and make pragmatic delivery decisions.
• Collaborate closely with Product, Design, Architecture, QA, vendors, Security, Privacy, Infrastructure, and HOOPP technology teams on iterative delivery.
• Provide senior guidance to developers through pairing, design reviews, pull-request feedback, component standards, troubleshooting, and coaching.
• Translate technical concepts into clear business and delivery implications for product owners, business stakeholders, and leadership.
• Contribute to backlog refinement, estimation, sprint planning, demos, retrospectives, and release planning with a focus on predictable delivery and long-term platform health.
• Influence vendor and partner delivery by reviewing technical outputs, identifying risks early, aligning patterns to HOOPP standards, and supporting knowledge transfer into internal teams.
• Create and maintain practical engineering documentation, decision records, component guidance, and implementation patterns in shared team knowledge bases.
• Lead delivery of new web platform capabilities, CMS-driven pages, reusable components, and defect resolutions across public and authenticated digital experiences.
• Define implementation approaches for significant front-end features, including technical design, integration approach, accessibility strategy, test strategy, rollout approach, and operational support model.
• Help establish front-end quality gates, including unit tests, component tests, accessibility tests, automated regression coverage, code-review standards, and release-readiness checks.
• Identify and resolve architectural and delivery risks before they affect sprint outcomes, production stability, accessibility compliance, or user experience.
• Ensure front-end solutions are secure, performant, maintainable, observable, and aligned to enterprise standards and the Member portal and digital properties roadmap.
• Guide teams through trade-offs between CMS configuration, reusable components, hard-coded widgets, API integration, performance, authoring flexibility, and long-term maintainability.
• Support incident resolution, root-cause analysis, production defect triage, and continuous improvement for the digital front-end experience layer.
• Evaluate new concepts, tooling, and implementation patterns, recommending adoption where they improve delivery, stability, reusability, accessibility, or developer experience.
• Help transition HOOPP toward a scalable, internal, CMS-driven, design-system-led front-end delivery model that reduces vendor dependency over time.

Benefits

• competitive, 100% company-paid extended health and dental benefits for permanent employees
• coverage supporting our team's diversity and mental health (e.g., gender affirmation, fertility and drug treatment, psychological support benefits of $2,500 per year)
• parental leave top-up
• health spending account
• optional post-retirement health and dental benefits subsidized at 50%
• yoga classes
• meditation workshops
• nutritional consultations
• wellness seminars
• membership in HOOPP’s world class defined benefit pension plan
• learning and development initiatives, including workshops, Speaker Series events and access to LinkedIn Learning

What This Job Offers

• Job Type: Full-time
• Career Level: Senior
• Education Level: No Education Listed