UI Engineer

📍 Job Overview

Job Title: UI Engineer

Company: Marsh McLennan (Mercer)

Location: Gurugram, Haryana, India

Job Type: Full-time

Category: Technology / Software Engineering / Frontend Development

Date Posted: September 3, 2026

Experience Level: Mid-Level (3-5 years)

Remote Status: Hybrid (3 days in office minimum)

🚀 Role Summary

• Develop and maintain the client-side of web applications, translating user needs into functional and visually appealing interactive interfaces.

• Collaborate closely with cross-functional teams, including backend developers, Product Managers, and QA, to deliver high-quality solutions from concept to deployment.

• Drive best practices in code quality, maintainability, and performance through design and code reviews.

• Analyze change requests, estimate development effort, and implement features efficiently within an Agile/Scrum framework.

• Ensure a seamless user experience across various browsers and devices by adhering to responsive and mobile-first design principles.

📝 Enhancement Note: This role is for a Frontend Developer, specifically a Software Developer II, focusing on the client-side of web applications. The emphasis is on translating business requirements into user-friendly interfaces, requiring a blend of technical expertise and collaborative skills. The hybrid work model mandates at least three days per week in the Gurugram office.

📈 Primary Responsibilities

• Write clean, well-structured, and maintainable code with a focus on quality and simplicity.

• Develop new responsive web pages and user interfaces using industry-standard HTML, CSS, and JavaScript frameworks.

• Implement new functionality and enhance existing features within the product.

• Analyze change requests and propose efficient implementation strategies.

• Participate actively in design reviews, code reviews, and test case reviews to ensure solution integrity.

• Collaborate with Product, QA, and Development teams to understand requirements and deliver features quickly.

• Identify and resolve UI flaws and bugs in existing web pages.

• Estimate development effort and manage tasks to ensure timely delivery to production.

• Contribute to the ideation, development, and deployment of new tools and components on the existing platform.

• Ensure cross-browser and device compatibility for all developed interfaces.

📝 Enhancement Note: The responsibilities highlight a proactive approach to development, emphasizing not just coding but also collaboration, analysis, estimation, and quality assurance. The role requires a developer who can contribute to the entire software development lifecycle, from understanding requirements to deploying and maintaining features.

🎓 Skills & Qualifications

Education: While not explicitly stated, a Bachelor's degree in Computer Science, Engineering, or a related field is typically expected for a Software Developer II role.

Experience: Minimum of 3 years of hands-on working experience with the React framework.

Required Skills:

• Strong understanding of Web Concepts and modern client-side web technologies.

• Proficiency in JavaScript, including modern ES6+ features.

• Extensive experience with the React JavaScript library for building user interfaces.

• Solid grasp of HTML5 and CSS3 for semantic structuring and styling.

• Experience working within an Agile/Scrum development methodology.

• Strong fundamentals in object-oriented design, data structures, algorithm design, problem-solving, and complexity analysis.

• Understanding of responsive design principles and mobile-first development strategies.

• Ability to create web interfaces that function consistently across different browsers and devices.

• Excellent analytical and problem-solving abilities. Preferred Skills:

• Experience with JavaScript frameworks such as AngularJS.

• Familiarity with the jQuery Library.

• Knowledge of TypeScript.

• Familiarity with backend Java Web Frameworks.

• Experience with CSS Frameworks like Bootstrap.

📝 Enhancement Note: The requirements emphasize deep expertise in React and core web technologies. The inclusion of preferred skills like TypeScript and Java backend knowledge suggests potential for full-stack exposure or collaboration with backend teams. The emphasis on fundamentals like data structures and algorithms points to a need for strong foundational computer science knowledge, crucial for complex problem-solving.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstrations of well-designed and clean code with an emphasis on quality, simplicity, and maintainability.

• Examples showcasing the translation of complex customer needs into functional and appealing interactive web applications.

• Case studies detailing the development of new responsive web pages using industry-standard HTML and CSS frameworks.

• Projects illustrating the identification and resolution of UI flaws in existing web pages.

• Evidence of working effectively within an Agile/Scrum environment, showing iterative development and delivery. Process Documentation:

• Examples of how you have analyzed change requests and proposed efficient implementation methods.

• Documentation or examples of code reviews and design reviews you have participated in or led.

• Demonstrations of estimating development effort and managing tasks through to production.

• Workflows or descriptions of how you collaborate with Product, QA, and backend teams.

📝 Enhancement Note: While a formal portfolio isn't explicitly requested, the requirement to "demonstrate your love for programming through code walk through for an existing project previously done" implies a need to present tangible work. Candidates should prepare to walk through a past project, highlighting code quality, problem-solving approaches, and their understanding of the development process.

