Java UI Developer - Assistant Vice President

📍 Job Overview

Job Title: Java UI Developer - Assistant Vice President

Company: Citi

Location: Chennai, Tamil Nadu, India; Pune, Maharashtra, India

Job Type: FULL_TIME

Category: Applications Development / Technology

Date Posted: April 22, 2026

Experience Level: 10+ Years

Remote Status: On-site

🚀 Role Summary

• This Assistant Vice President role is pivotal in establishing and implementing new or revised application systems, focusing on advanced UI development within Citi's Technology division.

• The position requires deep expertise in modern JavaScript frameworks like Angular and ReactJs, coupled with a strong understanding of Micro Frontend Architecture to build scalable and maintainable user interfaces.

• Responsibilities include contributing to all phases of the software development lifecycle, from initial analysis and design to testing, implementation, and ongoing operational support, ensuring alignment with business needs.

• The role demands significant experience in backend technologies such as Java Spring Boot and Python, alongside database management, to support robust, API-driven application development.

📝 Enhancement Note: While the title is "Java UI Developer," the description emphasizes extensive UI/frontend responsibilities (Angular, ReactJs, Micro Frontend Architecture) alongside backend Java/Python skills. This suggests a full-stack leaning role with a strong emphasis on the user interface and its integration with backend services, common in modern enterprise application development. The "Assistant Vice President" title indicates a senior individual contributor or technical lead position with significant autonomy and potential for mentorship.

📈 Primary Responsibilities

• Lead the design, development, and implementation of complex UI solutions using Angular, ReactJs, and responsive web technologies (ES6, SCSS, HTML5), ensuring high performance and user experience.

• Architect and implement Micro Frontend Architectures to enhance modularity, scalability, and independent deployability of user interfaces.

• Collaborate with cross-functional teams, including business users, product managers, and other technology groups, to gather requirements, define technical specifications, and deliver effective application systems.

• Drive the adoption of best practices in responsive design, cross-browser compatibility, accessibility (WCAG), and UI testing frameworks (Jest, Karma, Cypress).

• Develop and maintain robust backend services using Java Spring Boot and Python frameworks (Django, Flask), implementing Microservices Architecture and ensuring seamless integration with frontend applications via RESTful APIs.

• Conduct feasibility studies, time/cost estimates, and IT planning for new application development initiatives, acting as a subject matter expert (SME).

• Monitor and control all phases of the development lifecycle, including analysis, design, construction, testing, and implementation, providing operational support to business users.

• Recommend and implement security measures in post-implementation analysis to ensure successful system design and functionality, while appropriately assessing and managing risk.

• Serve as an advisor and coach to junior developers and analysts, sharing in-depth specialty knowledge of applications development and problem-solving.

• Ensure adherence to established operating standards and processes, contributing to the definition and refinement of these procedures.

📝 Enhancement Note: The primary responsibilities highlight a blend of senior-level frontend development (UI, Micro Frontend Architecture, Angular, ReactJs) and backend development (Java Spring Boot, Python, Microservices), indicating a full-stack role with a strong emphasis on architectural contributions. The "Assistant Vice President" title implies leadership in technical decision-making and mentorship.

🎓 Skills & Qualifications

Education: Bachelor’s degree/University degree or equivalent experience in Computer Science, Engineering, or a related field.

Experience: 8-10 years of progressive experience in UI development and full-stack application development.

Required Skills:

• Expert-level proficiency in Angular (version 11 and above) and ReactJs.

• Deep understanding and practical experience with Micro Frontend Architecture principles and implementation.

• Strong command of core JavaScript concepts, design patterns, and responsive web technologies (ES6, HTML5, SCSS).

• Proven experience with responsive design, cross-browser compatibility, and accessibility best practices (WCAG).

• Extensive experience in developing RESTful APIs using Java Spring Boot and Python frameworks (Django, Flask).

• Solid understanding and implementation experience with Microservices Architecture.

• Intermediate-level database management skills with SQL.

• Excellent problem-solving, analytical, and debugging skills.

• Strong leadership, communication, and interpersonal skills, with the ability to operate with limited direct supervision.

Preferred Skills:

