UI Developer

📍 Job Overview

Job Title: UI Developer

Company: Citi

Location: Pune, Maharashtra, India

Job Type: Full-time

Category: Applications Development / Front-End Engineering

Date Posted: March 30, 2026

Experience Level: Intermediate (2-5 years)

Remote Status: On-site

🚀 Role Summary

• This role is pivotal in the Wholesale Credit Risk Technology team, focusing on delivering innovative front-office solutions for Institutional Credit Management (ICM).

• The UI Developer will be instrumental in designing and implementing new application systems and programs, with a strong emphasis on front-end development using modern technologies.

• The position requires deep expertise in Angular and Micro Frontend architecture to build scalable and robust user interfaces for critical financial services applications.

• Collaboration with onshore, offshore, and matrix teams is essential for successful project execution and the delivery of business solutions within the Credit Risk division.

📝 Enhancement Note: While the title is "UI Developer," the description strongly aligns with a Front-End Developer role focused on enterprise-level applications within the financial services sector. The emphasis on specific technologies like Angular, Micro Frontends, and integration with APIs, along with the context of Wholesale Credit Risk, points towards a specialized front-end engineering position rather than a broad UI/UX design role.

📈 Primary Responsibilities

• Design, develop, and implement user interface components and features using Angular and Typescript, ensuring high performance and responsiveness.

• Build and integrate Micro Frontends, leveraging Angular architecture to create modular and scalable front-end applications.

• Develop and consume RESTful APIs to facilitate seamless data exchange between front-end applications and back-end services.

• Collaborate effectively with onshore and offshore development teams, as well as matrixed teams, to deliver integrated business solutions.

• Participate in the full software development lifecycle, including research, design, development, testing, deployment, and production support.

• Investigate and resolve complex technical issues and production support problems, escalating as necessary.

• Work within CI/CD pipelines and contribute to the deployment of applications on containerized platforms like Kubernetes.

• Communicate development progress, challenges, and solutions clearly and concisely to the Project Lead and relevant stakeholders.

📝 Enhancement Note: The responsibilities have been expanded to reflect typical duties for an intermediate front-end developer in a large financial institution, emphasizing the full lifecycle involvement and collaborative aspects.

🎓 Skills & Qualifications

Education:

Experience:

• 2-5 years of hands-on experience in front-end development, with a strong focus on enterprise-level applications.

Required Skills:

• Angular: 3+ years of in-depth experience developing applications using Angular.

• Typescript: Strong proficiency in Typescript for robust front-end development.

• HTML/CSS: Solid understanding and practical application of HTML5 and CSS3.

• Micro Frontends: Hands-on experience designing and integrating Micro Frontend architectures.

• RESTful APIs: Proven ability to integrate with and consume RESTful APIs.

• Collaboration: Demonstrated ability to effectively interact and collaborate with cross-functional development teams.

• Communication: Excellent verbal and written communication skills, with the ability to articulate technical progress and challenges.

Preferred Skills:

• CI/CD Pipelines: Experience working with Continuous Integration and Continuous Deployment pipelines.

• Kubernetes: Familiarity with Kubernetes or other container orchestration platforms.

• Financial Services: Experience developing applications within the financial services industry.

• Agile Methodologies: Experience working in Agile development environments.

• Unit Testing: Proficiency in writing unit tests for front-end applications.

📝 Enhancement Note: The skills section has been structured to clearly differentiate between required and preferred skills, aligning with the provided experience level and technology stack mentioned in the job description. Specific years of experience for key technologies have been inferred based on the "intermediate" level and the 3+ years mentioned for Angular.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Code Samples: Showcase well-structured, maintainable, and efficient code for Angular components, modules, and services.

• Project Demonstrations: Highlight specific projects involving Micro Frontend architecture, detailing the integration strategy and benefits.

• API Integration: Provide examples of how you've integrated front-end applications with RESTful APIs, demonstrating data handling and error management.

• Performance Optimization: Include examples or explanations of how you've optimized front-end performance, load times, and user experience.

• Testing Practices: Demonstrate experience with unit testing frameworks (e.g., Jasmine, Karma) and showcase test coverage for critical functionalities.

Process Documentation:

• Workflow Design: Ability to document front-end development workflows, from conceptualization to implementation, including component lifecycle management.

• Integration Strategy: Clearly articulate the process for integrating Micro Frontends and managing dependencies, as well as the approach for API integration.

• Performance Measurement: Outline methods for measuring and reporting on front-end performance metrics and user experience indicators.

• Troubleshooting Methodology: Document a systematic approach to investigating and resolving UI bugs and production issues.

📝 Enhancement Note: This section is tailored for a front-end development role. Portfolio requirements focus on tangible evidence of coding skills, architectural understanding (Micro Frontends), integration capabilities, and performance optimization, which are critical for evaluating a developer's suitability.

💵 Compensation & Benefits

Salary Range:

• Estimated Range: ₹12,00,000 - ₹22,00,000 per annum.

• Rationale: This estimate is based on market research for mid-level (2-5 years experience) UI/Front-End Developers in Pune, India, within the financial services industry, considering the specific technology stack (Angular, Micro Frontends) and the reputable nature of Citi. Salary benchmarks from platforms like Glassdoor, AmbitionBox, and LinkedIn Salary for similar roles in Pune were consulted.

Benefits:

• Comprehensive health insurance coverage for employees and dependents.

• Retirement savings plans and employee stock purchase options.

• Paid time off, including vacation, sick leave, and public holidays.

• Opportunities for professional development, training, and certifications.

• Employee assistance programs and wellness initiatives.

Working Hours:

• Standard full-time hours, typically 40 hours per week. Flexibility may be available, but core business hours and team collaboration needs will be prioritized. Adherence to Indian Standard Time (IST) or specific project requirements will be expected.

📝 Enhancement Note: Salary range is an estimate for Pune, India, for a mid-level developer. Benefits are standard for large financial institutions and are inferred based on industry practices. Working hours are also typical for full-time roles.

🎯 Team & Company Context

🏢 Company Culture

Industry: Financial Services / Banking Technology

Company Size: Large (100,000+ employees)

Founded: 1812

Company Description: Citi is a leading global financial services company with a mission to facilitate commerce, provide capital, and manage risk for its clients. They operate in over 160 countries and jurisdictions, offering a wide range of products and services to consumers, corporations, governments, and institutions.

Company Specialties: Banking, Financial Services, Investment Banking, Consumer Banking, Credit Cards, Treasury and Trade Solutions, Securities Services.

Team Structure:

• Operations: The role is within the Wholesale Credit Risk Technology team, part of the broader Applications Development group.

• Reporting: The UI Developer will likely report to a Development Lead or Manager within the ICM technology group.

• Collaboration: Close collaboration is expected with onshore and offshore development teams, business analysts, project managers, and credit risk business stakeholders.

Methodology:

• Agile Development: The team likely employs Agile methodologies (e.g., Scrum, Kanban) for iterative development and continuous delivery.

• Technology Focus: Emphasis on modern front-end technologies, microservices architecture, and robust integration strategies.

• Data-Driven: Decisions and development are informed by data analysis related to credit risk, market trends, and application performance.

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

📝 Enhancement Note: Company context has been derived from general knowledge of Citi and its industry position. The team structure and methodology are inferred based on the role's description and typical practices in large financial institutions.

📈 Career & Growth Analysis

Operations Career Level: Intermediate Front-End Developer

Reporting Structure:

Operations Impact:

Growth Opportunities:

• Technical Specialization: Deepen expertise in Angular, Micro Frontends, and related front-end technologies, potentially becoming a subject matter expert.

• Architectural Roles: Progress towards Senior UI Developer, Front-End Architect, or Solutions Architect roles, influencing technical direction and strategy.

• Leadership: Transition into Team Lead or Management roles, guiding development teams and mentoring junior engineers.

• Cross-Functional Exposure: Gain exposure to other areas of technology within Citi, such as back-end development, data engineering, or cloud infrastructure.

📝 Enhancement Note: This analysis focuses on the career trajectory for a front-end developer within a large enterprise like Citi, emphasizing technical growth, potential leadership paths, and the impact of their contributions on the business.

🌐 Work Environment

Office Type: Corporate Office Environment

Office Location(s): Pune, Maharashtra, India. The role is on-site, requiring regular attendance at the Citi office in Pune.

