Anugular Developer(FIGMA exp)-Vice President

📍 Job Overview

Job Title: Angular Developer (FIGMA exp) - Vice President

Company: Citi

Location: Chennai, Tamil Nadu, India

Job Type: FULL_TIME

Category: Applications Development / Technology Leadership

Date Posted: 2026-04-22

Experience Level: 10+ Years (Vice President Level)

Remote Status: On-site

🚀 Role Summary

• This Vice President-level role focuses on leading complex application development initiatives, demanding extensive experience in Angular and UI design principles.

• The position requires a deep understanding of system analysis, programming, and the ability to define and implement enhancements for product launches and process improvements.

• A critical aspect involves acting as a Subject Matter Expert (SME) in Applications Development, providing technical leadership and strategic guidance.

• The role necessitates strong project management and leadership skills to drive high-impact projects and mentor junior team members, ensuring adherence to architectural blueprints and coding standards.

📝 Enhancement Note: The "Vice President" title indicates a senior leadership position within Citi's Technology organization, suggesting significant responsibility for strategic direction, team management, and impactful project delivery. The emphasis on Angular and Figma points towards a role heavily involved in front-end development and UI/UX strategy, requiring a blend of technical depth and design sensibility.

📈 Primary Responsibilities

• Lead and direct applications systems analysis and programming activities, ensuring alignment with business objectives and technology strategy.

• Collaborate with multiple management teams to ensure seamless integration of functions and achieve organizational goals.

• Identify and define necessary system enhancements to support new product introductions and optimize existing business processes.

• Resolve complex technical challenges and high-impact projects through in-depth analysis of business processes, system flows, and industry best practices.

• Serve as a Subject Matter Expert (SME) in Applications Development, providing advanced knowledge and ensuring application designs adhere to the overall architecture blueprint.

• Define and enforce coding, testing, debugging, and implementation standards to maintain high-quality software delivery.

• Provide technical leadership and mentorship to mid-level developers and analysts, including work allocation and performance guidance.

• Conduct thorough risk assessments for business decisions, prioritizing regulatory compliance, ethical conduct, and the safeguarding of company assets and reputation.

• Drive innovation in application design and development, proposing and implementing advanced solutions to complex problems.

• Ensure clear and concise communication of technical strategies, project status, and potential risks to stakeholders at various levels.

📝 Enhancement Note: The responsibilities highlight a dual focus on technical execution (programming, system analysis, coding standards) and strategic leadership (partnering with management, defining enhancements, risk assessment, mentoring). The mention of "architecture blueprint" and "industry standards" emphasizes the need for a developer with a strong grasp of enterprise-level software design principles.

🎓 Skills & Qualifications

Education:

• Bachelor’s degree in Computer Science, Engineering, Information Technology, or a related field, or equivalent practical experience.

Experience:

• A minimum of 12 years of progressive experience in software development, with a strong specialization in application systems analysis and programming.

• Proven experience in managing and successfully implementing complex software development projects from inception to completion.

• Demonstrated ability to act as a Subject Matter Expert (SME) in at least one core area of Applications Development.

• Experience in adapting to changing priorities and managing multiple concurrent initiatives in a dynamic environment.

Required Skills:

• Angular: Extensive hands-on experience developing complex applications using Angular frameworks and libraries.

• UI Capabilities (FIGMA): Proficiency in leveraging Figma for UI design, wireframing, prototyping, and collaborating with design teams to translate requirements into user-friendly interfaces.

• Systems Analysis: Strong ability to analyze complex business and system processes, identify inefficiencies, and propose effective technical solutions.

• Programming: Deep understanding of software development principles, coding best practices, and proficiency in multiple programming languages relevant to enterprise application development.

• Architecture Blueprint Adherence: Ability to interpret and adhere to established technical architecture blueprints and design patterns.

• Debugging & Troubleshooting: Advanced skills in identifying, diagnosing, and resolving complex software defects and performance issues.

• Technical Coaching: Experience in mentoring and guiding junior developers, fostering skill development and adherence to coding standards.

• Risk Assessment: Competence in evaluating technical and business risks associated with development projects and strategic decisions.

• Compliance & Policy Adherence: Understanding and application of relevant laws, regulations, and company policies in all development activities.

• Written & Verbal Communication: Consistently demonstrates clear, concise, and effective communication skills, both in technical documentation and interpersonal interactions.

Preferred Skills:

• Experience with additional front-end frameworks or libraries.

• Familiarity with Agile/Scrum development methodologies.