• Experience with UI testing frameworks such as Jest, Karma, and Cypress.

• Proficiency with state management libraries like NGRX (for Angular) or Redux (for React).

• Experience using component libraries such as PrimeNG, Kendo UI, or AG-Grid.

• Familiarity with AI-assisted development tools (e.g., GitHub Copilot).

• Experience with UX design principles and integration into development workflows.

📝 Enhancement Note: The requirements emphasize a senior-level developer with a strong specialization in modern frontend frameworks and architectures (Angular, ReactJs, Micro Frontend) while also requiring robust backend skills (Java Spring Boot, Python, Microservices). The "8-10 years" combined with "Assistant Vice President" title suggests a role that demands both deep technical expertise and leadership/mentorship capabilities. The inclusion of AI-assisted tools indicates a forward-thinking approach to development.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase of complex UI projects demonstrating mastery of Angular, ReactJs, and responsive web technologies.

• Examples of Micro Frontend Architecture implementation, highlighting modularity, scalability, and independent deployment strategies.

• Case studies of RESTful API development and integration using Java Spring Boot and Python, illustrating backend service design and performance.

• Demonstrations of Microservices Architecture implementation, including design patterns, communication protocols, and deployment strategies.

• Evidence of experience with database management using SQL, including schema design and query optimization.

Process Documentation:

• Documented workflows for application development, from initial requirements gathering and design through to testing, deployment, and post-production support.

• Detailed design documents for complex UI components, Micro Frontend architectures, and Microservices.

• Evidence of process optimization efforts, such as implementing CI/CD pipelines, improving testing strategies, or streamlining development workflows.

• Documentation of security measures and risk assessments integrated into the development and deployment processes.

• Examples of mentorship or knowledge-sharing processes developed for junior team members.

📝 Enhancement Note: For a senior role like AVP, a portfolio should not just showcase completed projects but also demonstrate a deep understanding of the processes and architectural decisions behind them. This includes architectural patterns, development methodologies, and how challenges were overcome. The focus on Micro Frontend and Microservices architecture implies a need for portfolio pieces that illustrate complex system design and integration.

💵 Compensation & Benefits

Salary Range: For an Assistant Vice President role with 8-10+ years of experience in a major Indian tech hub like Chennai or Pune, a competitive salary range is estimated between ₹25,00,000 - ₹45,00,000 per annum. This estimate is based on industry benchmarks for senior technology roles in India, considering the specialized skills in UI/full-stack development, Micro Frontend Architecture, and leadership expectations.

Benefits:

• Comprehensive health insurance coverage for employees and dependents.

• Retirement savings plans, including provident fund contributions.

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

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

• Employee assistance programs offering confidential counseling and support services.

• Potential for performance-based bonuses and annual increments.

• Access to Citi's global network of resources and employee networking groups.

Working Hours: Standard full-time working hours are typically 40 hours per week, with potential for overtime during critical project phases. The role is on-site, requiring presence in the Chennai or Pune office.

📝 Enhancement Note: Salary estimation for India is based on general market data for senior tech roles in major cities. The actual range can vary significantly based on specific skills, interview performance, and the final negotiation. The benefits listed are typical for large multinational corporations like Citi.

🎯 Team & Company Context

🏢 Company Culture

Industry: Financial Services (Banking and Financial Technology). Citi operates at the intersection of finance and technology, leveraging cutting-edge solutions to deliver banking services globally. This means operations professionals are expected to understand financial regulations, security protocols, and the critical nature of system reliability.

Company Size: Citi is a global financial institution with tens of thousands of employees worldwide, operating across numerous countries. This scale implies a structured environment with established processes, extensive resources, and opportunities for impact on a global scale. For operations roles, this means navigating complex organizational structures and collaborating across diverse teams.

Founded: 1812. With a long history, Citi has evolved significantly, adapting to technological advancements and market changes. This legacy suggests a culture that values stability and tradition while embracing innovation to remain competitive.

Team Structure:

• The Applications Development team is a core part of Citi's Technology division, likely comprising numerous specialized sub-teams. This role will be part of a team focused on UI development and potentially full-stack application solutions.

