Skip to main content
Hatch Innovations Canada logo

Senior Frontend Engineer - Electronic Arts [EA260224]

Hatch Innovations Canada
Full Timesenior
CAPosted February 25, 2026

Resume Keywords to Include

Make sure these keywords appear in your resume to improve ATS scoring

CSSReactNext.jsFigma

Sign up free to auto-tailor your resume with all these keywords and get a higher ATS score

Job Description

About Us!

We are a growing, product-focused team dedicated to building high-quality web experiences powered by modern technologies. Our environment values creativity, ownership, and collaboration, with engineers, designers, and product managers working closely together to deliver features that directly impact customers.

About The Role

We’re looking for a Senior Frontend Engineer to lead the development of high-quality, scalable user interfaces for our web products. This role focuses heavily on modern React and Next.js development, component architecture, and close collaboration with design. You’ll shape UI foundations, evolve our design system, and ensure frontend excellence across the codebase.

You Will

  • Build performant, accessible, and maintainable frontend features using React and Next.js (App Router).
  • Implement component-level styling with CSS Modules and help maintain consistent patterns across the codebase.
  • Contribute to and refine our design system based on Atomic Design principles (atoms → molecules → organisms → templates → pages).
  • Develop and document components in Storybook, supporting visual testing and isolated development workflows.
  • Work closely with Design to translate high-fidelity Figma specs, ensuring UI accuracy and proper use of tokens, spacing, and variants.
  • Collaborate with Engineering and Product to drive architectural decisions around composition, abstraction boundaries, and long-term frontend scalability.
  • Participate in code reviews, improve tooling, and help maintain high engineering standards.
  • Implement and support localization using next-intl or equivalent i18n solutions.
  • Use and optimize development tooling such as ESLint and Turbopack.

You Have

  • Strong hands-on experience with React and Next.js, specifically the App Router paradigm.
  • Expertise with CSS Modules and component-scoped styling patterns.
  • Experience working within or contributing to a design system built on Atomic Design methodology.
  • Proficiency with Storybook for documentation, visual testing, and component development.
  • Familiarity with ESLint, Turbopack, and modern frontend tooling.
  • Experience with next-intl or comparable localization frameworks in Next.js.

Nice-to-Have

  • Experience with React Aria, Base UI, or Radix UI primitives.
  • Strong Figma skills, including inspecting design tokens and translating designs into precise UI implementations.
  • Deep understanding of Atomic Design principles beyond day-to-day component work.

Time Zone Requirements

  • Ability to attend regular syncs with EU team members before 9am Pacific.

Job Types

  • Permanent, Full-time
  • Schedule: Monday to Friday

Pay

$130K to $160k CAD per year

We Offer

  • Health Spending Account
  • Disability insurance
  • Life insurance
  • Paid time off
  • Work from home

Want AI-powered job matching?

Upload your resume and get every job scored, your resume tailored, and hiring manager emails found - automatically.

Get Started Free