UX/UI Developer

📍 Job Overview

Job Title: UX/UI Developer

Company: Capgemini

Location: Toronto, ON, Canada

Job Type: Full-time

Category: Software Development / UX/UI Design

Date Posted: 2026-08-12

Experience Level: Mid-Senior (8+ years)

Remote Status: On-site

🚀 Role Summary

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

• Build responsive, interactive UI components using modern front-end technologies, primarily React, to ensure a consistent and high-quality user experience across devices.

• Implement robust state management and optimize UI performance for enhanced application speed and efficiency.

• Contribute to the creation and maintenance of scalable UI component libraries and design systems, fostering reusability and adherence to brand standards.

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

📝 Enhancement Note: This role, while titled UX/UI Developer, has a strong emphasis on front-end development with React, including state management and performance optimization. Candidates should possess a blend of design thinking and practical coding skills, with a focus on building reusable components within a design system context. The explicit mention of Storybook highlights a need for isolated component development and documentation practices.

📈 Primary Responsibilities

• Design user-centered interfaces and experiences for web applications, ensuring alignment with user needs and business objectives.

• Develop responsive, interactive UI components using React, TypeScript, and modern web technologies, adhering to best practices for maintainability and scalability.

• Implement and manage application state effectively using Redux or similar state management libraries to ensure data consistency and smooth user interactions.

• Drive performance optimization initiatives for UI elements and application workflows, ensuring fast load times and a fluid user experience.

• Build and maintain reusable UI component libraries and design systems within Storybook for isolated development, testing, and documentation.

• Collaborate effectively with product managers, stakeholders, and backend engineering teams throughout the development lifecycle to translate requirements into functional designs.

• Conduct user research and usability testing to gather feedback and validate design decisions, ensuring the final product meets user expectations.

• Implement accessibility best practices, including WCAG compliance, to ensure applications are usable by individuals of all abilities.

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

• Document design specifications, development standards, and component usage guidelines to facilitate knowledge sharing and project continuity.

📝 Enhancement Note: The responsibilities clearly indicate a hands-on development role with a significant UX/UI component. The emphasis on "responsive, interactive UI components using React" and "state management and performance optimization" suggests a need for deep technical expertise in front-end development. Collaboration with "product managers, stakeholders, and backend teams" points to a cross-functional, agile development environment.

🎓 Skills & Qualifications

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

Experience: 8+ years of progressive experience in UX/UI design and front-end development, with a proven track record of delivering high-quality user interfaces for complex web applications.

Required Skills:

• Proficiency in React, TypeScript, Redux, and Tanstack for building dynamic and scalable web applications.

• Strong expertise in Component Design, state management, and performance optimization techniques.

• Demonstrated ability to build and maintain reusable UI libraries and design systems.

• Experience with Storybook for isolated component development and documentation.

• Proficiency with modern UI/UX design and prototyping tools such as Figma, Sketch, or Adobe XD.

• Solid understanding of user-centered design (UCD) principles, user research methodologies, wireframing, prototyping, and interaction design best practices.

• Knowledge of HTML, CSS, and responsive design principles for cross-device compatibility.

• Experience with version control systems, particularly Git.

• Excellent communication, collaboration, and interpersonal skills to effectively work with cross-functional teams and stakeholders. Preferred Skills:

• Experience with accessibility best practices and WCAG compliance.

• Familiarity with conducting user research and usability testing.

• Knowledge of modern JavaScript frameworks beyond React.

• Experience in an Agile/Scrum development environment.

• Understanding of backend development concepts for better cross-team collaboration.

📝 Enhancement Note: The required skills list is quite specific, emphasizing modern front-end technologies and design practices. The mention of "Tanstack" is a key differentiator, indicating a need for familiarity with libraries like React Query or TanStack Table. The 8+ years of experience suggests this is not an entry-level role, and candidates should be prepared to demonstrate significant project ownership and leadership in their portfolio.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

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

• Include detailed case studies that highlight your process from initial concept and user research through to final UI implementation and development.

• Demonstrate proficiency in building reusable UI components, ideally using React and within a design system context.

• Showcase examples of responsive design implementation and performance optimization efforts.

• Provide clear explanations of your design thinking, problem-solving approach, and the impact of your contributions. Process Documentation:

• Illustrate your process for conducting user research and usability testing, including how findings informed design and development decisions.

• Detail your approach to building and maintaining design systems and component libraries, including documentation practices (e.g., using Storybook).