• Reporting structure will likely be hierarchical, with the Assistant Vice President (AVP) reporting to a Vice President (VP) or Director, and potentially mentoring junior developers.

Methodology:

• Data analysis and insights are crucial for understanding user behavior, application performance, and identifying areas for improvement in UI/UX and backend services.

• Workflow planning and optimization strategies will be applied to development processes, ensuring efficient delivery of features and bug fixes.

• Automation and efficiency practices are expected, particularly in areas like CI/CD, testing, and deployment, to support the high demands of a global financial institution.

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

📝 Enhancement Note: Given Citi's status as a major global bank, its culture will likely emphasize rigor, compliance, security, and a customer-centric approach, balanced with a drive for technological innovation. Operations professionals here must be adept at navigating large, complex organizations and contributing to mission-critical systems.

📈 Career & Growth Analysis

Operations Career Level: This "Assistant Vice President" role represents a senior individual contributor or technical lead position within the Applications Development function. It signifies a high level of technical expertise, significant experience (8-10+ years), and the capacity to operate with autonomy, make critical technical decisions, and mentor others. It's a crucial step for those looking to deepen their technical specialization or move into management.

Reporting Structure: The AVP will likely report to a Vice President (VP) or Director within the Applications Development group. They will have direct influence on the technical direction of projects and may lead small teams or provide technical guidance to a broader group of developers.

Operations Impact: This role has a direct impact on the user experience of Citi's digital platforms, influencing customer engagement, operational efficiency, and the adoption of new financial technologies. By developing robust, scalable, and user-friendly interfaces, the AVP contributes to Citi's ability to serve its clients effectively and maintain its competitive edge in the financial industry. Strong backend integration ensures the reliability and functionality of critical financial services.

Growth Opportunities:

• Technical Specialization: Deepen expertise in advanced UI architectures (e.g., Micro Frontend patterns), specific JavaScript frameworks, or full-stack development, potentially leading to Principal Engineer or Architect roles.

• Leadership Development: Transition into management roles, leading larger development teams, or taking on product ownership responsibilities within the technology division.

• Cross-Functional Mobility: Opportunities to move into related areas like product management, technical program management, or specialized areas of FinTech development.

• Global Exposure: Leverage Citi's global presence for opportunities in different regions or on international projects.

📝 Enhancement Note: The AVP title at Citi suggests a significant level of responsibility and potential for growth. Career progression typically involves moving towards more strategic technical leadership, architectural design, or team management, with opportunities to impact global platforms.

🌐 Work Environment

Office Type: Citi operates with a hybrid work model, typically requiring a significant presence in the office for collaboration, team meetings, and strategic discussions, especially for senior roles like AVP. The specific days in office will be determined by team and management policies.

Office Location(s): Chennai and Pune are major IT and business hubs in India, offering well-equipped office spaces designed for collaboration and productivity. These locations provide access to talent, infrastructure, and a vibrant professional community.

Workspace Context:

• The workspace will foster collaboration, with opportunities to engage directly with fellow developers, architects, product managers, and business stakeholders.

• Access to modern development tools, high-performance computing resources, and robust network infrastructure is standard.

• The environment encourages knowledge sharing through team huddles, code reviews, and internal tech talks, supporting the continuous learning needed in FinTech.

Work Schedule: While the standard work week is 40 hours, the dynamic nature of financial services and application development may require flexibility to meet project deadlines or address critical production issues. This role is on-site, requiring full-time commitment to the office location.

📝 Enhancement Note: For an on-site AVP role in a global bank, the environment is expected to be professional, structured, and focused on security and compliance, while also encouraging innovation and collaboration.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: HR or recruiter review of application and resume to assess basic qualifications.

• Technical Screening: An interview with a hiring manager or senior team member to assess core technical skills, experience with key technologies (Angular, ReactJs, Java Spring Boot, Microservices), and understanding of architectural concepts.

• Technical Assessment/Coding Challenge: A practical exercise, potentially a live coding session or a take-home assignment, focused on UI development, problem-solving, and demonstrating proficiency in required languages/frameworks. This may include building a small component or solving a specific algorithmic problem.

