Développeur(se) front-end - ux/ui

📍 Job Overview

Job Title: Développeur(se) front-end - UX/UI

Company: SAQ (Société des alcools du Québec)

Location: Montréal, QC, Canada

Job Type: Full-Time, Regular

Category: Digital Environment / Front-end Development

Date Posted: June 04, 2026

Experience Level: 3-5 Years

Remote Status: Hybrid

🚀 Role Summary

• This role is focused on the front-end development of digital products, emphasizing user experience (UX) and user interface (UI) design principles to create seamless, coherent, and accessible web experiences.

• The position involves optimizing web interfaces for performance, maintainability, and scalability, utilizing modern web technologies and frameworks.

• A key aspect of this role is contributing to the UX/UI lifecycle, including creating mockups, prototypes, conducting user testing, and driving continuous improvement based on user feedback.

• The role requires strong collaboration with stakeholders, product teams, and back-end developers to ensure robust and fluid digital solutions.

📝 Enhancement Note: While the job title is "Développeur(se) front-end - UX/UI," the responsibilities heavily lean into front-end development with a strong UX/UI component. It's not a pure UX/UI designer role but a developer who integrates UX/UI best practices into their work. The "Digital Environment" service area suggests a focus on customer-facing digital platforms, likely e-commerce or informational websites for SAQ's products.

📈 Primary Responsibilities

• Participate in gathering user needs and defining user journeys in collaboration with product and business teams.

• Break down, estimate, and execute front-end development tasks (user stories/tasks) and track deliverables with the team.

• Develop performant, maintainable, and scalable web interfaces using HTML/CSS/JavaScript and relevant frameworks, adhering to organizational standards.

• Design and evolve reusable UI components within a design system/component library, ensuring visual consistency across digital products.

• Create mockups/prototypes (e.g., using Figma) and contribute to UI decisions by applying UX principles (heuristics, information architecture, micro-interactions).

• Ensure front-end quality through code reviews, testing (unit/visual), adherence to standards, and documentation in the knowledge base.

• Optimize interface accessibility (WCAG), browser compatibility, and performance (Core Web Vitals).

• Collaborate with Back-end teams and manage integrations (REST/GraphQL APIs as needed) to ensure a fluid and robust user experience.

• Assist in designing test scenarios and support the team in acceptance testing activities.

• Contribute to deployments and production releases (CI/CD processes as needed) and ensure post-release monitoring.

• Proactively identify and prioritize UI/UX improvements with clients, manage delivery scope, and ensure continuous improvement based on user feedback.

📝 Enhancement Note: The responsibilities highlight a full-stack approach to front-end development, integrating design thinking and user-centric methodologies. The emphasis on "design system/component library" and "continuous improvement based on user feedback" suggests a mature digital product development process.

🎓 Skills & Qualifications

Education:

• College degree (DEC) in Computer Science, Multimedia Integration Techniques, Digital Design, or a related field, or equivalent experience. Experience:

• 3 to 5 years of recent experience in front-end web application development.

• Experience with a front-end framework (Angular, React, or Vue.js) and its best practices (components, state management, routing).

• Experience integrating with Web Services (REST API; GraphQL) is an asset.

• Experience with significant front-end development projects (portfolio) and a strong UX/UI sensibility are assets. Required Skills:

• Mastery of HTML5, CSS3 (Flexbox/Grid), and JavaScript/TypeScript.

• Knowledge of UX/UI principles and experience with design/prototyping tools (e.g., Figma).

• Understanding of Web Accessibility (WCAG) and best practices for ergonomics.

• Knowledge of front-end testing (unit, integration, E2E) and quality tools (linting, formatting).

• Familiarity with version control and collaboration tools (Git), including code reviews. Preferred Skills:

• Experience with front-end framework (Angular, React, or Vue.js) and its best practices.

• Experience integrating with Web Services (REST API; GraphQL).

• Experience with significant front-end development projects (portfolio) and a strong UX/UI sensibility.

• Knowledge of CI/CD concepts (e.g., Azure DevOps/Jenkins) and continuous delivery practices.

• Knowledge of containerized development and deployment (Docker) and orchestration (Kubernetes/OpenShift).

• Familiarity with software development management tools like JIRA and Confluence.

• Understanding of retail business processes.

📝 Enhancement Note: The requirements clearly define a mid-level front-end developer role with a strong emphasis on modern web development practices, accessibility, and user-centric design. The inclusion of "portfolio" as a required asset indicates that candidates will be expected to showcase their work.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstrate significant front-end development projects showcasing proficiency in HTML, CSS, and JavaScript, alongside experience with modern frameworks (Angular, React, Vue.js).

• Showcase UX/UI sensibility through examples of interface design, prototyping (Figma), and implementation of user-centric features.

