Senior UI Developer - Angular or React JS - Assistant Vice Presient

📍 Job Overview

Job Title: Senior UI Developer - Assistant Vice President

Company: Citi

Location: Pune, Maharashtra, India

Job Type: Full-Time

Category: Technology / Applications Development

Date Posted: April 01, 2026

Experience Level: 8-10 Years (Assistant Vice President)

Remote Status: Hybrid

🚀 Role Summary

• This role is for a Senior UI Developer, functioning at the Assistant Vice President (AVP) level within Citi's Technology division, focusing on Applications Development.

• The position requires expert-level proficiency in modern front-end frameworks such as Angular and ReactJS, with a strong emphasis on building robust and scalable user interfaces.

• The Senior UI Developer will be instrumental in the establishment and implementation of new or revised application systems and programs, collaborating closely with the broader Technology team.

• This role demands a deep understanding of core UI development principles, including TypeScript, HTML, CSS3, JavaScript, and best practices for responsive and accessible design.

📝 Enhancement Note: The "Assistant Vice President" title signifies a senior individual contributor role with significant technical leadership expectations and potential for influencing architectural decisions, rather than direct people management. The "Hybrid" work arrangement implies a requirement to be in the office for a portion of the week, balancing remote flexibility with in-person collaboration.

📈 Primary Responsibilities

• Lead the design, development, and implementation of complex user interfaces using Angular or ReactJS, ensuring high performance, scalability, and maintainability.

• Collaborate with product managers, designers, and backend engineers to translate business requirements and user stories into high-quality, production-ready UI code.

• Conduct thorough code reviews, provide constructive feedback, and mentor junior developers to foster a culture of technical excellence and continuous learning.

• Participate in the full software development lifecycle, including requirements gathering, technical design, development, testing, deployment, and ongoing support for UI applications.

• Drive the adoption of AI-assisted development tools (e.g., GitHub Copilot) to enhance developer productivity and explore innovative solutions for UI development challenges.

• Ensure adherence to accessibility standards (WCAG) and implement responsive design principles for cross-browser and cross-device compatibility.

• Contribute to the evaluation of business processes, system processes, and industry standards, recommending advanced programming solutions and best practices for UI development.

• Assist in the establishment and enforcement of operating standards and processes for front-end development within the technology team.

📝 Enhancement Note: The responsibilities highlight a blend of individual technical contribution and leadership. The mention of "feasibility studies, time and cost estimates, IT planning, risk technology" indicates that senior developers are expected to contribute to the strategic planning and technical assessment phases of projects, not just execution.

🎓 Skills & Qualifications

Education:

Experience:

• 8-10 years of professional experience in User Interface (UI) development.

Required Skills:

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

• Deep understanding and practical application of TypeScript, HTML5, and CSS3 (including preprocessors like SASS/LESS).

• Extensive knowledge of core JavaScript concepts, ES6+ features, and common design patterns.

• Demonstrated experience with responsive design techniques and ensuring cross-browser compatibility.

• Strong understanding and practical application of accessibility best practices (WCAG 2.1 AA or higher).

• Proven experience with AI-assisted development tools such as GitHub Copilot, and a proactive approach to exploring and integrating new technologies.

• Excellent problem-solving, analytical, and debugging skills, with a methodical approach to identifying and resolving technical issues.

• Strong leadership qualities, with the ability to guide technical discussions and mentor team members.

• Excellent verbal and written communication skills, with the ability to articulate technical concepts clearly to diverse audiences.

Preferred Skills:

• Experience with AG Grid or similar advanced data table libraries for complex data visualization.

• Familiarity with UI testing frameworks such as Jest, Karma, Cypress, or Playwright.

• Experience with state management libraries like NgRx (for Angular) or Redux/Zustand (for ReactJS).

• Understanding of UX design principles and best practices.

• Familiarity with backend development technologies (e.g., Node.js, Java) and API integration.

• Contributions to open-source projects or a strong GitHub profile showcasing personal projects.

