Développeur/Développeuse front-end & UX

📍 Job Overview

Job Title: Développeur·euse front-end & expérience utilisateur (Front-end & UX Developer)

Company: Maplr (on behalf of a major Canadian media company)

Location: Montréal, Quebec, Canada

Job Type: Salarié.e - temps plein (Salaried - Full-time), Contract (12 months, renewable)

Category: Software Engineering / Front-end Development / UX Design

Date Posted: April 29, 2026

Experience Level: 3-5 years

Remote Status: Hybrid (2 days/week in office)

🚀 Role Summary

• Develop modern, automated, and interconnected software solutions for media production studios, replacing outdated broadcast technologies.

• Create critical web interfaces that serve as daily operational tools for production teams, directly impacting user experience in demanding environments.

• Collaborate within a Scrum product team to transform UI/UX designs into interactive, high-performance web interfaces.

• Integrate complex front-end applications (SPAs) with REST and GraphQL APIs, working closely with back-end engineering teams.

• Focus on user-centric design, including user research, usability testing, and persona definition to ensure optimal operational workflows.

📝 Enhancement Note: While the title is "Développeur/Développeuse front-end & UX", the description strongly emphasizes the operational impact of these interfaces within a broadcast media context. This suggests a role that bridges pure development with a deep understanding of user workflows in a high-stakes production environment, aligning with GTM operations principles of enabling user efficiency and effectiveness. The 12-month contract nature indicates a project-driven initiative focused on modernization.

📈 Primary Responsibilities

• Translate detailed UI/UX mockups into responsive, interactive, and high-fidelity web interfaces that meet stringent performance and accessibility standards.

• Design, develop, and maintain complex Single Page Applications (SPAs) utilizing modern front-end frameworks, primarily React and TypeScript.

• Seamlessly integrate with back-end services through REST and GraphQL APIs, ensuring robust data flow and application functionality.

• Develop interactive prototypes to validate UX concepts and simulate user journeys, facilitating early feedback and iteration.

• Actively participate in user research initiatives, usability testing sessions, and the definition of user personas to champion user needs.

• Optimize front-end application performance and ensure a fluid, responsive user experience across various devices and browsers.

• Guarantee compliance with accessibility standards (WCAG) and maintain cross-browser/cross-device compatibility.

• Contribute to the creation and maintenance of reusable UI components and design systems to ensure consistency and efficiency.

• Serve as a technical liaison between design, product management, and engineering teams to validate solution feasibility and technical requirements.

📝 Enhancement Note: The responsibilities highlight a blend of core front-end development, strong UX acumen, and a focus on operational tools within a specific industry. The emphasis on "interfaces utilisées par des équipes de production dans leur quotidien" and "outil critique pour piloter des environnements de diffusion" points to a role where understanding user workflows and system integration is as crucial as coding proficiency. This is akin to operations roles that build and maintain systems to drive business efficiency.

🎓 Skills & Qualifications

Education:

Experience:

• 3 to 5 years of professional experience in front-end development and UX design.

• Proven track record of transforming UI/UX designs into functional web applications.

Required Skills:

• Excellent proficiency in React and TypeScript.

• Strong command of modern HTML5, CSS3, and JavaScript.

• Demonstrable experience integrating with REST APIs and/or GraphQL.

• Solid understanding of UX principles, including usability, accessibility, and interface design best practices.

• Bilingual proficiency in French and English (oral and written) is essential for team collaboration and project documentation.

Preferred Skills:

• Experience with Python and Django.

• Proficiency in Figma or similar design and prototyping tools.

• Experience in developing or maintaining design systems or reusable component libraries.

• Strong awareness of front-end performance optimization techniques.

• Sensitivity to accessibility standards (WCAG) and cross-browser compatibility.

📝 Enhancement Note: The required skills emphasize core modern front-end technologies and UX fundamentals, with a crucial emphasis on bilingualism for team communication. The preferred skills suggest opportunities for candidates who can bridge front-end with back-end interaction and design system implementation, adding significant value to the project. The explicit mention that media/broadcast expertise is not required indicates a focus on transferable technical and UX skills.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstrations of complex Single Page Applications (SPAs) built with React and TypeScript.

• Examples showcasing successful integration with REST or GraphQL APIs.

• Case studies illustrating contributions to UI/UX design, user research, or usability testing.

• Projects that highlight a strong focus on user experience, accessibility (WCAG), and performance optimization.

Process Documentation:

• Examples of how you translate UI/UX mockups into code, detailing your workflow.

• Documentation or code repositories demonstrating the creation of reusable components or design system elements.

• Descriptions of your approach to user research, testing, and iterative design based on feedback.

• Evidence of collaboration with back-end developers or product managers on API integration and feature development.