• Highlight accessibility compliance (WCAG) in developed interfaces, demonstrating an understanding of inclusive design principles.

• Present code quality and maintainability, ideally through links to public repositories (e.g., GitHub) or detailed descriptions of code structure and testing methodologies. Process Documentation:

• Evidence of participation in agile development methodologies, including breaking down user stories, estimating tasks, and collaborating within sprints.

• Examples of contribution to design systems or component libraries, demonstrating an approach to building reusable and consistent UI elements.

• Documentation or description of testing strategies employed, including unit, visual, and potentially end-to-end testing for front-end applications.

• Understanding of CI/CD pipelines and deployment processes, even if not directly managing them, is a plus for illustrating awareness of the full development lifecycle.

📝 Enhancement Note: The requirement for a portfolio is explicit and crucial. Candidates should prepare to present a curated selection of their best front-end projects, emphasizing their contributions to UX/UI, accessibility, and code quality.

💵 Compensation & Benefits

Salary Range: $72,943 - $91,240 CAD per year (based on a 35-hour work week and recognized experience).

Benefits:

• Generous Paid Time Off: 4 weeks of vacation and 3 personal days off annually.

• Health & Wellness: A bank of sick leave credits, access to a telemedicine service for health advice, and free access to the company's on-site gym.

• Financial Security: A defined benefit pension plan and a group insurance plan.

• Employee Perks: An employee discount program on SAQ products, free cafeteria access, and free parking.

• Work-Life Balance: Friday afternoons off.

• Professional Development: Virtual training on wines and spirits, fostering personal and professional growth within the company's domain.

Working Hours: 35 hours per week, typically during daytime shifts.

📝 Enhancement Note: The salary range is provided, which is excellent for candidates. The benefits package is comprehensive, with a strong emphasis on work-life balance and employee well-being, which is attractive for a hybrid role. The mention of "Friday afternoons off" is a significant perk.

🎯 Team & Company Context

🏢 Company Culture

Industry: Retail (Alcoholic Beverages)

Company Size: SAQ is a large, established provincial Crown corporation in Quebec, employing thousands of people. This scale implies a structured environment with established processes and significant resources.

Founded: SAQ was established in 1921. Its long history suggests stability and a deep understanding of its market.

Team Structure:

• The role reports to an Assistant Director within the "Environnement numérique" (Digital Environment) service.

• This team likely comprises various digital professionals, including front-end developers, UX/UI designers, product managers, and potentially QA testers and back-end developers.

• Collaboration is expected with product and business teams, indicating a cross-functional team dynamic focused on delivering digital solutions. Methodology:

• The role operates within an agile context, requiring participation in user story breakdown, task estimation, and iterative delivery.

• Emphasis is placed on continuous improvement based on user feedback, suggesting a data-driven or user-centric approach to development.

• The development of a design system/component library points to a focus on consistency, reusability, and efficient front-end development practices.

Company Website: https://www.saq.com/

📝 Enhancement Note: SAQ's status as a Crown corporation means it operates with a public service mission, often balancing commercial goals with social responsibility. This can influence company culture, project priorities, and decision-making processes. The "Digital Environment" team is likely crucial for SAQ's modernization efforts and enhancing customer engagement through digital channels.

📈 Career & Growth Analysis

Operations Career Level: This is a mid-level Front-end Developer role, integrating UX/UI responsibilities. It's a specialist role focused on the technical implementation of user-facing digital interfaces with a strong emphasis on user experience.

Reporting Structure: The role reports to an Assistant Director within the Digital Environment service. This suggests a clear hierarchy with opportunities for mentorship from senior leaders in digital product development.

Operations Impact: The role directly impacts the digital customer experience, influencing how customers interact with SAQ's online platforms. This includes the performance, accessibility, and usability of websites and applications, which are critical for customer satisfaction, engagement, and potentially sales conversion in a retail context.

Growth Opportunities:

• Technical Specialization: Deepen expertise in specific front-end frameworks (Angular, React, Vue.js), performance optimization, and web accessibility standards.

• UX/UI Integration: Develop stronger skills in UX research, prototyping, and UI design principles, potentially moving towards a hybrid Front-end Developer/UX Engineer role.

• Leadership: With experience, potential for growth into a Senior Front-end Developer, Tech Lead, or even a UI/UX Lead position within the Digital Environment team.

• Cross-Functional Exposure: Gain experience working with back-end systems, CI/CD pipelines, and other aspects of the software development lifecycle, potentially leading to broader architectural understanding.

📝 Enhancement Note: For a candidate interested in a stable, reputable organization with a focus on digital transformation, SAQ offers a solid platform. Growth opportunities within such an organization are typically structured and may involve internal training and development programs.

🌐 Work Environment

Office Type: Hybrid work model. The role requires presence at the head office in Montreal (7500 Tellier).