• Provide examples of how you've implemented accessibility best practices (WCAG compliance) in your projects.

• Showcase your workflow for collaborating with product managers, stakeholders, and backend developers, highlighting communication and integration strategies.

📝 Enhancement Note: The portfolio requirement is critical for this role, emphasizing not just the final output but the entire process. Candidates must be prepared to articulate their design thinking, development methodologies, and the impact of their work with specific examples, particularly those involving React, component libraries, and design systems.

💵 Compensation & Benefits

Salary Range: CAD $79,000 - $102,000 per year. This range is an estimate based on Capgemini's provided information for the Toronto, ON location, considering the experience level (8+ years) and the specific technical requirements of the role. The final compensation will be determined by factors such as geographic location, candidate's qualifications, certifications, relevant experience, and market conditions.

Benefits:

• Comprehensive, non-negotiable benefits package for regular, full-time employees.

• Paid time off based on employee grade (A-F): Vacation (12-25 days), Company paid holidays, Personal Days, Sick Leave.

• Medical, dental, and vision coverage.

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

• Life and disability insurance.

• Employee assistance programs.

• Other benefits as provided by local policy and eligibility.

Working Hours: Approximately 40 hours per week, typical for a full-time professional role. While the role is on-site, flexibility in daily scheduling may be available depending on team needs and project demands.

📝 Enhancement Note: The salary range is provided by the employer. The benefits package is comprehensive and standard for a large consulting firm like Capgemini, covering health, retirement, and time off. The "non-negotiable" aspect suggests a standardized offering. The mention of "employee grade (A-F)" for PTO implies a structured career progression system within Capgemini.

🎯 Team & Company Context

🏢 Company Culture

Industry: Technology Consulting & Services. Capgemini is a global leader in business and technology transformation, helping organizations accelerate their digital and sustainable transitions.

Company Size: Large enterprise (Capgemini reports over 340,000 team members globally). This scale offers opportunities for diverse projects and career development.

Founded: Capgemini has a strong heritage of over 55 years, indicating stability and extensive experience in the consulting industry.

Team Structure:

• The role is part of the onshore MCCR Engineering team, suggesting a dedicated engineering unit focused on specific client projects or internal initiatives.

• As a large consulting firm, Capgemini likely has matrixed structures where engineers may work on multiple client projects simultaneously or be assigned to long-term engagements.

• Collaboration is expected across various functions: product management, business stakeholders, and backend engineering teams. Methodology:

• Capgemini emphasizes leveraging strengths in strategy, design, and engineering, fueled by capabilities in AI, cloud, and data.

• Agile methodologies are likely standard for client project delivery, requiring adaptability and iterative development.

• A focus on delivering tangible impact for enterprises and society suggests a results-oriented approach.

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

📝 Enhancement Note: Capgemini's global presence and extensive history suggest a well-established corporate culture with structured processes. The "onshore MCCR Engineering team" implies a focus on client delivery and potentially a blend of internal product development. The company's emphasis on "dual transition to a digital and sustainable world" indicates a strategic focus that may influence project types and team objectives.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned at a Mid-Senior to Senior level, indicated by the 8+ years of experience requirement and the expectation of independent contribution to design systems and component libraries. It requires a blend of strong UX/UI design sensibilities and advanced front-end development skills.

Reporting Structure: The role reports into the onshore MCCR Engineering team. Within Capgemini's consulting framework, this likely means reporting to an Engineering Lead, Project Manager, or a Practice Lead, with project-specific reporting lines to client stakeholders.

Operations Impact: As a UX/UI Developer, the impact is directly on the usability, user experience, and visual appeal of applications. This influences user adoption, client satisfaction, and ultimately, the success of the digital transformation projects Capgemini undertakes for its clients. Strong UI/UX can directly contribute to increased efficiency and reduced support costs for clients.

Growth Opportunities:

• Skill Specialization: Deepen expertise in React, state management, performance optimization, or accessibility standards.

• Design System Leadership: Take ownership of developing and evolving design systems for various clients or internal platforms.

• Technical Leadership: Transition into a Tech Lead or Architect role, guiding other developers and influencing technical direction.

• Cross-functional Mobility: Move into roles with broader product ownership or client-facing consulting responsibilities within Capgemini's diverse service offerings.

• Mentorship: Mentor junior developers and designers, sharing expertise in UX/UI principles and React development.

