UI Developer (Javascript)

📍 Job Overview

Job Title: UI Developer (Javascript)

Company: METRO/MAKRO

Location: Pune, Maharashtra, India

Job Type: Full-time

Category: Revenue Operations (GTM Technology)

Date Posted: May 06, 2026

Experience Level: 10+ years

Remote Status: On-Site

🚀 Role Summary

• This role is critical for enhancing the user interface and user experience of internal GTM (Go-To-Market) technology platforms, directly impacting sales and operations efficiency.

• Focuses on translating complex design prototypes into high-fidelity, responsive, and accessible web applications using modern JavaScript frameworks and best practices.

• Drives performance optimization of front-end applications, ensuring fast load times and seamless user interactions, which is crucial for operational productivity.

• Contributes to the development and maintenance of a robust design system and UI component library, promoting consistency and scalability across GTM tools.

• Collaborates closely with GTM Operations, Sales Enablement, and IT teams to ensure technology solutions align with business objectives and user needs.

📝 Enhancement Note: While the raw job description focuses on a standard UI Developer role, this enhancement frames it within the context of Revenue Operations and GTM technology. The emphasis on UI implementation, performance, and integration with APIs directly supports the operational efficiency and user adoption of critical GTM systems like CRMs, sales enablement platforms, and analytics dashboards. The experience level (10+ years) suggests this is a senior or lead role, potentially involving architectural decisions for front-end GTM solutions.

📈 Primary Responsibilities

• Translate high-fidelity designs (e.g., from Figma) into pixel-perfect, responsive, and accessible UI implementations for GTM technology platforms.

• Develop clean, semantic HTML5, modern CSS/SCSS, and well-structured JavaScript (ES6+) for scalable and reusable UI components.

• Build and maintain a cohesive design system and component library to ensure consistency across all customer-facing and internal GTM applications.

• Implement and maintain WCAG-compliant accessibility standards to ensure all users, including those with disabilities, can effectively utilize GTM tools.

• Drive performance excellence by applying techniques such as smart asset loading, code splitting, optimized bundling, and bundle size analysis to improve application speed and user experience.

• Integrate front-end applications with RESTful APIs, ensuring clean, maintainable JavaScript logic for seamless data flow between front-end interfaces and back-end systems (e.g., CRM, data warehouses).

• Ensure cross-browser compatibility, implementing necessary polyfills and fallbacks to guarantee a consistent user experience across different browsers and devices.

• Contribute to testing strategies for front-end applications using tools like Jest, React Testing Library, Cypress, or Playwright to ensure code quality and functional integrity.

• Participate actively in code reviews, providing constructive feedback and helping to drive high standards for UI quality and front-end architecture within the GTM technology team.

• Write robust documentation for UI components, code, and architectural decisions to facilitate knowledge sharing and maintainability.

📝 Enhancement Note: These responsibilities are derived from the "Your Responsibilities" section of the input. They have been contextualized for a GTM Operations Technology role by emphasizing the application of UI development skills to internal tools that support sales and marketing functions. The mention of specific optimization techniques and API integration highlights the technical depth expected for improving operational workflows.

🎓 Skills & Qualifications

Education: Bachelor's degree in Computer Science, Software Engineering, or a related field, or equivalent practical experience.

Experience: Minimum of 8 years of professional software development experience, with a specialization of 5+ years in front-end engineering.

Required Skills:

• Strong expertise in JavaScript (ES6+), HTML5, CSS3, and SCSS.

• Deep knowledge of responsive design principles, mobile-first development, and complex layout techniques.

• Proven experience with performance optimization techniques including lazy loading, code splitting, dynamic imports, and bundle analysis.

• Solid understanding of cross-browser compatibility issues and experience implementing polyfills and fallbacks.

• Demonstrated experience in implementing WCAG accessibility best practices.

• Proficiency in consuming RESTful APIs for data integration.

• Strong working knowledge of Git workflow and experience with CI/CD pipelines.

Preferred Skills:

• Experience with server-side rendering (SSR), static site generation (SSG), or incremental static regeneration (ISR) approaches.

• Familiarity with React and Next.js, though not the primary focus, is considered a plus.

• Experience with headless CMS and JAMstack concepts.

• Experience writing automated tests for front-end applications using Jest, React Testing Library, Cypress, or Playwright.

• Familiarity with design systems and component library development.

• Experience with UI/UX prototyping tools such as Figma.

