Metro Global Solution Center (MGSC) is internal solution partner for METRO, a €31.5 Billion international wholesaler with operations in 32 countries through 625 stores & a team of 85,000 people globally. Metro operates in a further 10 countries with its Food Service Distribution (FSD) business and it is thus active in a total of 34 countries.

MGSC, location wise is present in Pune (India), Düsseldorf (Germany) and Szczecin (Poland). We provide Finance, HR, IT & Business operations support to 31 countries, speak 24+ languages and process over 18,000 transactions a day. We are setting tomorrow’s standards for customer focus, digital solutions, and sustainable business models. For over 12 years, we have been providing services and solutions from our two locations in Pune and Szczecin. This has allowed us to gain extensive experience in how we can best serve our internal customers with high quality and passion. We believe that we can add value, drive efficiency, and satisfy our customers.

Website: https://www.metro-gsc.in

Company Size: 1100-1200

Headquarters: Pune, Maharashtra, India

Type: Privately Held

Inception:  2011

Your Responsibilities

• Bring high‑fidelity designs to life with pixel‑perfect, responsive, and accessible UI implementation.
• Convert Figma (or similar) prototypes into clean, semantic HTML5, modern CSS/SCSS, and well‑structured JavaScript.
• Build scalable, reusable UI components and maintain a cohesive design system.
• Ensure cross‑browser compatibility, including required polyfills and fallbacks.
• Drive performance excellence through:
  • Smart asset loading (lazy loading)
  • Code splitting and optimized bundling
  • Dynamic imports
  • Bundle size analysis and reduction
  • Lighthouse & Core Web Vitals improvements
• Apply appropriate rendering or delivery techniques (e.g., SSR/SSG/ISR when applicable).
• Implement and maintain WCAG‑compliant accessibility standards.
• Integrate front-end applications with REST APIs using clean, maintainable JavaScript logic.
• Write robust documentation, clean code, and enforce quality through best practices.
• Contribute to testing strategies using tools like Jest, React Testing Library, Cypress, or Playwright.
• Participate in code reviews and help drive high standards for UI quality and front-end architecture.

Required Experience & Skills

• 8+ years of professional software development experience.
• 5+ years specializing in front-end engineering.
• Strong expertise in JavaScript (ES6+), HTML5, CSS3, and SCSS.
• Deep knowledge of responsive design, mobile‑first development, and complex layout techniques.
• Solid understanding of performance optimization:
  • Lazy loading
  • Code splitting
  • Dynamic imports
  • Bundle analysis
• Experience with SSR/SSG/ISR approaches (React/Next.js experience is a plus but not the focus).
• Strong understanding of cross-browser compatibility and polyfills.
• Proven experience in implementing WCAG accessibility best practices.
• Experience writing automated tests for front-end applications.
• Familiarity with headless CMS and JAMstack concepts.
• Experience consuming RESTful APIs.
• Strong Git workflow knowledge and CI/CD experience.
• Excellent problem-solving skills and clear communication.