UX/UI Developer

📍 Job Overview

Job Title: UX/UI Developer

Company: Capgemini

Location: Toronto, ON, Canada

Job Type: Full-Time

Category: Engineering / Software Development / UX/UI Design

Date Posted: August 12, 2026

Experience Level: 5-10 Years

Remote Status: On-site

🚀 Role Summary

• Design and develop user-centered interfaces and experiences for web applications, focusing on intuitive user journeys.

• Build responsive, interactive UI components utilizing modern front-end technologies, primarily React.

• Implement robust state management and performance optimization strategies for enhanced application efficiency.

• Develop and maintain reusable component design systems and UI libraries, leveraging tools like Storybook for isolated development and documentation.

• Collaborate closely with product managers, stakeholders, and backend engineering teams to translate complex requirements into functional and aesthetically pleasing designs.

📝 Enhancement Note: This role is positioned within Capgemini's "MCCR Engineering team," suggesting a focus on client-facing or core product development within their consulting or technology services framework. The emphasis on React, TypeScript, and modern state management (Redux, Tanstack) indicates a need for a developer deeply integrated into the front-end development lifecycle, capable of both design conceptualization and hands-on implementation. The requirement for component design systems and Storybook highlights a need for scalability and maintainability in their UI development efforts.

📈 Primary Responsibilities

• Conceptualize and design user-centered interfaces and engaging user experiences for a variety of web applications.

• Develop highly responsive and interactive UI components using React and contemporary web technologies, ensuring seamless user interaction.

• Implement sophisticated state management solutions and performance optimization techniques to ensure application speed and stability.

• Architect and build reusable, scalable UI libraries and component design systems, contributing to a consistent and efficient development process.

• Utilize Storybook for isolated component development, testing, and comprehensive documentation, fostering best practices.

• Engage in cross-functional collaboration with product managers, stakeholders, and backend engineering teams to effectively translate business and user requirements into functional design specifications.

• Conduct user research and usability testing to gather insights and validate design decisions, ensuring solutions meet user needs.

• Implement and uphold accessibility best practices, including adherence to WCAG compliance standards, to ensure inclusivity.

• Optimize UI performance across various browsers and devices, ensuring consistent cross-browser compatibility and a smooth user experience.

• Maintain and evolve existing design systems and component libraries, ensuring they remain up-to-date and effective.

• Create detailed design specifications and document development standards to ensure clarity and consistency across the development team.

📝 Enhancement Note: The responsibilities listed emphasize a dual role of UX/UI design and front-end development. The explicit mention of "MCCR Engineering team" suggests the projects may involve significant client interaction or the development of core technology solutions for Capgemini's clients. The focus on design systems, Storybook, and accessibility points towards a mature development environment that values maintainability, scalability, and inclusive design.

🎓 Skills & Qualifications

Education: While no specific degree is listed, a Bachelor's degree in Computer Science, Design, Human-Computer Interaction, or a related field is often preferred for roles of this nature. Equivalent practical experience will also be considered.

Experience: 8+ years of dedicated experience in UX/UI design and front-end development.

Required Skills:

• Front-End Development:

  • Advanced proficiency in React.
  • Expertise in TypeScript for robust and scalable code.
  • Strong understanding and practical application of state management solutions (e.g., Redux, Context API).
  • Experience with Tanstack Query (formerly React Query) for efficient data fetching and state synchronization.
  • Proven ability to build and maintain component design systems and reusable UI libraries.
  • Hands-on experience with Storybook for component development, documentation, and isolation.
  • Solid grasp of performance optimization techniques within React applications.
  • Proficiency in HTML5 and CSS3, including modern layout techniques and responsive design principles.

• UX/UI Design:

  • Deep understanding of user-centered design (UCD) principles and methodologies.
  • Experience with user research, usability testing, and translating insights into design solutions.
  • Expertise in wireframing, prototyping, and interaction design.
  • Proficiency in modern UI/UX design tools such as Figma, Sketch, or Adobe XD.