• System Design Interview: A discussion focused on architectural design principles, particularly around Micro Frontend and Microservices, API design, and scalability, often presented as a case study.

• Behavioral/Managerial Interview: Assessment of leadership potential, communication skills, problem-solving approach, cultural fit, and experience with mentoring and stakeholder management. Questions will probe how you handle challenges, work in teams, and align with Citi's values.

• Final Round: May involve interviews with senior leadership to validate overall fit and potential impact.

Portfolio Review Tips:

• Curate Selectively: Focus on 2-3 high-impact projects that best demonstrate your expertise in Angular, ReactJs, Micro Frontend Architecture, and full-stack development.

• Highlight Architecture: For each project, clearly explain the architectural decisions made (e.g., why Micro Frontend was chosen, how services were designed), the challenges faced, and the solutions implemented.

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

• Code Samples: Provide access to well-organized, commented code repositories (e.g., GitHub) for key projects, showcasing coding standards and best practices.

• Explain Your Role: Clearly articulate your specific contributions, especially if the project was a team effort.

• Prepare for Questions: Be ready to discuss your design choices in detail, justify your technology selections, and explain how you handled trade-offs.

Challenge Preparation:

• Practice Coding: Sharpen your skills in JavaScript, TypeScript, Angular, and ReactJs, focusing on common interview patterns and data structures.

• System Design Scenarios: Prepare for system design questions related to building scalable UIs, microservices, and APIs. Think about scalability, performance, security, and resilience.

• Micro Frontend Concepts: Be ready to discuss patterns like module federation, single-spa, or similar approaches for integrating micro frontends.

• Behavioral Responses: Prepare STAR method (Situation, Task, Action, Result) examples for common leadership, teamwork, problem-solving, and conflict-resolution scenarios.

📝 Enhancement Note: The interview process for an AVP role at a financial institution like Citi will be rigorous, focusing heavily on technical depth, architectural thinking, and leadership capabilities. A well-prepared portfolio that clearly articulates process and impact is critical.

🛠 Tools & Technology Stack

Primary Tools:

• Frontend Frameworks: Angular (version 11+), ReactJs.

• Core Web Technologies: JavaScript (ES6+), TypeScript, HTML5, SCSS/CSS.

• UI Component Libraries: PrimeNG, Kendo UI, AG-Grid.

• State Management: NGRX (for Angular), Redux (for React).

• Testing Frameworks: Jest, Karma, Cypress.

• AI-Assisted Development: GitHub Copilot or similar tools.

Analytics & Reporting:

• Tools for performance monitoring and user analytics (e.g., Google Analytics, Adobe Analytics, internal Citi tools).

CRM & Automation:

• Backend Development: Java Spring Boot, Python (Django, Flask).

• Architecture: Microservices Architecture, Micro Frontend Architecture.

• API Development: RESTful API design and implementation.

• Database Management: SQL (various dialects), potentially NoSQL databases.

• Version Control: Git, GitHub/GitLab/Bitbucket.

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

📝 Enhancement Note: This stack reflects a modern, enterprise-level application development environment, combining sophisticated frontend frameworks with robust backend services and a focus on automation and best practices. Proficiency across this stack is essential.

👥 Team Culture & Values

Operations Values:

• Integrity First: Upholding the highest ethical standards in all actions, crucial for a financial institution where trust is paramount. This translates to secure coding, accurate data handling, and transparent communication.

• Client Focus: Delivering exceptional value and service to internal and external clients through reliable, user-friendly, and efficient applications.

• Excellence: Striving for the highest quality in development, design, and problem-solving, constantly seeking to improve processes and outcomes.

• Innovation: Embracing new technologies and methodologies (like AI-assisted development, Micro Frontend) to drive efficiency and enhance user experience in a rapidly evolving FinTech landscape.

• Respect: Valuing diverse perspectives and fostering an inclusive environment where all team members can contribute effectively.

Collaboration Style:

• Cross-functional Integration: Actively collaborating with product, business, QA, and backend teams to ensure seamless integration of UI components with backend services and alignment with business objectives.

• Process Review Culture: Participating in regular code reviews, design discussions, and retrospectives to continuously improve development processes and product quality.