📝 Enhancement Note: Capgemini, as a large consulting firm, offers a structured environment for career progression. The growth opportunities are geared towards deepening technical expertise, taking on leadership roles within engineering teams, or pivoting into more client-facing or strategic positions. The "employee grade" system mentioned for PTO often correlates with salary bands and career progression stages.

🌐 Work Environment

Office Type: On-site. The role is based in Toronto, ON, requiring regular attendance at a Capgemini office.

Office Location(s): Toronto, ON, Canada. Specific office address details would be provided upon application.

Workspace Context:

• The work environment is likely collaborative, with team members working closely together on client projects.

• Access to modern development tools, software licenses (Figma, React environments), and potentially collaborative design platforms will be available.

• Opportunities for direct interaction with colleagues in engineering, product management, and client teams.

• Capgemini's focus on digital transformation suggests an environment that values innovation and the adoption of new technologies.

Work Schedule: Standard business hours, approximately 40 hours per week. While on-site, there may be some flexibility to accommodate project deadlines and team collaboration needs, but core hours will likely be expected.

📝 Enhancement Note: The on-site requirement means candidates should be prepared for a traditional office-based work environment, which facilitates in-person collaboration crucial for design and development roles. Capgemini's global scale means their offices are likely well-equipped with the necessary infrastructure and technology.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter will likely review your application and resume, assessing for alignment with the core requirements (8+ years, React, UX/UI).

• Technical Assessment/Portfolio Review: Expect a deep dive into your portfolio. This may involve a dedicated session where you walk through 1-2 key projects, explaining your design process, development choices, and the impact of your work. Be prepared for technical questions on React, state management, performance optimization, and design principles.

• Hiring Manager Interview: Discussion with the hiring manager to assess cultural fit, team dynamics, and alignment with Capgemini's values and project needs.

• Team/Stakeholder Interview: Potentially an interview with other team members or key stakeholders to evaluate collaboration skills and technical depth.

• Final Decision: Based on all gathered feedback.

Portfolio Review Tips:

• Curate Strategically: Select 2-3 projects that best showcase your skills in React development, UX/UI design, component libraries, and performance optimization.

• Tell a Story: For each project, clearly articulate the problem, your role and process, the solutions you implemented (both design and code), and the measurable outcomes or impact. Use visuals effectively.

• Highlight React & Design Systems: Emphasize your experience with React, TypeScript, Redux, Tanstack, and building/maintaining design systems/component libraries.

• Showcase Process: Detail your user research, wireframing, prototyping, and implementation steps. Explain why you made certain design or development decisions.

• Prepare for Technical Questions: Be ready to discuss your React code, state management strategies, performance tuning techniques, and accessibility implementation details.

Challenge Preparation:

• Design Challenge: You might be given a small design problem to solve or asked to critique an existing interface. Focus on user-centered thinking and clear articulation.

• Coding Challenge: A practical coding exercise, possibly involving React components, state management, or UI implementation, may be provided. Ensure your code is clean, well-structured, and efficient.

• Scenario-Based Questions: Be ready to answer questions about how you would handle specific design or development challenges, collaborate with difficult stakeholders, or optimize a slow-performing UI.

📝 Enhancement Note: The interview process will heavily rely on portfolio review and technical assessment. Candidates must be adept at articulating both their design rationale and their development expertise, backed by concrete project examples. The emphasis on React, component libraries, and design systems means these areas should be thoroughly represented and readily discussable.

🛠 Tools & Technology Stack

Primary Tools:

• Front-end Framework: React (core requirement)

• Languages: TypeScript, JavaScript, HTML, CSS

• State Management: Redux, potentially others (e.g., Context API)

• UI Component Libraries: Tanstack (e.g., React Table, React Query), custom component libraries

• Design/Prototyping: Figma, Sketch, Adobe XD (proficiency in at least one)

• Component Development/Documentation: Storybook

Analytics & Reporting:

• While not explicitly listed as a primary responsibility, understanding analytics and how UI impacts user behavior is beneficial. Familiarity with tools like Google Analytics or similar would be an asset. CRM & Automation:

• Not directly relevant to the core responsibilities of this role, but understanding how UI integrates with backend systems and potentially CRM platforms is helpful for collaboration. Version Control:

• Git (essential for collaborative development)

📝 Enhancement Note: The technology stack is clearly defined, with React, TypeScript, and state management libraries (Redux) being paramount. The inclusion of "Tanstack" is a specific requirement that candidates should be aware of. Proficiency in design tools like Figma and experience with Storybook are also critical.

👥 Team Culture & Values

Operations Values:

