UI Developer

📍 Job Overview

Job Title: UI Developer

Company: Citi

Location: Pune, Maharashtra, India

Job Type: Full-time

Category: Applications Development / UI Development

Date Posted: March 30, 2026

Experience Level: Intermediate (2-5 years)

Remote Status: Hybrid

🚀 Role Summary

• Drive the design, development, and implementation of cutting-edge UI/UX components for financial risk management applications, leveraging modern front-end frameworks.

• Contribute to the strategic evolution of the front-office technology stack by implementing Micro Frontend architectures and integrating robust REST APIs.

• Collaborate with global development teams to deliver innovative technology solutions within the Wholesale Credit Risk Technology division.

• Ensure the successful deployment and maintenance of applications through expertise in CI/CD pipelines and containerized environments.

• Actively participate in the full software development lifecycle, from research and analysis to bug resolution and production support.

📝 Enhancement Note: This role is positioned within the Wholesale Credit Risk Technology team, serving the Institutional Credit Management (ICM) division. The focus on Micro Frontend architecture and integration with REST APIs suggests a need for developers who can manage complex, modular UIs and ensure seamless data flow between services. The mention of "front office" indicates a direct impact on user-facing applications used by business stakeholders, requiring a strong emphasis on user experience and business alignment.

📈 Primary Responsibilities

• Design, develop, and maintain sophisticated UI/UX components using Angular and Typescript, ensuring high performance and scalability.

• Implement and integrate Micro Frontend architectures, enabling modularity and independent deployment of UI features.

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

• Contribute to the continuous integration and continuous deployment (CI/CD) pipelines, automating build, test, and deployment processes.

• Collaborate effectively with onshore, offshore, and matrixed development teams to ensure cohesive project delivery and architectural integrity.

• Investigate and resolve complex technical issues, including bug scenarios and production support challenges, escalating as necessary.

• Communicate development progress, technical challenges, and proposed solutions clearly to Project Leads and stakeholders.

• Participate in code reviews and contribute to the establishment of best practices in UI development and application architecture.

• Gain exposure to the Wholesale Credit Risk Division, understanding business needs and aligning technology solutions accordingly.

📝 Enhancement Note: The responsibilities highlight a hands-on development role requiring proficiency in modern front-end technologies and architectural patterns like Micro Frontends. The emphasis on collaboration with distributed teams and involvement in production support indicates a need for strong communication skills and a proactive approach to problem-solving within a complex financial services environment.

🎓 Skills & Qualifications

Education:

Experience:

• 3+ years of hands-on experience in front-end UI/UX development.

• Proven track record of building scalable and maintainable applications using Angular and Typescript.

Required Skills:

• Angular: Deep understanding and practical experience in building complex UIs with Angular.

• Typescript: Proficiency in Typescript for robust and maintainable JavaScript development.

• HTML/CSS: Solid foundation in semantic HTML and modern CSS techniques for responsive and accessible UIs.

• REST APIs: Experience in consuming and integrating with RESTful web services.

• Micro Frontend Architecture: Familiarity and hands-on experience with designing and implementing Micro Frontend patterns.

• Collaboration & Communication: Ability to work effectively within cross-functional, distributed teams and communicate technical progress clearly.

Preferred Skills:

• CI/CD Pipelines: Experience with setting up and managing CI/CD processes for front-end applications.

• Kubernetes & Containerization: Understanding of containerized environments and orchestration tools like Kubernetes.

• Financial Services Industry: Prior experience developing applications within the financial services sector.

• UI/UX Component Development: Demonstrated ability to create reusable and well-documented UI components.

📝 Enhancement Note: The "3+ years" requirement for Angular and Typescript, combined with experience in Micro Frontends and REST APIs, points to an intermediate developer role. The preference for CI/CD and Kubernetes suggests an environment that values automation and modern deployment practices. Experience in Financial Services is a strong plus, indicating that familiarity with industry regulations, security standards, and risk management concepts would be beneficial.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase at least two significant projects demonstrating expertise in Angular, Typescript, and UI/UX component development.

• Include examples of Micro Frontend implementations, highlighting architectural design choices and integration strategies.

• Provide clear documentation or explanations of how REST APIs were integrated and utilized within the applications.

• Demonstrate experience with version control systems (e.g., Git) and contributions to collaborative development workflows.

Process Documentation:

• For each project, briefly outline the development process followed, including any specific methodologies (e.g., Agile).

• Detail the steps taken to ensure code quality, such as unit testing, integration testing, and code reviews.

• Explain the approach to debugging and resolving issues encountered during development and testing phases.

• Describe how user feedback or business requirements were incorporated into the UI design and implementation.