• Knowledge of CI/CD pipelines and DevOps practices.

• Experience with cloud platforms (e.g., AWS, Azure, GCP).

• Understanding of data security principles and best practices.

📝 Enhancement Note: The explicit mention of "FIGMA exp" alongside "Angular" is a key differentiator, suggesting that this role is not just about coding but also about contributing to the user interface design and user experience strategy. The "Vice President" title and 12+ years of experience point towards a senior individual contributor or a lead role with significant technical influence.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Angular Application Showcase: A portfolio demonstrating the development of robust, scalable, and maintainable Angular applications, highlighting complex features and problem-solving.

• UI/UX Design Integration: Examples showcasing the effective use of Figma for creating wireframes, interactive prototypes, and final UI designs, with a clear explanation of how these designs were implemented in Angular.

• Process Optimization Case Studies: Documented instances where your analytical skills led to significant improvements in development processes, system performance, or user workflows.

• System Architecture Contributions: Evidence of involvement in defining or adhering to application architecture blueprints, demonstrating an understanding of enterprise-level system design.

• Project Leadership Examples: Case studies detailing successful management of complex software development projects, including scope, timeline, and resource management.

Process Documentation:

• Workflow Design & Optimization: Ability to document and articulate existing development workflows and propose optimized alternatives, focusing on efficiency and quality.

• Implementation & Automation Strategies: Experience in outlining strategies for the implementation of new features and the automation of repetitive development tasks.

• Performance Analysis & Measurement: Methods for measuring and reporting on the performance of developed applications and development processes, including key metrics and their impact.

📝 Enhancement Note: For a senior role at this level, the expectation is a portfolio that not only showcases technical proficiency in Angular but also a strategic understanding of UI/UX integration using tools like Figma. The emphasis should be on demonstrating impact through process optimization and successful project delivery, not just code samples.

💵 Compensation & Benefits

Salary Range:

As this is a Vice President-level position at a major financial institution like Citi, the compensation package is expected to be highly competitive and commensurate with extensive experience and leadership responsibilities. Based on industry benchmarks for VP-level Technology roles in Chennai, India, with 10+ years of experience in specialized areas like Angular and UI development, the estimated annual base salary range would be between ₹35,00,000 to ₹70,00,000 INR. This range can vary significantly based on individual qualifications, specific team needs, and Citi’s internal compensation structure.

Benefits:

• Comprehensive Health Insurance: Medical, dental, and vision coverage for employees and eligible dependents.

• Retirement Savings Plans: Generous contributions to provident funds and other retirement savings schemes.

• Performance-Based Bonuses: Annual bonus opportunities tied to individual and company performance.

• Stock Options/Equity: Potential for stock grants or employee stock purchase plans, reflecting the VP-level position.

• Paid Time Off: Generous vacation, sick leave, and public holiday allowances.

• Professional Development: Access to training programs, certifications, conferences, and tuition reimbursement for continuous learning.

• Wellness Programs: Employee assistance programs, wellness initiatives, and fitness subsidies.

• Life and Disability Insurance: Coverage for life insurance and long-term/short-term disability.

• Relocation Assistance: Potential support for relocation if applicable.

Working Hours:

• Standard working hours are typically 40 hours per week.

• Given the senior nature of the role and its on-site requirement, flexibility may be expected to meet project deadlines and business needs, potentially involving extended hours or work outside of standard business hours during critical phases.

📝 Enhancement Note: The salary estimate for this VP-level role in Chennai is based on research from reputable salary aggregators specializing in the Indian tech market, considering factors like experience (10+ years), specific skill sets (Angular, Figma), and the seniority implied by the "Vice President" title within a global financial institution. The benefits listed are standard for large, multinational corporations like Citi, tailored to attract and retain senior talent.

🎯 Team & Company Context

🏢 Company Culture

Industry: Financial Services / Banking Technology. Citi operates within the highly regulated and dynamic global financial services sector, requiring robust, secure, and scalable technology solutions. This context demands a strong focus on compliance, risk management, and innovation to stay competitive.

Company Size: Citi is a global financial services corporation with over 200,000 employees worldwide. This large scale offers opportunities for broad impact, exposure to diverse business lines, and extensive internal career mobility, but can also mean navigating complex organizational structures.

Founded: Citi was founded in 1812, boasting a long and rich history in banking and financial services. This legacy implies a culture that values stability, long-term relationships, and deep expertise, while also adapting to modern technological advancements and market shifts.

Team Structure:

• Operations Team: Likely part of the broader Applications Development function within Citi's Technology division. The team may consist of specialized developers, system analysts, testers, and project managers, potentially organized by product line or technology stack.

• Reporting Structure: As a Vice President, the role likely reports to a Director or Managing Director within the Applications Development hierarchy. The team itself may include Senior Analysts, Developers, and potentially junior technical staff.

• Cross-Functional Collaboration: Expect extensive collaboration with various business units (e.g., Retail Banking, Institutional Clients Group), product management, cybersecurity, infrastructure teams, and other technology departments to deliver integrated solutions.

Methodology:

• Data Analysis & Insights: Emphasis on using data to understand application performance, user behavior, and business impact, driving informed decision-making.

• Workflow Planning & Optimization: Structured approaches to planning development cycles, optimizing workflows for efficiency, and ensuring timely delivery of high-quality software.

• Automation & Efficiency Practices: Proactive identification and implementation of automation opportunities across the development lifecycle, from testing to deployment, to enhance productivity and reduce manual effort.

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

📝 Enhancement Note: Citi's status as a global financial institution means that technology roles are critical for its operations and innovation. The culture likely balances a demanding, results-oriented environment with a strong emphasis on compliance, security, and ethical conduct. The scale of the organization suggests opportunities for exposure to a wide array of financial products and services.

📈 Career & Growth Analysis

Operations Career Level: This role is at the Vice President (VP) level, indicating a senior leadership position within Citi's Technology organization. It signifies a high degree of technical expertise, strategic thinking, and the ability to influence technical direction and mentor other professionals. The scope of responsibility extends beyond individual contribution to encompass team leadership and significant project ownership.

Reporting Structure: The VP typically reports to a Director or Managing Director, overseeing a team of developers and analysts. This position is integral to the success of the Applications Development function, contributing to the strategic planning and execution of technology roadmaps.

Operations Impact: The impact of this role is substantial, directly influencing the quality, efficiency, and user experience of critical customer-facing and internal applications. Successful delivery of projects can lead to improved customer satisfaction, operational efficiency, revenue generation, and a stronger competitive position for Citi in the financial services market.

Growth Opportunities:

• Technical Specialization & Leadership: Deepen expertise in Angular, UI/UX, and related technologies, potentially becoming a Principal Engineer or Architect.

• Management Track: Transition into higher leadership roles such as Director or Managing Director, managing larger teams and broader technology portfolios.

• Cross-Functional Mobility: Opportunity to move into related areas such as Product Management, Program Management, or strategic technology planning within Citi's diverse business units.

• Continuous Learning & Development: Access to Citi's extensive learning resources, industry certifications, and opportunities to attend leading tech conferences to stay abreast of evolving technologies.

📝 Enhancement Note: The VP title at Citi implies a significant level of responsibility and potential for future career advancement within the organization. The emphasis on both technical depth (Angular, Figma) and leadership suggests a well-rounded professional who can drive both innovation and execution.

🌐 Work Environment

Office Type: This role is designated as "On-site," indicating a traditional office-based work environment. This setting fosters direct collaboration, team cohesion, and immediate access to resources and colleagues.

Office Location(s): Chennai, Tamil Nadu, India. This location is a major IT and business hub, offering access to a large talent pool and a vibrant professional community.

Workspace Context:

• Collaborative Environment: The on-site nature facilitates spontaneous discussions, team brainstorming sessions, and direct mentorship opportunities, crucial for complex development challenges.

• Tools & Technology: Employees will have access to Citi's robust IT infrastructure, including high-performance workstations, secure network access, and a suite of development tools and platforms.

• Team Interaction: Opportunities for regular face-to-face interactions with team members, project managers, and stakeholders, promoting a strong sense of team identity and shared purpose.

Work Schedule: The standard work schedule is likely 40 hours per week, with potential for overtime during critical project phases. The on-site requirement emphasizes a structured work environment where team members are physically present for core working hours.

📝 Enhancement Note: The "On-site" classification is important for candidates seeking a traditional office environment. Chennai's status as a significant tech hub in India suggests a well-supported corporate campus with ample resources for employees.

📄 Application & Portfolio Review Process

Interview Process:

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

• Technical Interviews: Expect multiple rounds of technical interviews focusing on Angular proficiency, UI/UX concepts, Figma usage, system design, and problem-solving. These may include coding exercises and architectural discussions.

• Case Study/Project Presentation: A significant portion of the process may involve presenting a past project from your portfolio, detailing your role, technical approach, challenges faced, and outcomes achieved, with a specific focus on Angular and Figma contributions.