• Knowledge Sharing: Proactively sharing expertise through documentation, internal presentations, and mentoring junior colleagues to build collective team capability.

📝 Enhancement Note: Citi's values are deeply ingrained in its operations. For an AVP, demonstrating alignment with these values through actions and decision-making in daily work is as important as technical skill.

⚡ Challenges & Growth Opportunities

Challenges:

• Complexity of Financial Systems: Navigating the intricate regulatory landscape, security requirements, and legacy systems within a global financial institution.

• Scalability and Performance: Ensuring that UI and backend systems can handle massive transaction volumes and user loads effectively, especially during peak times.

• Rapid Technological Evolution: Keeping pace with the fast-changing landscape of frontend frameworks, architectural patterns, and development tools while maintaining stability.

• Cross-Team Dependencies: Effectively managing dependencies and communication across multiple development teams and business units in a large organization.

Learning & Development Opportunities:

• Advanced Architecture Certifications: Pursuing certifications in cloud architecture, microservices, or specific platform technologies.

• FinTech Specialization: Deepening knowledge in financial technologies, blockchain, AI in finance, or regulatory compliance.

• Leadership Training: Participating in Citi's internal leadership development programs to hone management and strategic planning skills.

• Industry Conferences: Attending major tech conferences (e.g., JSConf, AWS re:Invent) to stay abreast of industry trends and network with peers.

📝 Enhancement Note: This role offers significant opportunities to tackle complex challenges in a high-stakes environment, fostering rapid professional growth and deep domain expertise.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex UI challenge you faced in a Micro Frontend architecture and how you solved it, focusing on component communication and state management." (Preparation: Have a specific case study ready, detailing the problem, your approach using NGRX/Redux or other state management, and the impact.)

• "How would you design a scalable RESTful API for a new feature that needs to integrate with multiple microservices? Discuss error handling, versioning, and security considerations." (Preparation: Outline a system design approach, considering API gateways, message queues, and authentication/authorization mechanisms.)

Company & Culture Questions:

• "How does your experience with UI development and microservices align with Citi's commitment to 'Integrity First' and client focus?" (Preparation: Research Citi's core values and prepare anecdotes that demonstrate your alignment with these principles.)

• "Given Citi's global scale, how do you approach collaborating with geographically dispersed teams and stakeholders?" (Preparation: Discuss your experience with remote collaboration tools, time zone management, and cross-cultural communication.)

Portfolio Presentation Strategy:

• Storytelling Approach: Frame each portfolio piece as a narrative: the business problem, your technical solution (emphasizing architectural choices), the challenges, and the quantifiable results.

• Interactive Demo (if possible): If showcasing a web application, be prepared to give a brief, live walkthrough, highlighting key features and design patterns.

• Focus on "Why": Be ready to explain the rationale behind your technology choices, design patterns, and trade-offs made during development. For example, why Angular over React, why a specific microservice pattern, etc.

• Code Snippet Discussion: Be prepared to discuss specific code snippets that exemplify complex logic, clean architecture, or best practices.

• Address Role Relevance: Tailor your presentation to highlight skills and experiences most relevant to the job description, such as Micro Frontend Architecture and Java Spring Boot integration.

📝 Enhancement Note: For an AVP role, expect in-depth technical and system design discussions, alongside behavioral assessments that probe leadership and strategic thinking. Your portfolio should be a key tool to illustrate your expertise and problem-solving capabilities.

📌 Application Steps

To apply for this operations position:

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

• Tailor Your Resume: Customize your resume to prominently feature your experience with Angular, ReactJs, Micro Frontend Architecture, Java Spring Boot, Python, and Microservices. Quantify your achievements with specific metrics where possible.

• Prepare Your Portfolio: Select 2-3 of your most impactful projects that best showcase your expertise in the required technologies and architectural patterns. Ensure code repositories are clean, well-documented, and accessible.

• Practice Interview Responses: Rehearse answers to common technical, system design, and behavioral questions, especially those related to leadership, problem-solving, and your experience with large-scale applications.

• Research Citi: Understand Citi's business, its role in the financial industry, its technology initiatives, and its core values to articulate how you align with the company and the role.

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

---