📝 Enhancement Note: Applicants should prepare a portfolio that explicitly highlights their experience with Angular, Typescript, and Micro Frontends. Case studies detailing the challenges faced in integrating APIs or managing complex UI states within a Micro Frontend architecture would be highly valuable. Demonstrating an understanding of automated testing and deployment processes will also strengthen an application.

💵 Compensation & Benefits

Salary Range:

Benefits:

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

• Retirement savings plan with employer matching contributions.

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

• Professional development opportunities, including training programs and certifications.

• Employee assistance program (EAP) for confidential counseling and support.

• Potential for performance-based bonuses.

Working Hours:

• Standard full-time working hours are approximately 40 hours per week.

• While the role is hybrid, specific on-site days will be determined by team and business needs, likely requiring some days in the Pune office.

• Flexibility may be offered, with core hours for collaboration and potential for adjusted schedules based on project demands and team agreements.

📝 Enhancement Note: The estimated salary range is derived from current market data for UI Developers with 2-5 years of experience in Pune, India, considering the specific technical requirements (Angular, Typescript, Micro Frontends) and the industry (Financial Services). Benefits listed are typical for large, multinational corporations like Citi, aiming to attract and retain talent in specialized technology roles.

🎯 Team & Company Context

🏢 Company Culture

Industry: Financial Services (Banking and Financial Technology)

Company Size: Large (100,000+ employees globally)

Founded: 1812

Company Slogan: "Progress is the driving force."

Team Structure:

• The role is within the Wholesale Credit Risk Technology team, part of Global Functions Technology.

• This team likely consists of multiple sub-teams specializing in different areas of credit risk technology, including front-end development, back-end services, data engineering, and quality assurance.

• Expected to work closely with both onshore (likely US or UK based) and offshore (India based) development teams, as well as potentially business analysts and project managers.

Methodology:

• Citi, as a large financial institution, typically operates with structured development methodologies, often Agile (Scrum or Kanban) for iterative development and continuous delivery.

• Emphasis on robust processes for risk management, compliance, and security, which will influence development practices.

• Data-driven decision-making is paramount, with a focus on metrics for performance, stability, and business impact.

• Strong emphasis on collaboration and knowledge sharing across global teams to leverage expertise and ensure consistency.

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

📝 Enhancement Note: Citi's long history and global presence suggest a stable, well-established corporate culture. The emphasis on financial services implies a high degree of regulatory compliance, security consciousness, and a need for meticulous attention to detail in development. The hybrid nature of the role in Pune indicates a balance between in-office collaboration and remote flexibility, typical of large organizations adapting to modern work trends.

📈 Career & Growth Analysis

Operations Career Level: Intermediate Developer

• This role represents a mid-level position within the application development track.

• Responsibilities extend beyond basic coding to include architectural contributions, problem-solving complex issues, and collaborating on system design.

Reporting Structure:

• Typically reports to a Team Lead, Project Manager, or Engineering Manager within the Wholesale Credit Risk Technology department.

• Will collaborate extensively with peers in development, quality assurance, business analysis, and potentially product management.

Operations Impact:

• Directly impacts the front-end user experience for the Wholesale Credit Risk division, influencing how credit risk professionals analyze, manage, and report on credit exposures.

• Contributes to the efficiency and effectiveness of the credit risk assessment process by delivering robust, user-friendly, and performant applications.

Growth Opportunities:

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

• Architectural Acumen: Progress into roles with greater architectural responsibility, contributing to the design of larger systems and platforms.

• Leadership: Develop leadership skills through mentoring junior developers, leading small project teams, or taking on technical lead responsibilities.

• Cross-functional Exposure: Gain deeper understanding of the financial services domain, credit risk, and other technology areas within Citi.

• Senior Development Roles: Advance to Senior UI Developer or Lead UI Developer positions, taking ownership of major features or entire applications.

📝 Enhancement Note: The "Intermediate" level implies that candidates are expected to be largely self-sufficient in coding tasks but will still benefit from guidance on complex architectural decisions or strategic direction. The growth opportunities highlight a clear career path within Citi's technology division, catering to both technical mastery and emerging leadership skills.

🌐 Work Environment

Office Type: Hybrid Work Environment

Office Location(s): Pune, Maharashtra, India (Specific office address: PLOT NO-1, S.NO. 77)

Workspace Context:

• The Pune office is likely a modern corporate facility equipped with standard IT infrastructure, meeting rooms, and collaborative spaces.

• As a hybrid role, employees will have access to office resources on designated days, fostering in-person collaboration, team meetings, and access to specialized hardware or networks.

• Opportunities for informal knowledge sharing and networking with colleagues within the Pune office and potentially across different departments.

Work Schedule:

• The standard work week is Monday to Friday, aligning with typical business operations in India.