• Leadership & Behavioral Interviews: Interviews designed to assess leadership capabilities, project management skills, mentoring experience, risk assessment, and how you handle challenging situations, aligning with Citi's values.

• Final Round (VP Level): This may involve discussions with senior leadership (Director/MD) to evaluate strategic thinking, business acumen, and overall fit for the Vice President role.

Portfolio Review Tips:

• Curate Select Projects: Choose 2-3 of your most impactful projects that best showcase your Angular development expertise and your integrated use of Figma for UI/UX.

• Highlight Your Role: Clearly define your specific contributions, especially for team-based projects. Emphasize your leadership in design and development.

• Quantify Impact: Use metrics to demonstrate the success of your projects. For example, improvements in user engagement, conversion rates, performance load times, or development efficiency achieved through your work.

• Figma Integration: Specifically articulate how you used Figma to inform your Angular development, showing the bridge between design and implementation. Discuss trade-offs or challenges in translating designs into functional code.

• Technical Depth: Be prepared to deep-dive into the technical architecture, coding patterns, and challenges you overcame in your Angular projects.

• Presentation Clarity: Structure your presentation logically, starting with the problem, your proposed solution (including design aspects), the implementation details, and the final results.

Challenge Preparation:

• Angular Deep Dive: Brush up on core Angular concepts, component lifecycle, state management, RxJS, and performance optimization techniques.

• Figma Proficiency: Be ready to discuss your workflow in Figma, how you collaborate with designers, and how you translate mockups into responsive, functional UI components.

• System Design: Practice designing scalable and maintainable front-end architectures for complex applications.

• Behavioral Questions: Prepare STAR method (Situation, Task, Action, Result) responses for common leadership and problem-solving scenarios.

📝 Enhancement Note: The emphasis on a portfolio review and presentation suggests that Citi values tangible evidence of a candidate's capabilities. Candidates should be prepared to not only discuss their technical skills but also to articulate their strategic thinking and impact through real-world examples.

🛠 Tools & Technology Stack

Primary Tools:

• Angular: The core front-end framework for application development. Proficiency in Angular versions 8+ is likely expected.

• Figma: Essential for UI design, wireframing, prototyping, and collaborative design workflows. Understanding of its features for component libraries and design systems is beneficial.

• TypeScript: The primary language used with Angular, requiring strong command.

• HTML5/CSS3/SCSS: Foundational web technologies for front-end development.

• JavaScript (ES6+): For broader web development capabilities and understanding.

Analytics & Reporting:

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

• Performance Monitoring Tools: Such as Lighthouse, WebPageTest, or integrated APM tools for front-end performance analysis.

• Analytics Platforms: Potentially Google Analytics, Adobe Analytics, or internal Citi analytics tools for user behavior tracking.

CRM & Automation:

• Version Control Systems: Git (with platforms like GitHub, GitLab, or Bitbucket) for code management and collaboration.

• Build Tools: Webpack, Angular CLI for project building, bundling, and optimization.

• Task Runners/Bundlers: Potentially Gulp or others for build automation.

• CI/CD Tools: Jenkins, GitLab CI, Azure DevOps, or similar for automated build, test, and deployment pipelines.

📝 Enhancement Note: The core technology stack clearly revolves around Angular and Figma. However, a VP-level role also implies familiarity with broader development ecosystems including version control, CI/CD, and potentially integrated analytics and performance monitoring tools used within a large enterprise.

👥 Team Culture & Values

Operations Values:

• Integrity & Ethics: Upholding the highest standards of ethical conduct, honesty, and transparency in all business dealings, consistent with Citi's global reputation.

• Customer Focus: Prioritizing the needs and experience of internal and external customers, ensuring that technology solutions deliver value and enhance satisfaction.

• Innovation & Continuous Improvement: Encouraging creative problem-solving, embracing new technologies, and actively seeking opportunities to optimize processes and enhance application capabilities.

• Excellence & Accountability: Striving for high-quality outcomes, taking ownership of responsibilities, and delivering on commitments with diligence and precision.

• Collaboration & Teamwork: Fostering a supportive and inclusive environment where diverse perspectives are valued, and collective effort drives success.

Collaboration Style:

• Cross-Functional Integration: Actively engaging with business partners, product managers, and other technology teams to ensure alignment and shared understanding of project goals and technical requirements.

• Process Review & Feedback: Participating in code reviews, design discussions, and retrospective meetings to provide constructive feedback and continuously improve development practices.