📝 Enhancement Note: The qualifications are directly extracted from the "Qualifications" section. The "Required Experience & Skills" have been categorized into "Required Skills" and "Preferred Skills" for clarity. The emphasis on JavaScript, responsive design, performance, accessibility, and API integration are critical for modern GTM technology stacks. The AI-derived experience level of "10+" years suggests this role requires significant seniority, hence the inclusion of SSR/SSG/ISR and specific testing frameworks as preferred skills.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase a minimum of 3-5 complex UI projects demonstrating proficiency in JavaScript, HTML5, CSS3, and responsive design.

• Include case studies detailing performance optimization efforts, highlighting specific techniques used (e.g., code splitting, lazy loading) and quantifiable improvements (e.g., load time reduction, Core Web Vitals scores).

• Provide examples of implementing WCAG accessibility standards, with explanations of the approaches taken and the impact on user experience.

• Demonstrate experience integrating front-end applications with RESTful APIs, including examples of data fetching, state management, and error handling.

Process Documentation:

• Examples of clear, concise documentation for UI components, including usage guidelines, API definitions, and accessibility considerations.

• Documentation showcasing contributions to CI/CD pipelines or Git workflow best practices within a team environment.

• Case studies or descriptions of how performance bottlenecks were identified and resolved through systematic analysis and implementation of optimization strategies.

• Documentation related to testing strategies and the implementation of automated tests for front-end applications.

📝 Enhancement Note: This section infers portfolio requirements based on the detailed responsibilities and qualifications. For a senior UI Developer role focused on GTM technology, a portfolio must demonstrate not just technical skill but also a strategic approach to performance, accessibility, and maintainability, all critical for operational efficiency. The emphasis on documentation and process reflects the need for collaborative and scalable development practices within an operations context.

💵 Compensation & Benefits

Salary Range: ₹15,00,000 - ₹25,00,000 per annum (On-site, Pune, India)

Benefits:

• Comprehensive health insurance coverage (medical, dental, vision).

• Generous paid time off (PTO), including vacation, sick leave, and public holidays.

• Provident Fund (PF) and Employee State Insurance (ESI) as per Indian regulations.

• Opportunities for professional development, including training programs, certifications, and conference attendance.

• Access to modern office facilities and amenities in a prime Pune location.

• Potential for performance-based bonuses or incentives.

• Employee assistance program (EAP) for well-being support.

Working Hours: 40 hours per week, typically Monday to Friday, with standard business hours within the Pune (Asia/Kolkata) time zone. Some flexibility may be required based on project needs and cross-functional team collaboration.

📝 Enhancement Note: The salary range is an estimate based on industry benchmarks for a Senior UI Developer with 10+ years of experience in Pune, India, considering the demand for specialized front-end skills in technology roles. This is a typical range for experienced professionals in the region, factoring in the cost of living and market demand. The benefits listed are standard for full-time positions in reputable companies in India, with a focus on aspects relevant to technology professionals. The working hours are based on the AI-derived 40 hours/week.

🎯 Team & Company Context

🏢 Company Culture

Industry: Wholesale & Retail Distribution, with a strong focus on digital solutions and internal IT services.

Company Size: 1100-1200 employees at the Metro Global Solution Center (MGSC).

Founded: MGSC was established in 2011, as part of METRO AG, a global wholesaler founded much earlier. This indicates a stable, established organization with a growing internal solution center.

Team Structure:

• The UI Developer will likely be part of a GTM Technology or Digital Solutions team within MGSC, composed of various specialists such as front-end developers, back-end developers, QA engineers, and product managers.

• This team will report into IT or Digital Transformation leadership, with potential dotted-line reporting to GTM Operations stakeholders who are primary users of the developed platforms.

Methodology:

• The team likely employs Agile methodologies (Scrum or Kanban) for software development, emphasizing iterative development, continuous feedback, and rapid adaptation.

• Data analysis and performance metrics (e.g., Lighthouse scores, Core Web Vitals, user engagement data) are crucial for driving process optimization and informing development decisions.

• Workflow planning and optimization are key, with a focus on creating efficient, user-friendly interfaces for internal GTM processes.

• Automation practices are expected, particularly in CI/CD, testing, and potentially in streamlining development workflows.

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

📝 Enhancement Note: Company context is derived from the provided LinkedIn Company Data and the "Company Description" HTML. The size and founding date suggest a mature organization with established processes but also a dynamic internal solutions center. The structure and methodology are inferred based on typical practices for internal IT/solution centers supporting global operations, especially in a retail/wholesale context where digital transformation is key.

