Senior Design Engineer

Relay

Senior Design Engineer owning front-end quality at digital banking platform Relay. Collaborating with product teams to enhance UI and maintain high standards of design and functionality.

Posted 5/20/2026full-timeToronto • 🇨🇦 CanadaSenior💰 CA$130,500 - CA$159,500 per yearWebsite

Tech Stack

Tools & technologies

JavaScriptReactTypeScript

About the role

Key responsibilities & impact

Set a high bar of quality across the product by owning the front-end. Identify and systematically reduce UI and UX debt, improve implementation patterns, and raise the overall level of craft across the application.
Embed within product teams to lead UI implementation for new features from concept through launch. Partner closely with product managers, designers, and engineers to ensure shipped experiences meet a high standard for quality, usability, and polish.
Own and evolve Telegraph, our design system. Define and maintain component APIs, composition patterns, interaction standards, and documentation that enable teams to build consistent, scalable interfaces efficiently.
Champion accessibility and performance as core product requirements. Ship experiences that are fast, resilient, and accessible by default through semantic implementation, keyboard support, focus management, testing, and ongoing performance optimization.
Partner closely with designers throughout the product development process. Work collaboratively in code and design tooling to iterate on concepts, refine interactions, and reduce the gap between design and implementation. Help evolve a workflow that replaces traditional handoffs with continuous collaboration.
Create leverage for the broader organization by translating intent into scalable implementation: reusable components, guidelines, sandboxes/playgrounds, and “how to use it” documentation that reduces drift.
Build the infrastructure and workflows that support AI-accelerated product development. Some areas we’re currently exploring include: automating QA and code review processes, connecting design and engineering tools, and setting up prototyping templates.

Requirements

What you’ll need

You're well-versed in React, JavaScript (TypeScript), HTML, and modern CSS
You work in a real engineering environment. You’re comfortable using Git, writing PRs, reviewing code, and contributing directly to a shared codebase
You can identify what's wrong (or right) with a design or component, articulate the specific reason why, and know how it could be improved
You have strong opinions about craft, you hold yourself to a high bar, and your portfolio or GitHub shows it. You sweat the details and truly care about the last 10% that makes great software
You prioritize speed, reusability, accessibility, cross-browser support, functional motion as you build, not as an afterthought
You have genuine curiosity about AI tooling and a grounded enough understanding of how these tools work to build with them
Bonus points if:
You have experience with motion or animation work (motion/react, GSAP, or vanilla CSS animations)
You've owned or made meaningful contributions to a React component design system (components in code, not just Figma libraries)

Benefits

Comp & perks

Competitive salary and meaningful equity: Relay employees are Relay owners, complete with equity and a competitive salary.
Comprehensive health benefits: enjoy full health benefits from day one: no probation period required. We offer flexible Health or Wellness Spending Accounts and medical, dental, and vision coverage for you and your dependents.
Flexible vacation and time off: every team member starts with 15 vacation days and 5 flex days to use as needed, plus an extra week of office closure during the end-of-year holidays so you can take time off to recharge and come back better for our customers.
Parental leave with top-up: we offer 12 weeks off with a 100% salary top-up for all full-time employees, regardless of location, and accessible for all parents: birthing, non-birthing, and adoptive.
Hybrid work environment: we value meaningful collaboration and connection at our Toronto office 3 days a week, with lunch, snacks, and beverages on us.
Dog-friendly space: can dogs really make you happy and healthy? We don’t know for sure, but since we don’t want to chance it, our office is 100% floof-friendly.
Personal and professional growth: through ongoing feedback, mentorship, and coaching, work with peers and leaders who are invested in your growth and success.
Top-tier equipment: as a Mac-first company, our Toronto offices have everything you need to produce your best work comfortably, from multiple screens to ergonomic seating.
Social connection: we believe in celebrating our wins with two annual company-wide get-togethers, quarterly team events, happy hours, and special events and networking opportunities.

ATS Keywords

✓ Tailor your resume

Applicant Tracking System Keywords

Tip: use these terms in your resume and cover letter to boost ATS matches.

Hard Skills & Tools

ReactJavaScriptTypeScriptHTMLCSSGitcode reviewUI implementationaccessibilityperformance optimization

Soft Skills

attention to detailcollaborationcommunicationcuriositycraftsmanshipproblem-solvingleadershipcritical thinkinguser experience focusdesign critique