📝 Enhancement Note: For a front-end/UX role with operational implications, a portfolio should not only showcase technical skill but also the ability to understand and improve user workflows. Highlighting projects where UX directly improved operational efficiency or where complex interfaces were built for demanding environments will be key. Demonstrating understanding of Agile processes and collaboration is also crucial.

💵 Compensation & Benefits

Salary Range:

Benefits:

• Hybrid Work Environment: Flexibility to work remotely 3 days per week, with 2 days required in the Montreal office for collaborative sessions.

• Competitive Compensation: A salary commensurate with experience and skills, to be discussed directly with the hiring team.

• Professional Support: Guidance and support from the Maplr team throughout the contract duration, ensuring a smooth integration and workflow.

• Impactful Project: Opportunity to work on a highly visible and concrete project with direct impact on media production operations.

• Potential for Renewal: The initial 12-month mandate includes options for renewal, offering potential for extended engagement.

Working Hours:

• Standard full-time working hours, likely around 40 hours per week, with flexibility often associated with project-based roles and hybrid work arrangements. Discussions regarding specific work schedules and availability are expected during the interview process.

📝 Enhancement Note: The provided salary range is an estimation based on typical market rates for this profile in Montreal. The benefits are derived from the job description's explicit mentions and common offerings for contract roles. The 'Professional Support' is inferred from Maplr's role as an intermediary agency managing the contract.

🎯 Team & Company Context

🏢 Company Culture

Industry: Media & Broadcast Technology. The client is a major player in the Canadian media sector, undergoing a significant digital transformation to modernize its production and broadcast infrastructure. This context implies a fast-paced, results-oriented environment where technology directly supports core business operations.

Company Size: The client's size is implied to be large, being a "major player" in Canadian media. This suggests a structured organization with established processes, but also one that is investing heavily in modernization and innovation.

Founded: The founding date is not specified, but the need for "remplaçant des technologies de diffusion désuètes" indicates a long-standing presence in the industry.

Team Structure:

• The role is within a product team operating in a Scrum/Agile mode.

• This implies close collaboration with Product Owners, Back-end Developers, UX Designers, and potentially QA specialists.

• The role requires acting as a bridge between design, product, and technical teams, suggesting a collaborative and communicative team structure.

Methodology:

• Agile/Scrum: Daily stand-ups, sprint planning, reviews, and retrospectives are standard practices.

• User-Centric Design: Emphasis on user research, usability testing, and persona development to inform interface design.

• Modern Development Practices: Utilization of Git, CI/CD pipelines, and modern front-end frameworks.

• API-Driven Development: Close collaboration with back-end teams for seamless integration.

Company Website: https://maplr.co/ (Maplr's website, the client's website is not provided)

📝 Enhancement Note: The context of a "major Canadian media company" undergoing "profonde transformation" is critical. This suggests an organization that is both established and innovative, likely with complex legacy systems being updated. The role's focus on operational tools implies a direct connection to the company's core business processes, making it a high-impact position.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as an experienced Front-end Developer with a strong UX focus. It's not a traditional "operations" role in the sense of sales or revenue operations, but it's deeply involved in building and refining the operational tools that enable a large media company's production workflows. The focus is on enhancing efficiency and user experience within these critical operational systems.

Reporting Structure:

• The developer will report within a Scrum product team.

• Day-to-day guidance will likely come from a Scrum Master or Product Owner.

Operations Impact:

Growth Opportunities:

• Specialization: Deepen expertise in React, TypeScript, and front-end architecture within a large-scale project.

• Industry Exposure: Gain valuable experience in the media and broadcast industry, understanding its unique operational challenges and technology needs.

• UX/Product Acumen: Enhance skills in user research, usability testing, and translating complex user needs into intuitive interfaces.

• Full-Stack Exposure: Opportunity to interact closely with Python/Django back-end development, potentially broadening technical horizons.

• Design System Development: Contribute to or lead the development of reusable components and design systems, a highly sought-after skill.

📝 Enhancement Note: While not a direct "Revenue Operations" role, the impact on operational efficiency and the focus on tools that enable core business functions place this role within the broader GTM operations ecosystem. The "growth opportunities" are framed around deepening technical skills and gaining industry-specific knowledge, which are crucial for career advancement in specialized tech roles.

🌐 Work Environment

Office Type: Hybrid. The role requires 2 days per week in the office, suggesting a collaborative workspace designed for team interaction, meetings, and focused work. The remaining 3 days are remote, offering flexibility.

Office Location(s): Montréal, Quebec, Canada (Postal code H3B 1A4). This is a central downtown location, likely in a modern office building, offering accessibility via public transport.

Workspace Context:

• Collaborative Environment: The 2 days in the office are intended for team synchronization, brainstorming, and cross-functional collaboration, essential for Agile development and UX design.