Office Location(s): Head office located at 7500 Tellier, Montreal, QC. This location is accessible and offers amenities like a gym, cafeteria, and parking.

Workspace Context:

• Collaborative Environment: The hybrid model suggests a mix of focused individual work (likely remote) and collaborative sessions, code reviews, and team meetings at the office.

• Technology Stack: Access to standard development tools, likely including modern IDEs, version control systems (Git), and potentially collaboration platforms like JIRA and Confluence. The company also supports containerization and CI/CD.

• Team Interaction: Opportunities for direct interaction with colleagues, including developers, designers, and product managers, to foster teamwork and knowledge sharing.

Work Schedule: 35 hours per week, with a standard daytime schedule. The "Friday afternoons off" perk enhances flexibility and work-life balance.

📝 Enhancement Note: The hybrid nature of the role, combined with the on-site amenities at the Montreal headquarters, provides a balanced work environment. Candidates should clarify the expected number of days in the office per week.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: Review of CV and portfolio to assess technical skills, experience, and alignment with role requirements.

• Technical Assessment: Likely a coding challenge or a deep dive into past projects to evaluate front-end development proficiency, understanding of frameworks, and problem-solving abilities. This may include a written exam as mentioned in the job description.

• Behavioral/Team Fit Interview: Discussion focused on collaboration, communication, problem-solving approach, and cultural fit within the SAQ's digital team.

• Final Interview: Potentially with the Assistant Director or a senior leader to discuss career aspirations, impact, and final fit.

Portfolio Review Tips:

• Curate Select Projects: Choose 2-3 of your strongest front-end projects that best demonstrate your skills in HTML, CSS, JavaScript, and a relevant framework.

• Highlight UX/UI and Accessibility: For each project, clearly articulate your role in the UX/UI design process, any prototyping you did, and how you ensured accessibility (WCAG compliance). Use specific examples.

• Showcase Code Quality: Provide links to live demos or well-documented GitHub repositories. Be prepared to discuss your code structure, testing strategies (unit, visual), and how you ensure code maintainability.

• Quantify Impact: If possible, describe the impact of your work – e.g., improvements in performance, user engagement, or task completion rates.

• Tailor to SAQ: If you have experience in retail or e-commerce, highlight it. Show an understanding of SAQ's digital presence and how your skills can contribute.

Challenge Preparation:

• Brush up on Core Technologies: Review HTML5, CSS3 (Flexbox, Grid), JavaScript (ES6+), and your primary framework (Angular, React, or Vue.js).

• Practice Algorithmic & DOM Manipulation: Be ready for coding exercises that test your ability to manipulate the DOM, handle asynchronous operations, and implement common UI patterns.

• Understand Accessibility: Be prepared to discuss WCAG guidelines and how to implement them.

• Review Git Workflow: Understand branching, merging, and pull request processes.

• Familiarize with Agile: Understand concepts like user stories, sprints, and estimations.

📝 Enhancement Note: The mention of a "written exam" is a key differentiator. Candidates should anticipate a formal assessment of their technical knowledge beyond a typical coding interview. A strong portfolio is essential, and candidates should be ready to articulate their contributions and the technical decisions made.

🛠 Tools & Technology Stack

Primary Tools:

• Languages: HTML5, CSS3, JavaScript, TypeScript

• Frameworks: Angular, React, or Vue.js (experience with at least one required)

• Design/Prototyping: Figma (or similar tools)

• Version Control: Git (and associated platforms like GitHub, GitLab, Azure Repos)

Analytics & Reporting:

• Performance Tools: Tools for measuring Core Web Vitals and browser compatibility.

• Testing Frameworks: Unit testing (e.g., Jest, Mocha), visual regression testing tools.

CRM & Automation:

• API Integration: Experience with RESTful APIs and potentially GraphQL.

• CI/CD (Asset): Azure DevOps, Jenkins, or similar for continuous integration and deployment.

• Containerization (Asset): Docker for development and deployment.

• Orchestration (Asset): Kubernetes, OpenShift.

• Project Management (Asset): JIRA, Confluence.

📝 Enhancement Note: The tech stack is modern and aligns with industry best practices for front-end development. Experience with CI/CD, containers, and project management tools is highly valued, indicating a well-integrated development workflow.

👥 Team Culture & Values

Operations Values:

• User-Centricity: A strong focus on creating fluid, coherent, and accessible user experiences.

• Quality & Rigor: Emphasis on code quality, testing, adherence to standards, and meticulous attention to detail.

• Collaboration: Working effectively within multidisciplinary teams (product, business, back-end) and participating actively in code reviews and knowledge sharing.

• Continuous Improvement: Commitment to optimizing interfaces based on user feedback and evolving best practices.

• Efficiency & Scalability: Developing maintainable and scalable web interfaces, potentially leveraging a design system.