📈 Career & Growth Analysis

Operations Career Level: This is a Senior/Lead UI Developer position within the GTM Technology domain. It signifies a high level of individual contribution and technical expertise, with the potential to influence architectural decisions for front-end GTM solutions. The role requires not just coding skills but also a strategic understanding of how UI impacts operational efficiency and user adoption.

Reporting Structure: The UI Developer will likely report to a Lead Front-end Engineer, a Development Manager, or a Head of GTM Technology. They will collaborate closely with GTM Operations Managers, Sales Operations Specialists, and other stakeholders who define the requirements for these internal tools.

Operations Impact: The UI Developer's work directly impacts the efficiency and effectiveness of the GTM organization. By creating intuitive, high-performing, and accessible interfaces for tools used in sales, marketing, and customer service, they contribute to improved user adoption, reduced training overhead, faster task completion, and ultimately, enhanced revenue generation and operational scalability.

Growth Opportunities:

• Technical Specialization: Deepen expertise in specific front-end technologies, performance optimization, accessibility standards, or explore related areas like front-end architecture or DevOps for front-end.

• Leadership Track: Progress into a Lead UI Developer role, mentoring junior developers, leading UI projects, and taking on more architectural responsibilities for GTM technology solutions.

• Cross-Functional Exposure: Gain deeper insights into GTM Operations, Sales Enablement, and other business functions, potentially transitioning into a Product Owner or Business Analyst role focused on GTM technology.

• Architectural Influence: Contribute to the strategic direction of the GTM technology stack, influencing technology choices and best practices for front-end development.

📝 Enhancement Note: This analysis is based on the "Experience Level" (10+ years) and the core responsibilities of a UI Developer within a corporate GTM context. The growth opportunities are tailored to a senior individual contributor role with potential for leadership and broader business impact within operations.

🌐 Work Environment

Office Type: The role is explicitly listed as "On-Site," indicating a traditional office-based work model. This suggests a structured work environment designed for collaboration and in-person interaction.

Office Location(s): The primary office location is at the 7th Floor, ITPP, Kharadi, Pune, Maharashtra, India (Postal Code: 411015). This is a modern IT park area in Pune, likely offering good infrastructure and accessibility.

Workspace Context:

• The workspace is expected to be a professional office environment within a technology hub, facilitating direct collaboration with colleagues.

• Access to standard office equipment, high-speed internet, and potentially dedicated development workstations with necessary software and tools.

• Opportunities for spontaneous team discussions, whiteboard sessions, and in-person knowledge sharing with fellow developers, designers, and operations stakeholders.

Work Schedule: The standard work schedule is likely 40 hours per week, primarily during Indian business hours (Asia/Kolkata time zone). While on-site, there might be some flexibility, but the expectation is consistent presence for team collaboration and project delivery.

📝 Enhancement Note: This section is derived from the "Work Model: On-Site" and location details provided in the raw data. The description of the workspace and schedule is inferred based on typical expectations for an on-site role in a corporate IT environment in India.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter or hiring manager will review your application and resume, focusing on your years of experience, core technical skills (JavaScript, HTML, CSS), and relevant GTM technology or operations exposure.

• Technical Assessment/Coding Challenge: Expect a practical coding exercise or a technical interview designed to evaluate your proficiency in JavaScript, responsive design, performance optimization, and problem-solving abilities. This might involve live coding, a take-home assignment, or a detailed discussion of your approach to common UI challenges.

• Portfolio Review: A dedicated session to walk through your portfolio. Be prepared to discuss specific projects, your role in them, the challenges you faced, the solutions you implemented, and the measurable impact (especially regarding performance, accessibility, and user experience).

• Team/Manager Interview: Discussions focused on your experience with GTM operations, cross-functional collaboration, understanding of business requirements, and cultural fit within the team. Questions may delve into how you approach documentation, testing, and code reviews.

• Final Interview: Potentially with senior leadership to discuss your strategic thinking, leadership potential, and alignment with the company's vision for GTM technology.

Portfolio Review Tips:

• Curate Strategically: Select projects that best showcase your expertise in JavaScript, responsive design, performance optimization, and accessibility. Prioritize projects that had a tangible impact on user experience or operational efficiency.

• Quantify Impact: For each project, clearly articulate the problem, your solution, and the measurable results. Use metrics like load time improvements, conversion rate increases, or user satisfaction scores.