• Specific working hours may vary but generally fall within standard business hours (e.g., 9 AM to 6 PM IST), with flexibility to accommodate collaboration with international teams in different time zones.

• Core working hours will be established to ensure maximum availability for team sync-ups and project discussions.

📝 Enhancement Note: The hybrid model suggests a balance between the benefits of in-office interaction (collaboration, team building) and the flexibility of remote work. The Pune office location provides a physical hub for these activities, with employees expected to be present for a portion of the week to engage with the team and utilize office facilities.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: HR or recruiter conducts a brief call to assess basic qualifications, interest, and cultural fit.

• Technical Assessment: This may involve a coding challenge (online or take-home) focusing on Angular, Typescript, and problem-solving, or a live coding session.

• Technical Interview(s): In-depth discussions with hiring managers and senior developers covering technical skills, project experience, architectural understanding, and behavioral questions.

• Portfolio Review: Candidates will likely present their portfolio, discussing key projects, technical challenges, and solutions implemented.

• Final Interview: May involve a senior leader or cross-functional stakeholder to assess overall fit, strategic thinking, and alignment with team goals.

Portfolio Review Tips:

• Curate Select Projects: Choose 2-3 of your strongest projects that best demonstrate your Angular, Typescript, and Micro Frontend skills.

• Highlight Key Contributions: For each project, clearly articulate your specific role, responsibilities, and the impact of your work.

• Showcase Technical Depth: Be prepared to discuss architectural decisions, challenges faced (e.g., API integration, performance optimization, state management), and how you overcame them.

• Demonstrate Process: Explain your development workflow, including testing strategies, code reviews, and any CI/CD involvement.

• Quantify Achievements: Where possible, use metrics to illustrate the success of your work (e.g., performance improvements, reduction in bugs, user adoption rates).

• Focus on Relevance: Tailor your portfolio presentation to align with the requirements of this specific UI Developer role at Citi, emphasizing relevant technologies and financial services context if applicable.

Challenge Preparation:

• Angular Fundamentals: Brush up on core Angular concepts, component lifecycle, services, RxJS, forms, routing, and state management.

• Typescript Mastery: Be ready to discuss advanced Typescript features and best practices for type safety.

• Micro Frontend Concepts: Understand the trade-offs, common patterns (e.g., module federation, single-spa), and challenges of building Micro Frontends.

• API Integration: Practice scenarios involving fetching, posting, and handling data from RESTful APIs, including error handling.

• Problem-Solving: Prepare for algorithmic and logic-based questions, focusing on efficiency and clarity in your solutions.

• Behavioral Questions: Practice the STAR method (Situation, Task, Action, Result) for answering questions about teamwork, conflict resolution, and handling challenging projects.

📝 Enhancement Note: The interview process is designed to thoroughly assess technical proficiency, problem-solving abilities, and cultural fit. A well-prepared portfolio that clearly showcases relevant skills and experience is crucial. Candidates should anticipate technical challenges and be ready to articulate their thought processes clearly.

🛠 Tools & Technology Stack

Primary Tools:

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

• Typescript: The primary language for building applications.

• HTML5 & CSS3: For structuring and styling web interfaces.

• JavaScript (ES6+): For dynamic functionality.

Integration & APIs:

• RESTful APIs: Essential for data communication.

• JSON: Standard data format for API communication.

Development & Deployment:

• Git: Version control system for collaborative development.

• Node.js/npm/yarn: Package management and build tools.

• Webpack/Vite/similar bundlers: For module bundling and optimization.

• CI/CD Tools (e.g., Jenkins, GitLab CI, Azure DevOps): For automated builds, tests, and deployments.

• Kubernetes: For container orchestration and management.

Collaboration & Productivity:

• Jira/Confluence: Project management and documentation.

• IDE (e.g., VS Code): Integrated Development Environment.

Testing Tools:

• Jasmine/Karma: Unit testing frameworks for Angular.

• Protractor/Cypress/Playwright: End-to-end testing frameworks.

📝 Enhancement Note: Proficiency in Angular and Typescript is non-negotiable. Experience with Micro Frontend architectures, REST API integration, and modern development/deployment tools like CI/CD and Kubernetes are highly valued and expected for this role.

👥 Team Culture & Values

Operations Values:

• Integrity: Upholding the highest ethical standards in all aspects of work, critical in the financial services industry.

• Client Focus: Delivering solutions that meet the needs of internal clients (credit risk professionals) and ultimately contribute to client success.

• Innovation: Continuously seeking new and better ways to solve problems and improve technology solutions.

• Teamwork: Collaborating effectively across global teams to achieve common goals and share knowledge.

• Excellence: Striving for high quality, performance, and reliability in all delivered code and systems.

Collaboration Style:

• Global Team Integration: Working seamlessly with developers in different time zones and geographical locations, requiring strong asynchronous communication skills and cultural awareness.