Workspace Context:

• Collaborative Spaces: The office likely features open-plan areas and meeting rooms designed to facilitate team collaboration and knowledge sharing among developers.

• Technology Infrastructure: Access to high-performance workstations, development tools, and robust network infrastructure necessary for enterprise-level development.

• Team Interaction: Regular opportunities for face-to-face interaction with team members, project leads, and potentially business stakeholders, promoting efficient communication and problem-solving.

Work Schedule:

• The typical work schedule will be full-time, aligning with standard business hours in India. While flexibility might exist, maintaining consistent availability for team syncs, stand-ups, and critical project phases is expected.

📝 Enhancement Note: The work environment description is based on typical corporate office settings for large financial institutions, emphasizing collaboration and the necessary technological resources for developers.

📄 Application & Portfolio Review Process

Interview Process:

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

• Technical Assessment: Candidates will likely undergo one or more technical interviews, which may include:

  • Live Coding Challenge: Solving a front-end development problem in real-time using Angular, Typescript, HTML, and CSS.
  • System Design Interview: Discussing architectural approaches for Micro Frontend implementation, API integration, and scalability.
  • Conceptual Questions: Testing understanding of core JavaScript, Angular concepts, and web performance best practices.

• Portfolio Review: Candidates may be asked to present specific projects from their portfolio, explaining their role, technical challenges, solutions, and outcomes.

• Behavioral Interview: Assessing soft skills, problem-solving approaches, teamwork, and alignment with Citi's values.

• Final Interview: A discussion with a senior leader or hiring manager to finalize the decision.

Portfolio Review Tips:

• Curate Select Projects: Choose 2-3 projects that best demonstrate your expertise in Angular, Micro Frontends, and API integration.

• Highlight Your Role: Clearly define your contributions, responsibilities, and the specific problems you solved within each project.

• Showcase Technical Depth: Be prepared to discuss design decisions, trade-offs, challenges encountered, and how you optimized performance or user experience.

• Explain Architecture: For Micro Frontend projects, articulate the chosen architecture, integration patterns, and the benefits it provided.

• Quantify Impact: Whenever possible, use metrics to demonstrate the success of your work (e.g., performance improvements, reduction in load times, increased user engagement).

Challenge Preparation:

• Practice Coding: Solve common front-end interview problems focusing on algorithms, data structures, and specific Angular scenarios. Practice coding in a browser-based IDE or a local setup.

• Review Angular Concepts: Refresh your knowledge on Angular's core features, lifecycle hooks, RxJS, state management, and component interaction.

• Understand Micro Frontend Patterns: Familiarize yourself with different Micro Frontend strategies (e.g., module federation, iframes, single-spa) and their pros/cons.

• API Integration Scenarios: Prepare to discuss how to handle API requests, responses, error handling, and asynchronous operations.

📝 Enhancement Note: This section provides actionable advice for preparing for interviews and presenting a portfolio, specifically tailored to a front-end developer role involving Angular and Micro Frontends.

🛠 Tools & Technology Stack

Primary Tools:

• Angular: The core framework for front-end development.

• Typescript: Essential for building robust and maintainable Angular applications.

• HTML/CSS: Fundamental for structuring and styling web interfaces.

• JavaScript: Underlying language for web interactivity.

• IDE: Visual Studio Code or similar advanced code editors.

Analytics & Reporting:

• Browser Developer Tools: For debugging, performance analysis, and network inspection.

• Performance Monitoring Tools: (e.g., Lighthouse, WebPageTest) for analyzing and optimizing application speed.

• Analytics Platforms: (e.g., Google Analytics, Adobe Analytics, internal tools) for tracking user behavior and application usage.

CRM & Automation:

• Version Control: Git (e.g., GitHub, GitLab, Bitbucket) for source code management and collaboration.

• CI/CD Tools: Jenkins, Azure DevOps, GitLab CI, or similar for automated builds, testing, and deployments.

• Containerization: Docker, Kubernetes for application deployment and management.

• API Tools: Postman or Insomnia for testing and interacting with APIs.

📝 Enhancement Note: This list focuses on the typical technology stack for a modern front-end developer in an enterprise environment, aligning with the skills mentioned in the job description.

👥 Team Culture & Values