💵 Compensation & Benefits

Salary Range: Based on industry standards for a UI Engineer/Frontend Developer with 3-5 years of experience in Gurugram, India, the estimated annual salary range is ₹8,00,000 to ₹15,00,000. This range can vary based on specific skills, interview performance, and the exact scope of responsibilities.

Benefits:

• Professional development opportunities to enhance skills and career growth.

• An inclusive and vibrant company culture fostering collaboration and innovation.

• A range of career opportunities within a large global organization.

• Rewards and benefits designed to enhance overall well-being.

Working Hours: Standard full-time working hours, likely 40 hours per week. The role requires a hybrid arrangement with a minimum of three days per week in the Gurugram office.

📝 Enhancement Note: Salary estimation is based on current market data for similar roles in Gurugram, India, considering the experience level and the technical stack required. Benefits are derived from the provided text, highlighting Mercer's commitment to employee growth and well-being within a collaborative environment.

🎯 Team & Company Context

🏢 Company Culture

Industry: Professional Services (Consulting, Risk Management, Human Resources) - Specifically within Mercer, a business of Marsh McLennan. This industry demands a high degree of client focus, analytical rigor, and innovative problem-solving.

Company Size: Marsh McLennan is a large global corporation (over 85,000 employees worldwide, with Mercer being a significant part of that). This indicates a structured environment with established processes, but also ample opportunities for career advancement and exposure to diverse projects.

Founded: Mercer was founded in 1945, and Marsh McLennan has a long history, signifying stability and deep industry expertise.

Team Structure:

• The role is within the Technology team at Mercer in Gurugram.

• It involves working with a team of "smart front end and back-end developers."

• Collaboration is expected with Product Team, QA Team, and Development teams.

• The role implies a Software Developer II level, suggesting a mid-career professional who can work independently and contribute significantly to team goals. Methodology:

• Agile/Scrum is the primary development methodology.

• Emphasis on code reviews, design reviews, and test case reviews to ensure quality.

• Focus on translating business/customer needs into functional applications.

• A drive for delivering high-quality solutions from envisioning to deployment.

Company Website: Mercer, Marsh McLennan

📝 Enhancement Note: The company culture is described as vibrant, inclusive, and focused on professional development and impact. The hybrid work model reflects a modern approach to work-life balance. The scale of Marsh McLennan suggests robust internal processes and a structured career path, while Mercer's specific focus on HR, investments, and retirement consulting implies a need for developers who can understand complex business logic.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a Software Developer II, a mid-level position. It requires established proficiency in core frontend technologies, particularly React, and the ability to work independently on features and collaborate effectively with a team. It's a step beyond entry-level, expecting contribution to design discussions and code quality.

Reporting Structure: The role reports into the Technology team at Mercer. While a direct manager isn't specified, it's typical for a Software Developer II to report to a Development Manager or Lead Developer, who in turn may report to a Director or VP of Engineering.

Operations Impact: As a UI Engineer, the impact is primarily on the user experience of Mercer's internal and/or client-facing applications. High-quality UI development directly influences user adoption, efficiency, satisfaction, and the overall perception of Mercer's digital offerings. This role contributes to the technological foundation that supports Mercer's consulting services.

Growth Opportunities:

• Skill Advancement: Deepen expertise in React, explore advanced JavaScript concepts, and potentially gain proficiency in TypeScript or backend Java technologies.

• Cross-functional Exposure: Gain experience working with backend systems, understanding API integrations, and collaborating closely with product and QA teams.

• Leadership Potential: With proven performance, opportunities may arise to mentor junior developers, lead small feature development efforts, or move towards a Senior UI Engineer or Tech Lead role.

• Professional Development: Mercer offers formal professional development programs, which can include training, certifications, and participation in industry events.

📝 Enhancement Note: The growth path is clearly defined from a mid-level developer role, focusing on deepening technical skills and gaining broader project experience. The emphasis on collaboration and quality suggests that demonstrating leadership potential through mentorship and strong technical contributions will be key to advancement.

🌐 Work Environment

Office Type: The role is designated as Hybrid, requiring a minimum of three days per week in the Gurugram office. This suggests a modern office space designed to facilitate collaboration and team interaction.

Office Location(s): Gurugram, Haryana, India. Specific details about the office facilities (e.g., amenities, accessibility) are not provided but can be expected in a professional corporate setting.

Workspace Context:

• Collaborative Environment: The hybrid model promotes in-person collaboration, team "anchor days," and face-to-face interaction with colleagues. This is beneficial for brainstorming, code reviews, and team-building.

