Design Engineer (Senior / Staff / Principal)

Gym Class; Canada; Remote; CAD 236,966 - 334,540; Full time

Benefits offered by this job

Equity

Medical benefits

Dental benefits

Vision benefits

401k retirement plan with matching

Job summary

A leading game development company in Canada is looking for a Design Engineer to craft and build responsive user interfaces for their social VR platform. This is a full-time role focusing on creating end-to-end features and a design system, suitable for candidates with 3–6+ years of experience in web products and strong skills in Figma and React. The role offers a salary range of $170,000 - $240,000 per year, along with equity and comprehensive health benefits.

Qualifications

• 3–6+ years building consumer web products.
• Strong experience in Figma with a portfolio of design + code work.
• Comfortable profiling, code-splitting, and keeping bundles lean.

Responsibilities

• Ship end-to-end features with user feedback.
• Drive the web roadmap for improvements across platforms.
• Create reusable components and advocate for consistency.

Skills

Strong Figma skills

Expert in React

TypeScript/JavaScript

HTML/CSS

Job description

This range is provided by Gym Class. Your actual pay will be based on your skills and experience — talk with your recruiter to learn more.

Base pay range

$170,000.00/yr - $240,000.00/yr

Overview

Gym Class is a top rated social game on Meta Quest with millions of downloads, 79,000+ reviews, and a 4.9-star rating. We’re hiring our founding Design Engineer to drive the development of our upcoming mobile web app (embedded in native) and web surfaces inside our flagship, social VR experience.

You’ll own key web surfaces end-to-end — crafting in Figma, then building responsive, production-grade UI with React/Node/CSS — and you’ll set a clear quality bar for speed, polish, and accessibility. If you love living at the intersection of consumer design and front-end engineering, owning a high-compact roadmap for a startup, and shipping to a highly engaged social audience — this role is for you.

Responsibilities

• Ship end-to-end features: Turn rough ideas and user feedback into polished flows — wireframes → interactive Figma → production React/Node.
• Drive the web roadmap: Propose, scope, and deliver improvements across mobile and VR platforms, social flows, profiles, discovery, chat and AI, spectating — balancing velocity and quality.
• Build a design system: Create reusable components and interaction patterns; advocate consistency across mobile web and in-VR web surfaces.
• Hit performance budgets: Optimize for fast loads and 60fps interactions on mobile and VR.
• Tighten quality loops: Instrument analytics, run lightweight usability tests, and iterate quickly based on real player behavior.

Qualifications

• Designer-who-codes (or engineer with taste): 3–6+ years building consumer web products. Strong Figma skills and a shipped portfolio of design + code work.
• Front-end strong: Expert in React, TypeScript/JavaScript, HTML, CSS (layouts, animations, responsive design). You care about spacing, typography, and micro-interactions.
• Performance-minded: Comfortable profiling, code-splitting, image/asset strategy, caching/CDN, and keeping bundles lean.
• Pragmatic & fast: You scope well, communicate clearly, and ship iteratively without sacrificing polish.
• Entrepreneurial: High-ownership, comfortable with ambiguity. Ex-founders and builders who like to run with problems do great here.

Pay and Benefits

Salary ranges may be inclusive of several career levels and will be narrowed during the interview process based on a number of factors, including the candidate’s experience, qualifications, and location. Additional benefits for this role include: equity; and medical, dental, and vision benefits; and a 401k retirement plan with matching.

Seniority level

Mid-Senior level

Employment type

Full-time

Job function

Engineering and Information Technology

Referrals increase your chances of interviewing at Gym Class by 2x