03 Oct
|
Relayfi
|
Toronto
Relay is a digital banking platform that gives self-made business owners the tools and know-how to be great with money—bringing clarity, confidence, and control to every dollar earned, so they can turn hard work into lasting success. We do this by replacing financial guesswork with real visibility, transforming cash flow from a constant source of stress into a clear signal owners can use to run stronger, more resilient businesses. At Relay, we believe that quality and craft are no longer just nice to haves, they’re product requirements.
Design
Engineering is a small, deliberate function with a clear mandate: own the front-end across the product, hold a high bar of quality, and raise it over time. The team works directly with product and design, responsible for the UI, the interactions, and the design systems that everything is built on top of. We're expanding the team and hiring two design engineers who will have real ownership across the product.
You'll work on the hardest things to get right: the details that make an interface feel intentional, the systems that make quality consistent at scale, and the problems that require someone who thinks in both design and code. This is a formative moment for the Design Engineering function at Relay while it’s still relatively new.
Telegraph design system documentation: The foundations used by engineers across the company to ship product. The details are intentional, and so is the fact we made it public. Relay’s new home page: a collaboration with our marketing design team to introduce a new level of expression to our front door.
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. 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. 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.
You're well-versed in React, JavaScript (TypeScript), HTML, and contemporary CSS 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 sweat the details and truly care about the last 10% that makes great software 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) Stage 1: A30-minute Google Meet call with a member of the People team Stage 2: A 60-minute Hiring Manager interview (Design Engineering Discussion & Work Showcase - we want to see something cool you've built!) Stage 3: A 60-minute technical interview (React component critique and improvement session) Stage 4: A 60-minute live front end coding challenge (working on a React component problem in real-time) Stage 5: The annual salary range for this role is $130,500 CAD to $159,500 CAD. Most new Relayers will join at the impactful level, which for this role is $145,000 CAD per year. For more information on our compensation philosophy and perks and benefits, visit our Candidate Hub.
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.
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 with industry leaders. If you’re someone who takes initiative, is comfortable taking risks, and seeks input when needed, you’ll find the freedom here empowering. You build with AI, not just use it: You're actively embedding AI into how you work, pushing what's possible, and bringing your team along with you.
You’re comfortable building from scratch, iterating as you go, and collaborating to shape the best path forward. Relay exists to help them thrive -- and that mission has to resonate with you. We welcome diverse backgrounds and people who think critically, challenge the status quo, and want to help small businesses thrive.
If you require accommodations at any stage of the hiring process, please reach out to your Talent Partner. Relay’s recruitment team only contacts candidates and corresponds from official corporate email addresses ending in @relayfi.We will never ask for sensitive personal data (such as bank account details, credit card numbers, or social security/insurance numbers) during the initial application or interview stages. #
📌 Senior Design Engineer - Automotive (Toronto)
🏢 Relayfi
📍 Toronto