• Highlight GTM Relevance: If possible, include projects that demonstrate an understanding of GTM workflows, CRM integrations, or sales enablement tools, even if developed in a different context.

• Explain Your Role: Be clear about your specific contributions, especially if working in a team. Detail your decision-making process, technical challenges overcome, and lessons learned.

• Accessibility & Performance Focus: Dedicate time to explaining your approach to WCAG compliance and performance optimization, as these are key requirements for the role.

Challenge Preparation:

• Practice Performance Optimization: Be ready to discuss how you would diagnose and fix performance issues in a given scenario, or how you would optimize a specific web page or application for speed.

• Simulate API Integration: Practice scenarios involving fetching data from REST APIs, managing state, and handling errors in JavaScript.

• Responsive Design Scenarios: Prepare to discuss how you would implement a responsive layout for a complex UI element or adapt a desktop design for mobile devices.

• Accessibility Audits: Understand common accessibility issues and how to address them, and be prepared to discuss WCAG guidelines.

📝 Enhancement Note: This section is crafted to provide actionable advice for candidates applying for this specific role, drawing from the outlined responsibilities and qualifications. The focus on portfolio presentation, technical challenges, and interview strategy is tailored to a senior UI development position within a GTM operations context.

🛠 Tools & Technology Stack

Primary Tools:

• JavaScript (ES6+): Core language for all front-end development.

• HTML5 & CSS3/SCSS: Foundation for web structure and styling.

• Figma: For design prototyping and handoff.

• Version Control: Git (with emphasis on Git workflow and CI/CD).

Analytics & Reporting:

• Performance Tools: Lighthouse, WebPageTest, browser developer tools for performance analysis.

• Analytics Platforms: Potentially Google Analytics or internal analytics tools for tracking user behavior and application performance.

• Dashboarding Tools: May be used to visualize performance metrics and user engagement data (e.g., Tableau, Power BI, or custom dashboards).

CRM & Automation:

• RESTful APIs: Essential for integrating front-end applications with back-end systems.

• Testing Frameworks: Jest, React Testing Library, Cypress, or Playwright for automated testing.

• Bundlers & Build Tools: Webpack, Vite, or similar for code splitting, optimization, and bundling.

• Potential Frameworks: While not the primary focus, familiarity with React/Next.js is a plus, indicating potential usage in other parts of the GTM tech stack.

📝 Enhancement Note: This list is compiled directly from the "Required Experience & Skills" and "Your Responsibilities" sections of the provided job description. The context is framed around their application in a GTM technology development environment.

👥 Team Culture & Values

Operations Values:

• Customer Focus: Prioritizing the needs of internal users (sales, marketing, operations teams) to deliver solutions that enhance their productivity and effectiveness.

• Efficiency & Optimization: A strong drive to improve processes, reduce development time, and optimize application performance for seamless operational workflows.

• Quality & Craftsmanship: Commitment to writing clean, maintainable, well-documented, and high-quality code, with a focus on pixel-perfect execution and robust architecture.

• Collaboration & Teamwork: Valuing open communication, constructive feedback, and shared ownership of projects, working effectively across different teams and disciplines.

• Continuous Learning: Embracing new technologies, methodologies, and best practices to stay ahead in the fast-evolving field of front-end development and GTM technology.

Collaboration Style:

• Cross-functional Integration: Working closely with GTM Operations, Product Managers, UX/UI Designers, and backend engineers to translate business requirements into functional and user-friendly interfaces.

• Agile & Iterative: Embracing Agile principles, participating in regular stand-ups, sprint reviews, and retrospectives to ensure alignment and continuous improvement.

• Code Review Culture: Actively participating in code reviews to ensure quality, share knowledge, and foster a collaborative learning environment.

• Data-Driven Feedback: Utilizing performance metrics and user feedback to inform design and development decisions, demonstrating a commitment to data-informed optimization.

📝 Enhancement Note: These values and collaboration styles are inferred based on the role's responsibilities, the company's nature as an internal solutions partner, and general best practices in modern software development and operations teams. The emphasis is on how these translate to a UI development role supporting GTM functions.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Performance and Features: Ensuring applications remain performant while incorporating new features and complex UI elements requested by GTM stakeholders.

• Cross-Browser/Device Compatibility: Maintaining consistent user experience across a wide range of browsers, devices, and operating systems used by a global workforce.