📝 Enhancement Note: The "8-10 Years Exp" and "Assistant Vice President" title strongly suggest the need for deep technical expertise, architectural thinking, and the ability to mentor and guide other developers. The emphasis on modern framework versions (11+) indicates a requirement for up-to-date knowledge.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase a portfolio of at least 3-5 significant UI projects, demonstrating expertise in Angular or ReactJS.

• For each project, clearly articulate the problem statement, your specific role and contributions, the technologies used, and the impact of your work (e.g., performance improvements, user adoption, efficiency gains).

• Include examples of responsive design implementations, cross-browser compatibility solutions, and accessibility features.

• Provide evidence of working with complex data structures, state management, and API integrations.

Process Documentation:

• Be prepared to discuss your approach to UI development workflows, including:

  • Agile methodologies (Scrum/Kanban) and your role within them.

  • Code review processes and how you provide and receive feedback.

  • Testing strategies for UI components and end-to-end flows.

  • Collaboration with design and backend teams to ensure seamless integration.

  • Your process for incorporating new technologies or AI-assisted tools into development.

📝 Enhancement Note: For a Senior UI Developer role at an AVP level, a robust portfolio is crucial. It should not only display technical skill but also demonstrate problem-solving capabilities, architectural thinking, and the ability to deliver impactful solutions. Quantifiable results (e.g., "reduced load time by 25%") are highly valued.

💵 Compensation & Benefits

Salary Range:

Benefits:

• Comprehensive health insurance coverage (medical, dental, vision) for employees and eligible dependents.

• Retirement savings plan with company matching contributions.

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

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

• Opportunities for professional development, training, and certifications.

• Access to Citi's global network and resources.

• Potential for performance-based bonuses and incentives.

Working Hours:

• Standard full-time employment, typically 40 hours per week.

• While core hours are expected, there may be flexibility depending on project needs and team agreements, aligning with a hybrid work model.

• Occasional overtime may be required to meet project deadlines.

📝 Enhancement Note: The salary range is an estimate based on market data for similar roles in Pune, India, considering the specified experience level and the AVP title. Actual compensation will be determined by individual qualifications, experience, and Citi's compensation policies.

🎯 Team & Company Context

🏢 Company Culture

Industry: Financial Services / Banking Technology

Company Size: Large (Over 10,000 employees globally)

Founded: 1812 (Citibank) / 1998 (Citigroup)

Team Structure:

• The Applications Development team is part of Citi's broader Technology organization, which is globally distributed.

• This role likely sits within a specific product or platform team focused on developing front-end solutions for banking applications.

Methodology:

• Citi employs a combination of Agile methodologies (Scrum, Kanban) for software development, often adapted to the scale and regulatory requirements of a global financial institution.

• Emphasis is placed on robust SDLC processes, rigorous testing, security best practices, and compliance with financial regulations.

• Data-driven decision-making is encouraged, leveraging analytics to inform development priorities and measure the impact of new features.

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

📝 Enhancement Note: Citi's culture is characterized by a strong emphasis on compliance, risk management, and global standards, combined with a drive for technological innovation. As a senior member, understanding these aspects will be critical.

📈 Career & Growth Analysis

Operations Career Level: Senior Individual Contributor / Technical Leadership (Assistant Vice President)

Reporting Structure:

• Typically reports to a Technology Lead, Development Manager, or Director within the Applications Development group.

Operations Impact:

• The UI development team directly impacts the user experience of Citi's clients and internal users, influencing customer satisfaction, operational efficiency, and the adoption of new digital services.

Growth Opportunities:

• Technical Specialization: Deepen expertise in specific UI frameworks, state management, performance optimization, or front-end architecture.

• Technical Leadership: Progress to roles like Lead UI Developer, Principal UI Engineer, or Solutions Architect, taking on greater responsibility for technical strategy and design.

• Cross-Functional Movement: Transition into backend development, full-stack engineering, or even product management roles leveraging strong technical understanding.

• Management Track: For those interested, there may be opportunities to move into people management roles, leading development teams.

📝 Enhancement Note: The AVP title suggests a career trajectory focused on deep technical mastery and influence, rather than immediate management. Growth opportunities will likely involve increasing scope, complexity, and strategic input.