• Knowledge Sharing: Proactively sharing expertise, best practices, and lessons learned with team members and the wider organization through documentation, presentations, and informal discussions.

📝 Enhancement Note: Citi's culture, particularly in a senior role, will heavily emphasize integrity, compliance, and a strong focus on delivering value within the financial services context. The collaboration style is expected to be professional, results-oriented, and geared towards achieving complex, cross-functional objectives.

⚡ Challenges & Growth Opportunities

Challenges:

• Navigating Enterprise Complexity: Managing development within a large, complex, and highly regulated financial institution requires adapting to established processes, security protocols, and diverse stakeholder needs.

• Balancing Innovation with Stability: Introducing new technologies like advanced Angular features or Figma workflows while maintaining the stability and security of mission-critical financial systems.

• Cross-Functional Alignment: Ensuring seamless communication and alignment across multiple departments with potentially differing priorities and technical maturities.

• Staying Ahead of Technological Advancements: Continuously learning and integrating new versions of Angular, evolving UI/UX design trends, and emerging development tools in a rapidly changing tech landscape.

Learning & Development Opportunities:

• Advanced Angular & UI Specialization: Opportunities to pursue deeper expertise in specific Angular modules, state management patterns, performance optimization, or advanced UI/UX design principles.

• Leadership Development Programs: Access to Citi's formal leadership training and mentorship programs designed to cultivate skills for managing larger teams and strategic initiatives.

• Industry Conferences & Certifications: Support for attending major technology conferences (e.g., Google I/O, AngularConnect) and obtaining relevant certifications in cloud, security, or project management.

• Exposure to Diverse Financial Products: Gaining in-depth knowledge of various financial services products and how technology underpins their delivery and operation.

📝 Enhancement Note: The challenges inherent in a large financial institution like Citi are significant. Candidates should be prepared for a demanding environment that requires adaptability, strong communication, and a commitment to continuous learning. The growth opportunities, however, are substantial, offering a clear path for career advancement and skill development.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex Angular application you led the development for. What was your approach to UI design using Figma, and how did you ensure technical feasibility and scalability?" (Focus on strategic planning, UI integration, and architectural considerations).

• "How would you approach implementing a new, cutting-edge UI feature in Angular while ensuring it meets Citi's stringent security and compliance standards? Walk us through your process." (Assesses risk management, compliance awareness, and strategic implementation).

Company & Culture Questions:

• "Why are you interested in working for Citi, and specifically in this Vice President role within Applications Development?" (Prepare to discuss your understanding of Citi's position in the financial industry and how your skills align with its mission).

• "How do you foster a culture of continuous learning and technical excellence within a development team?" (Demonstrates your leadership philosophy and commitment to team growth).

Portfolio Presentation Strategy:

• Structure: Begin with a high-level overview of the project's business objective, your specific role and responsibilities, and the key challenges.

• Figma to Code: Clearly illustrate the journey from Figma designs to functional Angular components. Showcase how you translated visual elements into interactive and responsive UI.

• Technical Deep Dive: Discuss the architectural patterns, libraries, and specific Angular features you utilized. Explain why you made certain technical decisions.

• Impact & Metrics: Quantify the success of your project using relevant metrics (e.g., performance improvements, user adoption, efficiency gains).

• Lessons Learned: Conclude with key takeaways and what you would do differently, demonstrating a reflective and growth-oriented mindset.

📝 Enhancement Note: Interview preparation for a VP-level role at Citi requires a blend of technical depth, strategic thinking, and demonstrated leadership. Candidates must be ready to articulate their experience with concrete examples, particularly highlighting the integration of Figma into their Angular development processes and the impact of their work.

📌 Application Steps

To apply for this operations position:

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

• Portfolio Customization: Tailor your resume and cover letter to highlight your 12+ years of experience in Angular development, explicit Figma experience, and any leadership or project management accomplishments relevant to enterprise software development.

• Resume Optimization: Ensure your resume clearly articulates your expertise in systems analysis, programming, architecture adherence, and technical coaching. Use keywords from the job description like "Angular," "Figma," "UI Capabilities," "Systems Analysis," and "Vice President."

• Portfolio Preparation: Select 2-3 key projects that best demonstrate your Angular development skills and your ability to leverage Figma for UI/UX design. Prepare a concise presentation that details the problem, your solution (including design-to-code process), technical approach, and quantifiable results.

• Company Research: Familiarize yourself with Citi's business lines, recent technological initiatives, and its stated values. Understand how the Applications Development function contributes to the company's overall strategy in the financial services sector.

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