• Integrating with Legacy Systems: Potentially working with older backend systems or APIs that may have limitations, requiring creative front-end solutions.

• Keeping Pace with Technology: The front-end landscape evolves rapidly; staying updated with new tools, frameworks, and best practices requires continuous learning.

• Translating Business Needs: Effectively understanding and translating the nuanced requirements of GTM operations into intuitive and efficient UI solutions.

Learning & Development Opportunities:

• Advanced Front-End Techniques: Opportunities to explore and implement cutting-edge front-end patterns, state management solutions, and performance optimization strategies.

• Accessibility Expertise: Deepen knowledge and practical application of WCAG standards, becoming a go-to expert for accessibility within the GTM technology team.

• GTM Technology Domain Knowledge: Gain a comprehensive understanding of the GTM sales funnel, CRM systems, sales enablement tools, and analytics platforms, enhancing your ability to contribute strategically.

• Leadership & Mentorship: Develop leadership skills by mentoring junior developers, leading UI initiatives, and contributing to architectural discussions.

• Industry Conferences & Certifications: Potential for attending relevant industry conferences (e.g., web development, GTM technology) and pursuing certifications to enhance skills and knowledge.

📝 Enhancement Note: Challenges are identified based on common issues faced by UI developers, particularly in enterprise environments supporting complex business functions like GTM. Growth opportunities are tailored to a senior role, focusing on both technical advancement and career progression within the operations technology space.

💡 Interview Preparation

Strategy Questions:

• "Describe a time you had to significantly improve the performance of a web application. What was your approach, and what were the results?" (Focus on quantifiable metrics and specific techniques like code splitting, lazy loading, bundle analysis).

• "How do you ensure your UI development adheres to WCAG accessibility standards? Walk us through a project where you implemented accessibility features." (Be prepared to discuss specific WCAG guidelines and testing methods).

• "Imagine you're given a complex Figma design for a new sales dashboard. What are your first steps, and how would you approach building it to be responsive, performant, and maintainable?" (Demonstrate a structured approach to UI development, including component breakdown, API integration planning, and performance considerations).

Company & Culture Questions:

• "What interests you about METRO/MAKRO and specifically this role within our Global Solution Center?" (Research METRO's business model, GSC's role, and connect it to your skills).

• "How do you approach collaborating with non-technical stakeholders, such as those in GTM Operations or Sales?" (Highlight your communication skills and ability to translate technical concepts into business value).

Portfolio Presentation Strategy:

• Start with Impact: Begin by highlighting the most impactful projects and their quantifiable results (performance improvements, user experience enhancements, operational efficiency gains).

• Deep Dive into Key Projects: For 2-3 selected projects, provide a detailed walkthrough: problem statement, your specific role and contributions, technical challenges, solutions implemented (especially performance/accessibility), and outcomes.

• Showcase Code Quality: Be prepared to discuss code structure, reusability, and documentation practices. If possible, have access to a live demo or code repository.

• Address Technical Choices: Be ready to justify your technology choices, design patterns, and optimization strategies, linking them back to project goals and best practices.

• Tailor to GTM: Emphasize how your UI development skills can directly benefit GTM operations by improving the tools sales and marketing teams use daily.

📝 Enhancement Note: These interview preparation points are designed to guide candidates on how to best represent their skills and experience for this specific UI Developer role, emphasizing the GTM operations context. They align with the required skills, responsibilities, and the seniority of the position.

📌 Application Steps

To apply for this UI Developer position:

• Submit your application through the provided link on smartrecruiters.com.

• Portfolio Customization: Ensure your resume and any online portfolio prominently feature your extensive experience in JavaScript, HTML5, CSS3/SCSS, responsive design, and performance optimization. Highlight specific projects where you achieved significant improvements in load times or user experience.

• Resume Optimization: Tailor your resume to highlight keywords from the job description, such as "JavaScript (ES6+)", "Responsive Design", "Performance Optimization", "WCAG Accessibility", "REST APIs", and "CI/CD". Quantify your achievements wherever possible.

• Interview Preparation: Thoroughly review the interview preparation tips above. Practice articulating your experience with specific examples, especially focusing on how your UI development contributions have positively impacted operational efficiency or user adoption in previous roles.

• Company Research: Invest time in understanding METRO/MAKRO's business, the role of the Global Solution Center (MGSC), and the broader GTM strategy. This will help you align your responses with the company's goals and demonstrate your interest.

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