🌐 Work Environment

Office Type: Hybrid

Office Location(s): TOWER B, EON FREE ZONE II, Pune, Maharashtra, India

Workspace Context:

• The Pune office is a modern, professional environment designed to support collaborative work.

• As a hybrid role, expect a mix of in-office collaboration and remote work. The office space will likely be equipped with necessary technology for seamless team interaction, including meeting rooms with video conferencing capabilities.

Work Schedule:

• Standard working hours apply, with a hybrid arrangement allowing for a balance of in-office and remote work. Specific days in the office may be dictated by team needs or company policy, encouraging collaboration and team cohesion.

📝 Enhancement Note: The hybrid nature of the role means candidates should be comfortable with both independent work and in-person team collaboration. The Pune office location is a key detail for understanding commute and local working conditions.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter or hiring manager will review your application and resume for basic qualifications.

• Technical Assessment: This may involve a coding challenge (online or take-home) focusing on Angular/ReactJS, JavaScript, TypeScript, and problem-solving.

• Hiring Manager Interview: A discussion focused on your experience, technical skills, and fit for the team.

• Panel Interview: A session with senior developers or architects to deep-dive into your technical expertise, architectural thinking, and problem-solving approaches. Be prepared to discuss your portfolio projects in detail.

• Behavioral/Cultural Fit Interview: Assessment of your soft skills, collaboration style, and alignment with Citi's values.

• Final Round: Potentially a discussion with a senior leader (e.g., Director) for final approval.

Portfolio Review Tips:

• Select projects that best showcase your expertise in Angular/ReactJS, TypeScript, and complex UI development.

• For each project, prepare a concise narrative: problem, your solution, technical details, and quantifiable results.

• Be ready to walk through code examples, explain architectural decisions, and discuss trade-offs made.

• Highlight your experience with modern development practices, testing, and accessibility.

Challenge Preparation:

• Practice coding problems focused on algorithms, data structures, and JavaScript/TypeScript fundamentals.

• Familiarize yourself with common UI patterns and how to implement them efficiently.

• Prepare to discuss your approach to debugging complex issues and optimizing front-end performance.

• Be ready to explain your thought process clearly and communicate your solutions effectively.

📝 Enhancement Note: The interview process is likely to be rigorous, evaluating both technical depth and the ability to operate at a senior level within a large, regulated organization. A well-prepared portfolio and clear articulation of technical decisions are paramount.

🛠 Tools & Technology Stack

Primary Tools:

• Frameworks: Angular (v11+), ReactJS (v11+)

• Languages: TypeScript, JavaScript (ES6+), HTML5, CSS3

• AI-Assisted Development: GitHub Copilot (or similar)

• State Management: NgRx, RxJS (for Angular); Redux, Zustand, Context API (for ReactJS)

• Component Libraries: Material Design components, Ant Design, or custom component libraries.

• Build Tools: Webpack, Vite, Parcel, Angular CLI, Create React App.

Analytics & Reporting:

• Web analytics tools (e.g., Google Analytics, Adobe Analytics) for tracking user behavior.

• Performance monitoring tools (e.g., Lighthouse, WebPageTest, browser developer tools) for optimization.

CRM & Automation:

• While primarily a UI role, familiarity with how front-end applications integrate with backend systems (APIs, microservices) is essential. Experience with tools like Postman for API testing is beneficial.

• Understanding of CI/CD pipelines (e.g., Jenkins, GitLab CI, Azure DevOps) for automated deployments.

• Version Control: Git (mandatory).

📝 Enhancement Note: The explicit mention of Angular or ReactJS, TypeScript, and AI-assisted development tools highlights the core technical requirements. Familiarity with state management and testing frameworks is a strong plus.

👥 Team Culture & Values

Operations Values:

• Innovation: Encouraging the exploration and adoption of new technologies, including AI-assisted development, to improve efficiency and user experience.

• Excellence: A commitment to delivering high-quality, robust, and performant UI solutions that meet stringent industry standards.

• Collaboration: Fostering a team-oriented environment where knowledge sharing and cross-functional teamwork are encouraged.