Operations Values:

• Integrity First: Upholding the highest ethical standards in all actions and decisions, crucial in the financial sector.

• Client Focus: Prioritizing client needs and delivering solutions that add significant value to their operations and risk management.

• Innovation: Encouraging creative problem-solving and the adoption of new technologies to stay ahead in a competitive market.

• Excellence: Striving for high-quality code, robust applications, and efficient processes to ensure reliability and performance.

• Teamwork: Fostering a collaborative environment where knowledge is shared, and collective goals are achieved.

Collaboration Style:

• Cross-functional Integration: Developers are expected to work closely with business analysts, QA, and product owners to ensure alignment between technical solutions and business requirements.

• Open Communication: A culture that encourages open dialogue, constructive feedback, and proactive problem-solving among team members.

• Knowledge Sharing: Regular team meetings, code reviews, and documentation practices to disseminate knowledge and best practices across the team.

📝 Enhancement Note: This section infers typical corporate values for a large financial institution like Citi and describes a collaborative style expected in enterprise development teams.

⚡ Challenges & Growth Opportunities

Challenges:

• Legacy System Integration: Integrating modern front-end applications with existing legacy systems within a large financial institution can be complex.

• Scalability and Performance: Ensuring that applications remain performant and scalable for a large user base and high transaction volumes.

• Security Compliance: Adhering to stringent security protocols and compliance requirements inherent in the financial services industry.

• Cross-Team Dependencies: Managing dependencies and ensuring smooth collaboration across multiple onshore and offshore teams.

Learning & Development Opportunities:

• Advanced Angular Training: Access to specialized courses and workshops to master advanced Angular features and best practices.

• Cloud Technologies: Opportunities to learn and work with cloud platforms (e.g., AWS, Azure) for deployment and infrastructure management.

• Architecture and Design Patterns: Development of skills in software architecture, design patterns, and Micro Frontend strategies.

• Mentorship Programs: Participation in mentorship programs to gain guidance from experienced architects and senior developers.

📝 Enhancement Note: This section outlines common challenges faced by developers in enterprise financial institutions and highlights growth opportunities relevant to a front-end engineering career path.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex UI component you built using Angular. What were the main challenges, and how did you overcome them?" (Focus on problem-solving, technical choices, and component lifecycle.)

• "How would you approach building a Micro Frontend architecture for a large-scale application? What are the key considerations?" (Demonstrate understanding of architectural patterns, integration strategies, and trade-offs.)

Company & Culture Questions:

• "What interests you about working at Citi, specifically within the Wholesale Credit Risk Technology team?" (Research Citi's mission, values, and recent news in financial technology.)

• "How do you handle disagreements or differing technical opinions within a development team?" (Highlight collaborative problem-solving and communication skills.)

Portfolio Presentation Strategy:

• Structure: Start with a high-level overview of the project, your role, and the business problem it solved.

• Technical Deep Dive: Focus on key technical challenges, your specific solutions, and the technologies used (especially Angular and Micro Frontends).

• Demonstrate Impact: Quantify results where possible (e.g., performance improvements, user feedback).

• Be Prepared for Questions: Anticipate questions about your design decisions, alternative approaches, and future improvements.

📝 Enhancement Note: These interview questions and preparation strategies are tailored to assess the technical skills, problem-solving abilities, and cultural fit required for an intermediate UI Developer role at Citi.

📌 Application Steps

To apply for this UI Developer position:

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

• Portfolio Customization: Prepare a portfolio that prominently features projects demonstrating your proficiency in Angular, Typescript, and Micro Frontend architectures. Highlight specific examples of API integrations and performance optimizations.

• Resume Optimization: Tailor your resume to emphasize your 3+ years of Angular experience, Micro Frontend development, and any financial services industry exposure. Use keywords from the job description such as "Angular," "Typescript," "Micro Frontend," "REST APIs," and "CI/CD."

• Technical Preparation: Practice common Angular coding challenges and review concepts related to Micro Frontend patterns, state management, and API integration. Be ready to articulate your thought process clearly.

• Company Research: Familiarize yourself with Citi's business, its role in financial services, and its commitment to technology and innovation. Understand the importance of the Wholesale Credit Risk division.

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

---