• Tools and Technology: Access to standard development tools, high-speed internet, and necessary hardware will be provided. The tech stack includes modern frontend technologies like React, JavaScript, HTML, and CSS.

• Team Interaction: Opportunities to work closely with a diverse team of frontend and backend developers, Product Managers, and QA engineers, fostering a dynamic and interactive work environment.

Work Schedule: Standard full-time hours, with the flexibility of remote work for part of the week, balanced by required in-office days to foster teamwork and connectivity.

📝 Enhancement Note: The hybrid model is a key aspect of the work environment, balancing individual focus time with collaborative team engagement. The expectation of at least three days in the office emphasizes the company's commitment to in-person synergy, which is important for knowledge sharing and team cohesion in a tech environment.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: Likely a review of your resume and potentially a brief recruiter call to assess basic qualifications and interest.

• Technical Assessment: This could involve a coding challenge (e.g., a take-home assignment or live coding session) focusing on JavaScript, React, and problem-solving skills.

• Code Walkthrough: Be prepared to present and discuss a previously completed project, explaining your design choices, code structure, and problem-solving approach.

• Behavioral & Situational Interviews: Questions will assess your experience with Agile methodologies, teamwork, communication, and how you handle challenges. Expect questions about your approach to code reviews, collaboration with different teams, and translating requirements.

• Hiring Manager/Team Interview: A final discussion to assess cultural fit, team synergy, and overall suitability for the role and Marsh McLennan's values.

Portfolio Review Tips:

• Curate Select Projects: Choose 2-3 projects that best showcase your React proficiency, problem-solving skills, and understanding of clean, maintainable code.

• Focus on Impact: For each project, clearly articulate the problem you were solving, your specific contributions, the technologies used, and the outcome or impact.

• Code Quality: Be ready to demonstrate clean, well-commented code. Highlight your approach to testing, responsiveness, and cross-browser compatibility.

• Process Explanation: Explain your development process for the chosen projects, including how you approached requirements, collaborated with others (if applicable), and handled challenges.

• Prepare for "Why": Be ready to explain why you made certain technical decisions.

Challenge Preparation:

• Practice React Fundamentals: Ensure a strong grasp of hooks, state management, component lifecycle, and context API.

• JavaScript Algorithms: Brush up on common data structures and algorithms. Practice solving problems efficiently.

• Responsive Design: Understand how to implement responsive layouts using CSS and potentially frameworks like Bootstrap.

• Agile/Scrum Understanding: Be prepared to discuss your experience working in an Agile environment and your role within a Scrum team.

• Company Research: Understand Mercer's business and Marsh McLennan's overall mission to tailor your responses and demonstrate genuine interest.

📝 Enhancement Note: The emphasis on a "code walk through" is a key differentiator. Candidates must prepare to actively demonstrate their coding skills and thought process, not just talk about them. This requires selecting relevant projects and being ready to explain technical details clearly and concisely.

🛠 Tools & Technology Stack

Primary Tools:

• JavaScript: Core language for frontend development.

• React: The primary framework for building user interfaces.

• HTML5 & CSS3: For structure, styling, and layout.

• TypeScript (Preferred): For enhanced type safety and code quality.

• jQuery Library (Plus): May be present in legacy code or specific modules.

Analytics & Reporting:

• While not explicitly mentioned, frontend developers often work with analytics tools (e.g., Google Analytics, Adobe Analytics) to track user behavior and performance. Experience with these would be a plus.

• Familiarity with browser developer tools for debugging and performance analysis is essential. CRM & Automation:

• Not directly applicable to this frontend role, but understanding how frontend applications integrate with backend systems and APIs is crucial.

• Experience with build tools like Webpack or Vite and package managers like npm or Yarn is expected.

📝 Enhancement Note: The core technology stack is clearly defined around JavaScript and React. The inclusion of TypeScript and Java as preferred skills suggests opportunities for deeper technical engagement or potential future roles. A strong understanding of modern frontend build tools and browser developer tools is implicitly required.

👥 Team Culture & Values

Operations Values:

• Quality & Maintainability: Writing "clean well thought out design and code with an emphasis on quality, simplicity, and maintainability."

• Collaboration: "Communicate effectively and partner well with other disciplines of the project team."

• User Experience: Creating "functional and attractive digital environment," ensuring "a great user experience."

• Innovation & Efficiency: "Curious about new digital technologies," finding "possible ways of implementing the same on the product" and the "quickest possible way."

• Continuous Improvement: Engaging in "design reviews, code reviews, and test case reviews."