• General Skills:

  • Strong understanding of accessibility best practices, including WCAG compliance.

  • Proficient in version control systems, specifically Git.

  • Excellent communication, collaboration, and interpersonal skills, with the ability to work effectively in a team environment. Preferred Skills:

• Experience with Next.js or other React frameworks.

• Familiarity with backend technologies or APIs to understand integration points.

• Knowledge of CI/CD pipelines for front-end deployment.

• Experience working in a consulting or agency environment.

• Understanding of Agile development methodologies.

📝 Enhancement Note: The extensive list of required front-end technologies (React, TypeScript, Redux, Tanstack) suggests this is a highly technical role where strong development skills are paramount, almost as much as design expertise. The "8+ years" experience level indicates Capgemini is seeking a senior-level individual who can operate with a high degree of autonomy and potentially mentor junior team members. The emphasis on "Component Design" and "State Management" specifically within the skills list reinforces the need for deep expertise in these areas.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A comprehensive portfolio showcasing a minimum of 8 years of work in UX/UI design and front-end development.

• Projects that clearly demonstrate end-to-end UX design processes, from user research and wireframing to high-fidelity prototyping and UI implementation.

• Examples of responsive web applications built with React, highlighting complex UI components and state management.

• Case studies detailing the development and implementation of component design systems or reusable UI libraries, ideally with Storybook integration.

• Evidence of performance optimization strategies applied to front-end projects, with measurable improvements if possible.

• Projects that adhere to accessibility standards (WCAG), demonstrating an understanding of inclusive design.

• Contributions to or maintenance of design systems. Process Documentation:

• Showcase examples of how you approach user research and usability testing, including methodologies and insights gained.

• Document your process for translating design requirements into functional React components, including state management and architectural decisions.

• Provide examples of how you document design specifications and development standards for collaborative projects.

• Illustrate your workflow for building and maintaining component libraries within Storybook.

• Demonstrate your approach to performance analysis and optimization in web applications.

📝 Enhancement Note: For a senior UX/UI Developer role with a strong emphasis on React development and design systems, the portfolio is critical. It needs to not only demonstrate visual design skills but also the technical execution and architectural thinking behind building scalable, maintainable, and high-performing web interfaces. Emphasis should be placed on projects that show the full lifecycle from conception to implementation and iteration, particularly those involving component-based architecture and design system development.

💵 Compensation & Benefits

Salary Range: CAD $79,000 - $102,000 annually.

Benefits:

• Paid Time Off:

  • Vacation: 12-25 days per year, based on employee grade (A-F).
  • Company-paid holidays.
  • Personal days.
  • Sick leave.

• Health & Wellness:

  • Medical coverage.
  • Dental coverage.
  • Vision coverage.
  • Employee assistance programs.

• Financial Security:

  • Retirement savings plans (e.g., RRSP in Canada).

  • Life insurance.

  • Disability insurance. Working Hours: Standard 40-hour work week.

📝 Enhancement Note: The salary range provided is specific to Toronto, ON, Canada. The compensation is a base salary, and the description notes that additional compensation (variable incentives, bonuses, commissions) may be available depending on the position and applicable laws. The benefits package is described as comprehensive and "non-negotiable" for regular, full-time employees, indicating a standard offering rather than a customizable benefits selection. The variation in vacation days based on "employee grade" suggests an internal leveling system within Capgemini.

🎯 Team & Company Context

🏢 Company Culture

Industry: Technology Consulting & Services. Capgemini is a global leader in digital transformation, cloud, data, AI, and engineering services.

Company Size: Large Enterprise (340,000+ employees globally). This indicates a structured environment with established processes and a wide array of career paths.

Founded: Capgemini has a rich heritage spanning over 55 years, signifying stability and deep industry experience.

Team Structure:

• The role is part of the "onshore MCCR Engineering team," suggesting a dedicated team focused on specific client projects or core product development within North America.

• Given Capgemini's global presence, this team likely collaborates with offshore or nearshore counterparts, as well as local client teams.

