Design Engineer

What’s in it for you as an employee of QFG?
Health & wellbeing resources and programs
Paid vacation, personal, and sick days for work-life balance
Competitive compensation and benefits packages
Work-life balance in a hybrid environment with at least 3 days in office
Career growth and development opportunities
Opportunities to contribute to community causes
Work with diverse team members in an inclusive and collaborative environment
We’re looking for our next Design Engineer. Could It Be You?We are evolving our digital experience platform to deliver faster, more engaging and accessible customer experiences. We are seeking a hands-on Design Engineer who combines strong visual design sensibilities with front-end development capabilities to help build and improve our public-facing digital ecosystem. Working closely with Marketing, Product, Design and Engineering, you will translate business requirements and creative concepts into responsive, accessible and production-ready web experiences. This role bridges the gap between design and development, focusing on rapid execution, reusable components and continuous improvement.
Need more details? Keep reading...
In this role, responsibilities include but are not limited to:
Front-End Development & Execution: Deliver assigned engineering tasks and interactive web features according to team sprint commitments, translating Figma designs and functional specifications into polished, production-ready, and responsive digital experiences.
Component Architecture & CMS Maintenance: Build, test, and maintain reusable front-end components within the Contentful-driven ecosystem, ensuring modularity, consistency, and clean code across public-facing digital platforms.
Cross-Functional Collaboration: Partner closely with Marketing, Product, and QA teams to clarify requirements, resolve functional ambiguities early, and seamlessly deliver landing pages, new features, and customer experience enhancements.
Experimentation & Conversion Optimization: Implement and support client-side A/B test variations, dynamic personalization, and conversion rate optimization initiatives guided by marketing and growth stakeholders.
Quality, Code Reviews & Continuous Improvement: Write clean, maintainable code adhering to established development standards, actively participate in peer code reviews to provide and incorporate feedback, and contribute to automated testing.
Web Performance, Standards & Accessibility: Optimize web experiences for performance, responsiveness, and cross-browser/cross-device compatibility while upholding technical SEO and web accessibility (WCAG) best practices.
Analytics Instrumentation & Platform Health: Support web analytics instrumentation to ensure user interactions and conversion funnels are tracked accurately, while maintaining technical documentation to keep team workflows and component libraries up to date.
So are YOU our next Design Engineer? You are if you…
3+ years of experience in front-end development, design engineering or a related digital experience role.
Strong proficiency in HTML, CSS and JavaScript/TypeScript.
Experience with modern front-end frameworks such as React or Angular.
Strong understanding of responsive design, visual hierarchy, typography and interaction design.
Experience working with Figma and translating design specifications into functional interfaces.
Familiarity with component-based development and reusable design systems.
Understanding of WCAG accessibility standards and technical SEO principles.
Experience with modern development workflows including Git, CI/CD and automated testing.
Strong attention to detail and a commitment to high-quality digital experiences.
Ability to work independently, collaborate across disciplines and deliver solutions quickly.
Additional kudos if you…
Experience with Contentful or another enterprise headless CMS.
Experience with GSAP, Rive, CSS animation or other motion technologies.
Familiarity with A/B testing, experimentation and personalization platforms.
Experience with digital analytics and conversion optimization.
Experience building reusable components and improving CMS authoring workflows.
Experience in fintech, financial services or regulated environments.
Familiarity with AI-assisted design, prototyping and development tools.
Compensation Information:
Base salary range: $90,000 - $120,000
The final compensation package will be commensurate with the successful candidate's experience, skills, and geographic location (Canada). It includes a comprehensive benefits plan and a competitive incentive (bonus) program for Full-Time Permanent roles.
#LI-Hybrid, #LI-Onsite
#J-18808-Ljbffr