Hatch Innovations Canada is hiring a Senior Frontend Engineer for a 6-12 month contract to work on web products for Electronic Arts. You will lead the development of high-quality, scalable user interfaces with a focus on modern React and Next.js. This role involves shaping UI foundations, evolving the design system, and collaborating closely with design and engineering teams to build exceptional web experiences.
What You'll Do
- Build performant, accessible, and maintainable frontend features using React and Next.js (App Router).
- Implement component-level styling with CSS Modules and maintain consistent patterns across the codebase.
- Contribute to and refine our design system based on Atomic Design principles.
- Develop and document components in Storybook, supporting visual testing and isolated development.
- Work closely with Design to translate high-fidelity Figma specs, ensuring UI accuracy and proper use of tokens and variants.
- Collaborate with Engineering and Product to drive architectural decisions for long-term scalability.
- Participate in code reviews, improve tooling, and help maintain high engineering standards.
- Implement and support localization using next-intl or equivalent solutions.
- Use and optimize development tooling such as ESLint and Turbopack.
What We're Looking For
- 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.
- Ability to attend regular syncs with EU team members before 9am Pacific time.
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.
Technical Stack
- React
- Next.js
- CSS Modules
- Storybook
- ESLint
- Turbopack
- next-intl
- Figma
Team & Environment
You'll join a product-focused team where engineers, designers, and product managers work closely together. The culture values creativity, ownership, and collaboration, with a shared dedication to building high-quality web experiences.
Benefits & Compensation
- Annual compensation range: $130,000 to $160,000 CAD
- Health Spending Account
- Disability insurance
- Life insurance
- Paid time off
Work Mode
This is a remote position open to candidates located in Canada.
Hatch Innovations Canada is an equal opportunity employer.