• The structure is expected to be hierarchical, typical of large consulting firms, with clear reporting lines to engineering leads or project managers. Methodology:

• Capgemini emphasizes leveraging market-leading capabilities in AI, generative AI, cloud, and data, combined with deep industry expertise.

• The company's approach involves delivering end-to-end services from strategy and design to engineering.

• Expect a focus on data-driven decision-making, agile development practices, and client-centric solutions.

• The company promotes a "dual transition" to digital and sustainable worlds, suggesting an operational focus on innovation and responsible technology.

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

📝 Enhancement Note: Capgemini's scale means that culture can vary between departments and projects. However, as a global consultancy, there's generally an emphasis on client success, professional development, and a collaborative, though often matrixed, work environment. The "MCCR" in the team name might refer to a specific client or business unit, suggesting the team's work is highly specialized.

📈 Career & Growth Analysis

Operations Career Level: Senior UX/UI Developer. This level implies significant autonomy, the ability to lead design initiatives, and potentially mentor junior developers. The role requires a deep technical understanding of React and modern UI development practices, coupled with strong design thinking.

Reporting Structure: This role will likely report to a UX/UI Lead, Engineering Manager, or Project Manager within the MCCR Engineering team. Collaboration will be expected with product managers, backend developers, and potentially client stakeholders.

Operations Impact: The UX/UI Developer's work directly influences the user experience of applications, which is critical for client satisfaction, product adoption, and overall business success. By creating intuitive interfaces and efficient workflows, this role contributes to improved user engagement, reduced support costs, and enhanced client value delivery.

Growth Opportunities:

• Technical Specialization: Deepen expertise in advanced React patterns, state management, performance optimization, and emerging front-end technologies.

• Design Leadership: Transition into a Lead UX/UI Designer or Architect role, overseeing larger projects and guiding design strategy.

• Cross-Functional Roles: Move into Product Management or Technical Program Management, leveraging a strong understanding of both design and development.

• Consulting Track: Develop expertise in specific industries or technologies to become a specialized consultant within Capgemini's broader offerings.

• Mentorship: Guide and mentor junior developers and designers, contributing to team development and knowledge sharing.

📝 Enhancement Note: Capgemini, as a large consulting firm, offers structured career paths. The growth opportunities are geared towards both technical depth and broader consulting/leadership skills, reflecting the company's service-oriented nature. The "employee grade" system mentioned in benefits likely ties into career progression and compensation bands.

🌐 Work Environment

Office Type: On-site. The role is based in Toronto, ON, indicating a physical office presence.

Office Location(s): Toronto, Ontario, Canada. Specific office details or addresses are not provided but can be inferred to be within the Greater Toronto Area.

Workspace Context:

• Collaborative Environment: Expect a dynamic office setting designed to foster collaboration among team members, including designers, developers, project managers, and potentially client representatives.

• Technology & Tools: Access to industry-standard design and development tools, including high-performance workstations and necessary software licenses (Figma, React development environments, Git, etc.).

• Team Interaction: Opportunities for daily stand-ups, design reviews, pair programming, and team brainstorming sessions. The environment likely encourages open communication and knowledge sharing.

Work Schedule: A standard 40-hour work week is implied, typical for full-time roles. However, project demands in consulting can sometimes require flexibility or extended hours, though this is not explicitly stated.

📝 Enhancement Note: As an on-site role within a large consulting firm, the work environment is likely professional and geared towards client delivery. Expect a mix of individual focused work and collaborative sessions.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter or HR representative will likely conduct an initial phone screen to assess basic qualifications, experience, and cultural fit.

• Technical Interview(s): Expect one or more interviews focused on assessing your React development skills, TypeScript knowledge, state management expertise, and understanding of UI/UX principles. This may involve live coding exercises, technical deep dives, and problem-solving scenarios.

• Portfolio Review: A dedicated session to walk through your portfolio. Be prepared to discuss your design process, technical implementation details, challenges faced, and the impact of your work on previous projects.