• Accountability: Taking ownership of tasks and projects, ensuring successful delivery and continuous improvement.

• Integrity & Risk Management: Upholding Citi's commitment to ethical practices, security, and compliance in all development activities.

Collaboration Style:

• Expect a highly collaborative environment, working closely with Product Managers, UX Designers, Backend Developers, QA Engineers, and other stakeholders.

• Agile ceremonies (stand-ups, sprint planning, retrospectives) are standard.

• Open communication and feedback loops are valued to ensure alignment and continuous improvement.

📝 Enhancement Note: Citi, as a major financial institution, places a high value on integrity, compliance, and robust processes. The culture will reflect this, balancing innovation with a strong sense of responsibility.

⚡ Challenges & Growth Opportunities

Challenges:

• Bridging Frameworks: If your primary experience is in one framework (e.g., React), you'll need to quickly become proficient in the other (Angular) or demonstrate mastery of your primary framework while understanding the other's principles.

• Legacy Systems Integration: Working with existing enterprise systems that may have older architectures or technologies.

• Performance Optimization: Ensuring complex financial applications remain fast and responsive across various devices and network conditions.

• Navigating Large Organizations: Adapting to the processes, approvals, and communication channels within a global enterprise like Citi.

• Staying Ahead of Trends: Continuously learning and adapting to the rapidly evolving UI development landscape, including new frameworks, tools, and AI advancements.

Learning & Development Opportunities:

• Access to Citi's internal learning platforms and training resources.

• Opportunities to attend industry conferences and workshops.

• Mentorship from senior technical leaders within the organization.

• Potential for specialized training in areas like performance engineering, accessibility, or specific architectural patterns.

• Exposure to a wide range of financial products and services, providing context for UI development.

📝 Enhancement Note: The challenges are typical for senior roles in large tech firms, requiring adaptability, continuous learning, and strong problem-solving skills. The growth opportunities are significant due to Citi's scale and commitment to employee development.

💡 Interview Preparation

Strategy Questions:

• Be prepared to discuss your approach to designing and building reusable UI components. How do you ensure consistency and maintainability?

• Explain how you would optimize the performance of a slow-loading web application. What tools and techniques would you use?

• Describe a time you encountered a significant technical challenge in a UI project. How did you approach it, what was the outcome, and what did you learn?

• How do you stay updated with the latest trends and technologies in UI development? How do you evaluate whether to adopt a new technology?

Company & Culture Questions:

• Why are you interested in working for Citi, specifically in this Senior UI Developer role?

• How do you handle conflicting priorities or feedback from different stakeholders?

• Describe your ideal team environment and how you contribute to a positive team dynamic.

Portfolio Presentation Strategy:

• Structure your presentation clearly: Introduction -> Problem -> Solution (Technical Details) -> Results -> Learnings.

• For each project, focus on your specific contributions and the impact you made.

• Be ready to answer detailed technical questions about your code, architectural choices, and trade-offs.

• Use diagrams or mockups to illustrate complex concepts or user flows.

• Practice your presentation to ensure it's concise, engaging, and within the allocated time.

📝 Enhancement Note: Prepare specific examples that demonstrate not just technical skill, but also your ability to think critically, solve problems, and collaborate effectively within a structured environment.

📌 Application Steps

To apply for this Senior UI Developer position:

• Submit your application through the official Citi careers portal via the provided URL.

• Resume Optimization: Tailor your resume to highlight your expertise in Angular/ReactJS, TypeScript, and the specific requirements mentioned in the job description. Quantify achievements wherever possible (e.g., "Improved page load speed by X%").

• Portfolio Preparation: Ensure your online portfolio is up-to-date and easily accessible. Select 3-5 of your strongest projects that best represent your skills and experience relevant to this role.

• Technical Practice: Refresh your knowledge of JavaScript, TypeScript, Angular/ReactJS fundamentals, data structures, and algorithms. Practice coding challenges.

• Company Research: Familiarize yourself with Citi's mission, values, and recent technology initiatives. Understand the importance of UI development in the financial services industry.

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

---