• Modern Tools & Technology: Access to the specified technology stack (React, TypeScript, Figma, etc.) and development tools is expected within the office and for remote work.

• Team Interaction: Opportunities for direct interaction with back-end developers, UX designers, product managers, and potentially end-users during research and testing phases.

Work Schedule:

• Standard full-time hours (approx. 40 hours/week).

• The hybrid model implies flexibility in managing remote workdays, while office days will be structured around team activities and project needs.

📝 Enhancement Note: The hybrid model is a key feature, balancing collaboration with individual flexibility. The central Montreal location is also a significant factor for candidates. The "workspace context" emphasizes the integration of tools and collaborative practices that are standard for modern software development teams.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your resume and portfolio to assess technical skills (React, TypeScript, UX) and relevant experience.

• Technical Interview(s): Likely to include coding challenges or live coding sessions focusing on React, TypeScript, and problem-solving related to UI development and API integration. Expect questions on JavaScript fundamentals, component design, and state management.

• UX/Design Discussion: A session to discuss your approach to UX design, user research, your experience with Figma, and how you translate user needs into interface solutions. Questions about accessibility and performance optimization are probable.

• Team/Culture Fit Interview: An opportunity to meet with potential team members (Scrum Master, Product Owner, other developers) to assess collaboration style, communication skills (especially bilingualism), and alignment with Agile principles.

• Final Interview: Potentially with a hiring manager or project lead to discuss the project's strategic importance and confirm fit.

Portfolio Review Tips:

• Showcase React/TypeScript Expertise: Highlight complex SPAs, custom components, and efficient state management.

• Demonstrate UX Process: Include case studies that detail your involvement in user research, wireframing, prototyping, and usability testing. Explain why you made certain design decisions.

• API Integration Examples: Show projects where you successfully consumed REST or GraphQL APIs.

• Accessibility & Performance: If possible, include examples where you specifically addressed WCAG guidelines or implemented performance optimizations.

• Code Quality: Ensure any linked code repositories are clean, well-documented, and demonstrate good coding practices.

• Bilingualism: Be prepared to discuss your work and answer questions fluently in both French and English.

Challenge Preparation:

• Coding Challenges: Practice common React interview questions, component implementation, and state management patterns. Be ready to write clean, efficient code under pressure.

• UX Scenarios: Prepare to discuss how you would approach designing an interface for a specific user problem or workflow, considering constraints and user needs.

• Problem-Solving: Anticipate questions about debugging complex front-end issues, optimizing performance, or integrating with challenging APIs.

• Agile/Scrum: Be ready to discuss your experience working in Agile environments and how you contribute to team success.

📝 Enhancement Note: The interview process is standard for a senior front-end/UX role. The key is to prepare thoroughly for both technical coding assessments and UX-focused discussions, demonstrating a clear understanding of the user-centric and operational impact of the developed interfaces. Highlighting bilingual proficiency is critical.

🛠 Tools & Technology Stack

Primary Tools:

• Front-end Framework: React (core technology)

• Languages: TypeScript, JavaScript, HTML5,

CSS3

• Design & Prototyping: Figma (preferred), or equivalent tools (e.g., Sketch, Adobe XD)

• Version Control: Git (essential for code collaboration and management)

Analytics & Reporting:

CRM & Automation:

Integration:

• API Technologies: REST APIs, GraphQL (critical for data integration)

• Back-end Interaction: Understanding of Python and Django ecosystem for context.

DevOps & Practices:

• CI/CD: Familiarity with Continuous Integration/Continuous Deployment pipelines for efficient software delivery.

• Agile/Scrum: Methodologies for project management and team collaboration.

📝 Enhancement Note: The technology stack is heavily focused on modern front-end development. The emphasis on React and TypeScript, combined with API integration skills, is paramount. Familiarity with design tools like Figma and version control systems like Git is also expected. The mention of Python/Django is for contextual understanding of the back-end, not direct development requirement.

👥 Team Culture & Values

Operations Values:

• User-Centricity: A deep commitment to understanding and improving the user experience, especially for operational teams in demanding environments.

• Quality & Craftsmanship: Dedication to building high-quality, performant, and accessible interfaces that are reliable under pressure.

• Collaboration: Valuing teamwork, open communication, and cross-functional partnership to achieve project goals.

• Continuous Improvement: Embracing Agile principles to iterate, learn, and adapt based on feedback and evolving requirements.

• Impact-Driven: Focusing on delivering tangible results that directly contribute to the modernization and efficiency of production workflows.

Collaboration Style:

• Agile & Iterative: Working in short cycles with regular feedback loops.

• Cross-functional: Close integration with design, product, and back-end engineering teams.

• Bilingual: Ensuring effective communication and inclusivity in both French and English.

• Transparent: Open sharing of progress, challenges, and learnings within the team.