• Behavioral/Team Fit Interview: Interviews designed to gauge your collaboration style, problem-solving approach, communication skills, and how you align with Capgemini's values and the MCCR Engineering team's culture.

• Final Interview: Potentially with a senior leader or hiring manager to make a final decision.

Portfolio Review Tips:

• Curate Selectively: Choose 3-5 of your strongest projects that best represent your UX/UI design and React development capabilities.

• Showcase Process: For each project, clearly articulate the problem statement, your role, the design process, technical challenges, solutions implemented (especially React, state management, component design), and the outcomes/impact.

• Highlight React Expertise: Ensure projects demonstrate proficiency in React, TypeScript, Redux/Tanstack, and component design systems.

• Accessibility Focus: If possible, showcase projects where accessibility was a key consideration and how you addressed it.

• Storytelling: Frame your projects as compelling stories, explaining the "why" behind your decisions and the value you delivered.

• Prepare for Technical Questions: Be ready to answer in-depth questions about your code, architectural choices, and best practices.

Challenge Preparation:

• Live Coding: Practice coding common UI components in React, focusing on efficiency, readability, and best practices (e.g., building a modal, a data table with sorting/filtering, a form with validation).

• Design Problem: Be ready to discuss how you would approach designing a feature or improving an existing interface based on a given scenario.

• System Design: For more senior roles, you might be asked to discuss how you would architect a front-end application or a component library from scratch.

• Accessibility Scenario: Prepare to discuss how you would ensure a given design or feature is WCAG compliant.

📝 Enhancement Note: Given the seniority and technical depth required, the interview process will likely be rigorous. The portfolio review is a crucial stage, demanding a clear demonstration of both design thinking and advanced front-end development skills, particularly in React and related ecosystem tools.

🛠 Tools & Technology Stack

Primary Tools:

• Front-End Framework/Library: React (Expert proficiency required).

• Languages: TypeScript (Expert proficiency), JavaScript, HTML5, CSS3.

• State Management: Redux, Tanstack Query (formerly React Query), React Context API.

• Component Libraries & Design Systems: Experience building and maintaining these is essential.

• Component Development & Documentation: Storybook (required).

• Version Control: Git.

Analytics & Reporting:

• While not explicitly listed as core responsibilities, familiarity with analytics tools (e.g., Google Analytics, Adobe Analytics) and their integration into UI development would be beneficial for understanding user behavior and performance.

• Experience with performance monitoring tools (e.g., Lighthouse, Web Vitals) is highly relevant. CRM & Automation:

• Not directly applicable to this core development role, but understanding how front-end applications integrate with backend systems and potentially CRMs is important.

📝 Enhancement Note: The technology stack is heavily focused on modern front-end development. Proficiency in React, TypeScript, and state management is non-negotiable. The emphasis on Storybook and component design systems indicates a need for developers who can contribute to a scalable and maintainable UI architecture.

👥 Team Culture & Values

Operations Values:

• Client Focus: Delivering high-quality solutions that meet client needs and drive business value.

• Innovation: Embracing new technologies and methodologies to provide cutting-edge solutions.

• Collaboration: Working effectively within cross-functional teams and with clients.

• Excellence: Striving for high standards in design, development, and project delivery.

• Continuous Improvement: A commitment to learning, adapting, and enhancing processes and skills.

Collaboration Style:

• Cross-Functional Integration: Expect close collaboration with product managers, backend engineers, QA testers, and business stakeholders.

• Agile Methodologies: Likely involves participation in Agile ceremonies (stand-ups, sprint planning, retrospectives) to foster iterative development and feedback loops.

• Open Communication: A culture that encourages sharing ideas, providing constructive feedback, and transparently addressing challenges.

• Knowledge Sharing: Opportunities to share learnings through internal presentations, documentation, or pair programming sessions.

📝 Enhancement Note: Capgemini's global culture emphasizes professionalism, client success, and continuous learning. Within the MCCR Engineering team, the focus will likely be on delivering high-impact technical solutions, requiring strong teamwork and a results-oriented mindset.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Design and Development: Effectively merging user experience design principles with complex front-end development requirements.