Collaboration Style:

• Cross-functional Integration: Works closely with backend developers, Product Managers, and QA teams.

• Open Communication: Encourages effective communication to deliver solutions.

• Team-Based Development: Operates within an Agile/Scrum framework, implying regular team syncs, stand-ups, and collaborative problem-solving.

• Feedback Loops: Participation in reviews (design, code, test) indicates a culture that values constructive feedback.

📝 Enhancement Note: The company culture values technical excellence, strong communication, and a collaborative spirit. The emphasis on quality and user experience aligns with best practices in software development. The hybrid model also suggests a culture that supports work-life integration.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Speed and Quality: Delivering features quickly within an Agile framework while maintaining high code quality and robust design.

• Cross-Browser/Device Compatibility: Ensuring a consistent and optimal user experience across a wide range of browsers and devices.

• Technical Debt Management: Identifying and addressing UI flaws or refactoring legacy code to improve maintainability.

• Integrating with Backend Systems: Understanding and effectively integrating with complex backend services and APIs.

• Adapting to Evolving Technologies: Staying current with the rapidly changing landscape of frontend technologies and frameworks.

Learning & Development Opportunities:

• Advanced React Training: Opportunities to master advanced React patterns, state management solutions (e.g., Redux, Zustand), and performance optimization techniques.

• TypeScript Proficiency: Developing expertise in TypeScript, which is increasingly becoming an industry standard for large-scale applications.

• Backend Exposure: Gaining familiarity with Java Web Frameworks can open doors to full-stack development or deeper understanding of system architecture.

• Industry Conferences & Certifications: Potential for attending relevant tech conferences or pursuing certifications in frontend development or cloud technologies.

• Mentorship: Learning from senior developers and potentially mentoring junior team members.

📝 Enhancement Note: The challenges are typical for a mid-level frontend role in a large organization, focusing on technical execution and cross-team collaboration. The growth opportunities are substantial, offering a clear path for technical specialization and potential leadership within the engineering team.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex UI component you built using React. What challenges did you face, and how did you overcome them?" (Focus on problem-solving, React specifics, and code quality.)

• "How do you ensure your frontend code is maintainable and scalable? Discuss your approach to code reviews and testing." (Focus on best practices, collaboration, and quality assurance.)

• "Walk me through your process for analyzing a new feature request and translating it into frontend development tasks." (Focus on requirements analysis, estimation, and planning.)

• "Describe a time you had to work closely with backend developers or QA engineers. How did you ensure smooth collaboration and integration?" (Focus on cross-functional communication and teamwork.) Company & Culture Questions:

• "What interests you about working at Mercer/Marsh McLennan, and specifically in this UI Engineer role?" (Research company values, business areas, and the role's impact.)

• "How do you approach working in a hybrid environment? What are your expectations for in-office collaboration?" (Align with the hybrid model and demonstrate proactivity.)

• "How do you stay updated with the latest trends and technologies in frontend development?" (Showcase continuous learning and passion for the field.) Portfolio Presentation Strategy:

• Structure: For each project, present: Problem -> Your Solution -> Technologies Used -> Key Features/Challenges -> Outcome/Impact.

• Code Showcase: Be ready to share your screen and walk through specific sections of code, explaining your logic, design patterns, and any optimizations.

• Metrics: If possible, highlight quantifiable improvements (e.g., performance gains, user satisfaction increases, bug reduction).

• Conciseness: Be clear, direct, and avoid overly technical jargon unless explaining a specific concept. Focus on demonstrating your thought process and problem-solving skills.

📝 Enhancement Note: Preparation should focus on demonstrating not just technical proficiency but also strong communication, problem-solving, and a collaborative mindset. The "code walk through" is a critical component; practice articulating your code and decisions clearly.

📌 Application Steps

To apply for this UI Engineer position:

• Submit your application through the provided link on the Marsh McLennan careers portal.

• Tailor Your Resume: Highlight your experience with JavaScript, React, HTML, CSS, and any preferred skills like TypeScript or Java. Quantify achievements where possible (e.g., "Reduced page load time by X%," "Developed Y new features").

• Prepare Your "Code Walkthrough" Project: Select a strong project that showcases your best work, focusing on clean code, problem-solving, and responsiveness. Be ready to discuss it in detail.

• Practice Interview Questions: Rehearse answers to common technical, behavioral, and situational questions, especially those related to Agile development and cross-functional collaboration.

• Research Mercer and Marsh McLennan: Understand their business, values, and recent initiatives to demonstrate genuine interest and cultural alignment.

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

---