📝 Enhancement Note: The culture emphasizes a blend of technical excellence, user advocacy, and collaborative execution. The "impact-driven" value is particularly relevant, aligning with the operational goals of the project. The bilingual requirement is a key cultural element.

⚡ Challenges & Growth Opportunities

Challenges:

• Modernizing Legacy Systems: Integrating new front-end applications with potentially older or complex back-end systems in a large media organization.

• High-Stakes Environment: Ensuring the reliability, performance, and usability of tools used in critical broadcast production workflows where downtime or errors have significant consequences.

• Balancing UX and Technical Constraints: Translating ambitious UX designs into feasible and performant front-end solutions within project timelines and technical limitations.

• Cross-functional Alignment: Effectively communicating and collaborating across different teams (design, product, back-end) with potentially varied priorities and technical backgrounds.

Learning & Development Opportunities:

• Advanced React/TypeScript: Deepening expertise in complex state management, performance optimization, and architectural patterns.

• UX Best Practices: Gaining hands-on experience with user research methodologies, usability testing, and the application of WCAG standards in a real-world scenario.

• API Integration Expertise: Enhancing skills in consuming and working with both REST and GraphQL APIs.

• Industry-Specific Knowledge: Understanding the unique workflows and technological demands of the media and broadcast industry.

• Design System Contribution: Learning to build and maintain robust, scalable design systems.

📝 Enhancement Note: The challenges are directly tied to the project's scope: modernization within a large, established industry. The growth opportunities are framed around deepening technical skills and gaining specialized industry knowledge, which are valuable for career progression in specialized tech roles.

💡 Interview Preparation

Strategy Questions:

• "Describe a time you translated a complex UI/UX design into a functional React component. What were the challenges, and how did you overcome them?" (Assesses practical application of skills, problem-solving)

• "How do you approach ensuring web accessibility (WCAG) in your front-end development?" (Evaluates understanding of critical standards)

• "Walk us through your process for integrating a new API (REST or GraphQL) into a front-end application." (Tests technical integration skills)

• "How do you balance delivering on strict UX requirements with technical constraints and project timelines?" (Probes problem-solving and prioritization)

Company & Culture Questions:

• "Why are you interested in working on a project to modernize media production tools?" (Tests motivation and alignment with project goals)

• "How do you ensure effective communication and collaboration, especially in a bilingual environment?" (Assesses communication and cultural fit)

• "What aspects of user experience design do you find most critical for operational tools?" (Gauges understanding of the role's impact)

Portfolio Presentation Strategy:

• Focus on Impact: For each project, clearly articulate the problem you solved, your specific contributions, and the outcome (e.g., improved user efficiency, faster loading times, better accessibility).

• Showcase Process: Explain your thought process behind design decisions and technical implementations. Use diagrams or wireframes to illustrate UX flow.

• Highlight Technical Stack: For relevant projects, specify the technologies used (React, TypeScript, APIs, etc.).

• Demonstrate Collaboration: If possible, show examples of how you worked with designers, back-end developers, or product managers.

• Be Ready for Live Coding: Prepare to code a small component or solve a specific front-end problem live.

• Bilingual Presentation: Be comfortable presenting your portfolio and answering questions in both French and English.

📝 Enhancement Note: The interview preparation focuses on demonstrating both technical proficiency and a user-centric, collaborative approach aligned with Agile methodologies. The bilingual requirement is a recurring theme that applicants must be prepared to address throughout the process.

📌 Application Steps

To apply for this operations-adjacent front-end/UX position:

• Submit your application: Follow the link provided by Maplr to submit your resume and any requested supporting documents.

• Curate your Portfolio: Carefully select 2-3 projects that best showcase your React, TypeScript, and UX design skills, particularly those involving complex interfaces, API integrations, or a strong focus on user workflows. Ensure your portfolio clearly articulates your role and the impact of your work.

• Tailor your Resume: Highlight your experience with React, TypeScript, HTML/CSS, JavaScript, API integration, UX design principles, and Agile methodologies. Quantify achievements where possible (e.g., "Improved component reusability by X%", "Contributed to a Y% reduction in user task completion time"). Emphasize your bilingual French-English proficiency.

• Prepare for Technical & UX Interviews: Practice coding exercises focusing on React and TypeScript. Be ready to discuss your UX design process, your experience with Figma, and how you approach usability and accessibility. Prepare to articulate your understanding of the media production context.

• Research Maplr and the Media Industry: Understand Maplr's role in providing talent solutions. Familiarize yourself with common challenges and technologies in the broadcast media industry to better understand the project's context and demonstrate your interest.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and operations industry-standard assumptions. While tailored for a front-end/UX role with operational impact, it is crucial to verify all details, especially regarding compensation, specific project scope, and exact interview processes, directly with Maplr or the hiring organization before making application decisions.