• Technical Complexity: Keeping pace with the rapidly evolving front-end ecosystem, particularly within React and its associated libraries.

• Client Demands: Managing evolving client expectations and project scopes within consulting engagements.

• Cross-Team Dependencies: Ensuring seamless integration with backend services and coordinating efforts across different technical teams.

Learning & Development Opportunities:

• Advanced React Training: Access to specialized training on React hooks, context API, performance tuning, and server-side rendering with frameworks like Next.js.

• Design System Mastery: Opportunities to become a subject matter expert in building and scaling design systems.

• Industry Certifications: Potential for certifications in UI/UX, specific technologies, or Agile methodologies.

• Mentorship Programs: Access to senior technical leaders for guidance and career development.

• Exposure to Diverse Projects: Working on a variety of client projects across different industries, offering broad experience.

📝 Enhancement Note: The challenges are typical for senior developers in a consulting environment, emphasizing adaptability and technical mastery. The growth opportunities are strong, leveraging Capgemini's resources for professional development and career advancement.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex UI component you built in React. What state management approach did you use, and why?" (Focus on Redux/Tanstack, explain architectural choices).

• "How do you ensure your UI designs are user-centered and meet accessibility standards (WCAG)?" (Discuss your process for research, testing, and implementation).

• "Walk me through your experience building and maintaining a component design system. What were the key challenges and benefits?" (Highlight Storybook usage and reusability).

• "How do you approach performance optimization in a React application? Can you provide specific examples?" (Discuss tools like Lighthouse, code splitting, memoization).

• "Imagine a stakeholder requests a feature that conflicts with established design system principles. How would you handle this?" (Focus on communication, data-driven arguments, and finding balanced solutions). Company & Culture Questions:

• "What interests you about Capgemini and this specific UX/UI Developer role?" (Research Capgemini's values, recent projects, and how your skills align with the MCCR team's focus).

• "Describe a time you had to collaborate with a difficult stakeholder or team member. How did you resolve the situation?" (STAR method for behavioral questions).

• "How do you stay updated with the latest trends in UX/UI design and front-end development?" (Show a commitment to continuous learning). Portfolio Presentation Strategy:

• Structure: For each project, use a clear narrative: Problem -> Your Role -> Process -> Solution (Highlighting React/UX specifics) -> Outcome/Impact.

• Technical Depth: Be prepared to dive deep into the code, architectural decisions, and technical challenges overcome. Explain why you made certain choices.

• Design Rationale: Clearly articulate the user-centered thinking behind your design decisions.

• Metrics: Quantify impact whenever possible (e.g., improved conversion rates, reduced load times, increased user satisfaction scores).

• Conciseness: Aim for clarity and brevity, ensuring you cover key points without getting bogged down in excessive detail.

📝 Enhancement Note: Preparation should focus on demonstrating both strong design thinking and robust front-end development skills, with a particular emphasis on React, TypeScript, state management, and design systems. Be ready to articulate your process and decision-making clearly and confidently.

📌 Application Steps

To apply for this UX/UI Developer position:

• Submit your application through the Capgemini careers portal via the provided link.

• Portfolio Customization: Tailor your resume and portfolio to highlight your 8+ years of experience in UX/UI design and front-end development, specifically emphasizing your proficiency in React, TypeScript, Redux/Tanstack, and component design systems. Prepare 3-5 key projects for a detailed walkthrough.

• Resume Optimization: Ensure your resume clearly lists your technical skills, quantifiable achievements, and experience with relevant tools (React, TypeScript, Figma, Storybook, Git). Use keywords found in the job description.

• Interview Preparation: Practice articulating your design process, technical solutions, and project outcomes. Prepare for live coding challenges and behavioral questions using the STAR method.

• Company Research: Familiarize yourself with Capgemini's services, values, and recent work in digital transformation. Understand the potential focus of the "MCCR Engineering team" if possible.

⚠️ 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.

---