• Cross-functional Partnership: Close collaboration with business analysts, product owners, QA engineers, and potentially risk management experts to ensure alignment and deliver comprehensive solutions.

• Agile Practices: Embracing Agile methodologies, which typically involve daily stand-ups, sprint planning, reviews, and retrospectives to foster continuous improvement and transparency.

• Knowledge Sharing: Actively participating in code reviews, technical discussions, and documentation to disseminate best practices and collective learning.

📝 Enhancement Note: Citi's culture likely emphasizes professionalism, a strong work ethic, and adherence to compliance and security protocols. The global nature of the team necessitates excellent communication and adaptability. The focus on innovation within a regulated environment suggests a balance between pushing technological boundaries and maintaining stability and security.

⚡ Challenges & Growth Opportunities

Challenges:

• Complexity of Financial Risk Systems: Navigating the intricate domain of wholesale credit risk, understanding complex financial instruments, regulations, and risk models.

• Global Collaboration: Effectively communicating and coordinating with distributed teams across different time zones and cultural backgrounds.

• Micro Frontend Integration: Managing the complexities of integrating multiple independent front-end applications into a cohesive user experience.

• Legacy System Integration: Potentially integrating modern front-end applications with existing legacy back-end systems.

• Maintaining High Standards: Ensuring code quality, security, and performance in a highly regulated financial environment.

Learning & Development Opportunities:

• Advanced Angular & Front-end Technologies: Opportunities to deepen expertise through training, workshops, and working on complex features.

• Micro Frontend Best Practices: Gaining hands-on experience and knowledge in advanced Micro Frontend patterns and implementation strategies.

• Financial Domain Expertise: Developing a strong understanding of Wholesale Credit Risk, financial markets, and regulatory requirements.

• Cloud & DevOps Practices: Exposure to CI/CD pipelines, Kubernetes, and modern deployment strategies.

• Career Progression: Potential to move into Senior Developer, Tech Lead, or Architect roles within Citi's technology organization.

📝 Enhancement Note: This role offers a significant opportunity to work on challenging problems within the financial services sector, specifically in credit risk technology. The growth path is clear, allowing for both technical deepening and potential leadership development.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex UI component you built using Angular and Typescript. What were the main challenges, and how did you address them?" (Focus on technical problem-solving, architectural thinking, and code quality.)

• "How would you approach building a Micro Frontend architecture for a large-scale application? What are the key considerations and potential pitfalls?" (Assess understanding of Micro Frontend design patterns and trade-offs.)

• "Walk me through your process for integrating a new REST API into an existing Angular application. What steps do you take to ensure robustness and error handling?" (Evaluate practical API integration skills and defensive programming.)

Company & Culture Questions:

• "Why are you interested in working at Citi, specifically within the Wholesale Credit Risk Technology team?" (Demonstrate research into Citi and understanding of the division's role.)

• "How do you approach collaborating with offshore and onshore development teams, especially across different time zones?" (Highlight communication skills, cultural awareness, and problem-solving in distributed environments.)

Portfolio Presentation Strategy:

• Structure: Begin with a brief overview of your role and the project's objectives. Then, dive into specific technical challenges you solved, focusing on Angular, Typescript, and Micro Frontend implementation.

• Visuals: Use diagrams to illustrate architecture, component interactions, or data flows. Show screenshots or live demos if possible.

• Metrics: Quantify your impact whenever possible (e.g., "improved load time by 20%," "reduced bug count by 15%").

• Storytelling: Frame your contributions as a narrative, explaining the problem, your solution, and the outcome.

• Q&A Readiness: Anticipate questions about your choices, alternatives considered, and lessons learned.

📝 Enhancement Note: Candidates should be prepared to discuss their past projects in detail, focusing on technical execution, problem-solving, and impact. Understanding Citi's commitment to financial services and risk management will be beneficial. Practicing explanations of complex technical concepts in a clear, concise manner is essential.

📌 Application Steps

To apply for this UI Developer position:

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

• Portfolio Customization: Ensure your resume and portfolio (if requested) clearly highlight your experience with Angular, Typescript, Micro Frontends, and REST API integration. Select projects that best showcase these skills.

• Resume Optimization: Tailor your resume to include keywords from the job description, such as "UI Developer," "Angular," "Typescript," "Micro Frontend," "REST APIs," "CI/CD," and "Financial Services." Quantify your achievements with specific metrics.

• Interview Preparation: Practice articulating your technical expertise and problem-solving skills. Be ready to discuss your portfolio projects in detail and answer behavioral questions using the STAR method.

• Company Research: Familiarize yourself with Citi's mission, values, and its role in the financial services industry. Understand the importance of credit risk technology for a global financial institution.

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