• User-Centricity: A strong focus on understanding and meeting user needs through thoughtful design and development.

• Collaboration: Working effectively with diverse teams (product, engineering, stakeholders) to achieve shared goals.

• Excellence & Quality: Commitment to delivering high-quality, performant, and accessible user interfaces.

• Innovation: Embracing new technologies and methodologies to drive digital transformation.

• Responsibility & Accountability: Taking ownership of designs and code, and delivering on commitments.

Collaboration Style:

• Cross-functional Integration: Actively engaging with product managers, backend engineers, and other stakeholders to ensure seamless integration of UI/UX into the overall product.

• Feedback-Driven: Open to constructive criticism and feedback from peers, stakeholders, and users to continuously improve designs and code.

• Knowledge Sharing: Willingness to share expertise, document processes, and mentor colleagues, particularly regarding React development and design system best practices.

📝 Enhancement Note: Capgemini's global presence and consulting nature suggest a culture that values professionalism, client focus, and continuous improvement. The emphasis on collaboration and user-centricity aligns with typical modern software development environments.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Design and Development: Effectively merging creative design vision with the technical constraints and requirements of React development.

• Complex Stakeholder Management: Navigating diverse stakeholder needs and priorities in a consulting environment.

• Maintaining Consistency Across Projects: Ensuring design and development standards are upheld across potentially multiple client projects with varying requirements.

• Keeping Pace with Technology: Continuously learning and adapting to the rapidly evolving landscape of front-end technologies and design tools.

Learning & Development Opportunities:

• Advanced React Training: Opportunities to deepen expertise in React performance, architecture, and ecosystem tools.

• Design System Specialization: Path to becoming a subject matter expert in design systems and component library development.

• Cross-Industry Exposure: Working on projects for clients in various industries, broadening understanding of different business challenges and user needs.

• Certification Programs: Capgemini may offer or sponsor certifications in relevant technologies or methodologies.

• Leadership Development: Potential for growth into team lead or architectural roles within Capgemini.

📝 Enhancement Note: The challenges are typical for a senior role in a consulting firm, requiring adaptability and strong problem-solving skills. The growth opportunities are well-defined, offering paths for technical specialization or leadership.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex UI challenge you faced in a React project and how you approached solving it, focusing on both design and development aspects." (Prepare with a specific project where you balanced user needs with technical constraints.)

• "How do you ensure accessibility (WCAG compliance) is integrated into your design and development process from the outset?" (Be ready to discuss specific techniques and tools.)

• "Walk us through your process for creating and maintaining a reusable component library using React and Storybook. What are the key benefits and challenges?" (Highlight your experience with design systems and documentation.) Company & Culture Questions:

• "What attracts you to Capgemini and this specific role within the MCCR Engineering team?" (Research Capgemini's values, recent projects, and consulting approach.)

• "How do you approach collaboration with non-technical stakeholders and backend developers?" (Emphasize clear communication and understanding of different perspectives.)

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

• Structure Your Narrative: For each portfolio piece, clearly outline the Problem, Your Role/Process, Solution (Design & Code), and Results/Impact.

• Show, Don't Just Tell: Use visuals (screenshots, prototypes, live demos) extensively. For code examples, be prepared to discuss specific implementation details.

• Quantify Impact: Whenever possible, use data or metrics to demonstrate the success of your work (e.g., improved conversion rates, reduced bounce rates, positive user feedback).

• Be Ready for Deep Dives: Anticipate detailed questions about your design decisions, coding logic, and problem-solving approaches.

📝 Enhancement Note: Interview preparation should focus on demonstrating a strong understanding of the UX/UI lifecycle, deep technical proficiency in React and related tools, and the ability to articulate one's process and impact effectively. The portfolio is the primary tool for this demonstration.

📌 Application Steps

To apply for this UX/UI Developer position:

• Submit your application through the provided link on the Capgemini careers website.

• Tailor your resume: Highlight your 8+ years of experience in UX/UI design and front-end development, specifically mentioning React, TypeScript, Redux, Tanstack, Figma, Storybook, and design system experience. Quantify achievements where possible.

• Prepare your portfolio: Curate 2-3 strong case studies that showcase your best work in React development, UX/UI design, component libraries, and performance optimization. Ensure it's easily accessible online.

• Practice your portfolio walkthrough: Be ready to present your selected projects, clearly explaining your process, design decisions, development implementation, and the impact of your work.

• Research Capgemini: Understand the company's mission, values, and recent work in digital transformation to articulate your interest and cultural fit.

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