Collaboration Style:

• Agile Teamwork: Working in iterative cycles, participating in daily stand-ups, sprint planning, and retrospectives.

• Cross-Functional Integration: Close collaboration with back-end developers, product managers, and business stakeholders to ensure alignment and seamless integration.

• Feedback Loop: Openness to feedback during code reviews, design discussions, and post-release evaluations to foster a culture of learning and improvement.

📝 Enhancement Note: SAQ emphasizes a culture of respect, diversity, and inclusion. Within the digital team, expect a blend of technical excellence, user advocacy, and collaborative problem-solving.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing UX/UI with Technical Constraints: Effectively translating design visions into functional, performant code while adhering to technical limitations and best practices.

• Ensuring Cross-Browser and Device Compatibility: Maintaining a consistent and high-quality experience across a wide range of browsers and devices.

• Optimizing Performance: Continuously improving Core Web Vitals and overall application speed for a better user experience, especially in a retail context where speed is critical.

• Keeping Pace with Technology: Staying updated with evolving front-end frameworks, tools, and best practices in a rapidly changing landscape.

• Integrating with Legacy Systems: Potentially working with older back-end systems or APIs that may require careful integration strategies.

Learning & Development Opportunities:

• Advanced Framework Training: Deepen expertise in Angular, React, or Vue.js, exploring advanced state management, performance patterns, and architectural best practices.

• Accessibility Mastery: Become an expert in WCAG 2.x standards and accessibility testing methodologies.

• Performance Optimization Techniques: Learn advanced techniques for front-end performance tuning, including lazy loading, code splitting, and image optimization.

• CI/CD and DevOps Practices: Gain hands-on experience with CI/CD pipelines, containerization, and deployment strategies.

• Mentorship: Benefit from guidance from senior developers and leaders within the Digital Environment team.

📝 Enhancement Note: The role offers a great opportunity to refine front-end development skills within a large, stable organization. The challenges are typical for modern web development, and the growth paths are clear for those looking to advance in their technical careers.

💡 Interview Preparation

Strategy Questions:

• Technical Deep Dive: Be prepared to discuss your experience with HTML, CSS, JavaScript, and your chosen framework in detail. Expect questions on component architecture, state management, asynchronous programming, and performance optimization.

• UX/UI Integration: How do you incorporate UX principles into your development process? Describe a time you advocated for a user-centric solution. How do you ensure accessibility?

• Problem-Solving Scenarios: Discuss how you would approach developing a specific UI feature, debugging a complex front-end issue, or optimizing a slow-loading page.

• Agile Methodology: Explain your understanding of Agile and how you contribute to sprint planning, estimation, and delivery.

Company & Culture Questions:

• Motivation for SAQ: Why are you interested in working for SAQ, and specifically in this digital role?

• Teamwork and Collaboration: Describe a challenging team collaboration experience and how you resolved it. How do you give and receive constructive feedback?

• Understanding of Retail: How do you see your role contributing to SAQ's digital strategy in the retail sector?

Portfolio Presentation Strategy:

• Storytelling: For each project, tell a story: the problem, your solution, the technologies used, your specific contributions, and the outcome/impact.

• Live Demo or Code Walkthrough: Be ready to present a live demo or walk through the code of a key project. Focus on code clarity, structure, and adherence to best practices.

• Highlight UX/UI and Accessibility: Explicitly point out where you applied UX principles and accessibility standards. Show mockups or prototypes if available.

• Focus on Impact: Quantify achievements where possible (e.g., "improved page load time by X%", "implemented feature that led to Y% increase in user engagement").

📝 Enhancement Note: The "written exam" is a critical piece of information. Candidates should prepare for a formal test of their technical knowledge, possibly covering concepts beyond typical interview questions, such as specific algorithms, framework internals, or accessibility standards.

📌 Application Steps

To apply for this Front-end Developer - UX/UI position:

• Submit your application through the SAQ careers portal link provided.

• Prepare your Portfolio: Curate a portfolio showcasing 2-3 significant front-end projects, emphasizing your contributions to UX/UI, accessibility (WCAG), performance, and code quality. Include live demos or well-documented code repositories.

• Customize Your Resume: Tailor your resume to highlight your experience with HTML5, CSS3, JavaScript/TypeScript, front-end frameworks (Angular, React, Vue.js), UX/UI principles, and accessibility. Use keywords from the job description.

• Practice for the Written Exam: Review core front-end technologies, common algorithms, DOM manipulation, and accessibility standards. Be prepared for a structured technical assessment.

• Research SAQ: Understand SAQ's digital presence, its role in the Quebec retail market, and its stated values regarding diversity and inclusion.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and operations industry-standard assumptions. All details should be verified directly with the hiring organization before making application decisions.