UX Lead Analyst (VP)

📍 Job Overview

Job Title: UX Lead Analyst (VP)

Company: Citi

Location: Belfast, Northern Ireland, United Kingdom

Job Type: Full time

Category: Digital Design Engineering / Product Design Operations

Date Posted: September 02, 2026

Experience Level: 5-10 years

Remote Status: Hybrid

🚀 Role Summary

• Lead the design and iteration of product experiences with a focus on speed and quality within an agile framework, emphasizing a systems-first mindset.

• Develop and maintain scalable design system components, including tokens, variables, and Boolean logic, to ensure product-wide consistency.

• Collaborate closely with engineering, product, and research teams to translate requirements into polished, production-ready designs.

• Own and optimize the developer handoff process, ensuring clear documentation and precise specifications for accurate implementation.

• Partner with QA to validate designs, catch implementation drift, and ensure shipped products align with intended user experiences.

📝 Enhancement Note: This role, while titled "UX Lead Analyst (VP)", strongly aligns with a senior Product Designer or Design Systems Lead function, with a significant emphasis on operationalizing design consistency and efficiency through a robust design system. The "VP" title suggests a high level of responsibility and impact within the digital design engineering domain at Citi.

📈 Primary Responsibilities

• Design and iterate on user product experiences rapidly, balancing high-quality output with velocity in an agile development environment.

• Architect, build, and maintain scalable design system components from scratch, including foundational elements like tokens, variables, and Boolean logic, to ensure consistent application across all product surfaces.

• Foster strong collaborative relationships with cross-functional teams, including engineering, product management, and user research, to effectively translate complex requirements into intuitive and polished designs ready for production.

• Take ownership of the end-to-end developer handoff process, meticulously preparing and annotating Figma files with clear specifications, redlines, and comprehensive component documentation that empowers engineers to implement designs with minimal ambiguity.

• Actively participate in implementation reviews with Quality Assurance (QA) teams to proactively identify and rectify design drift, validate interaction states, and ensure the final shipped product precisely matches the intended design vision.

• Contribute to the ongoing evolution and enhancement of the component library by establishing and enforcing clear naming conventions, defining distinct states, and maintaining up-to-date documentation for seamless handoff and system integrity.

• Strategically leverage and integrate AI-powered design tools and workflows to accelerate ideation, prototyping, and iteration cycles, enhancing overall design team efficiency and output.

• Engage actively in design critique sessions, providing and receiving structured, constructive feedback to continuously elevate the quality, usability, and craft of design solutions.

• Maintain an unwavering commitment to meticulous detail across all design elements, including spacing, typography, color palettes, interaction states, and adherence to accessibility standards (WCAG/ADA).

📝 Enhancement Note: The responsibilities highlight a deep focus on operationalizing design through a design system. This includes not just creation but also maintenance, documentation, and ensuring fidelity through handoff and QA. The emphasis on "speed," "velocity," and "AI-powered tools" points to a need for efficiency and modern workflow integration.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong portfolio and demonstrated experience in product design, UX, or design systems are paramount. A degree in Design, Human-Computer Interaction, Computer Science, or a related field is advantageous.

Experience: Significant commercial experience in Product Design, UX, Design Systems, or related fields, with a proven track record of building and scaling enterprise-level design systems.

Required Skills:

• Detail Obsession: Uncompromising attention to detail in spacing, typography, color, interaction states, and overall visual consistency.

• Fast and Focused Execution: Ability to thrive under tight deadlines, context-switch efficiently without sacrificing quality, and prioritize tasks ruthlessly in a high-output environment.

• Systems Thinking: Proficient in designing from a component-up approach, understanding the ripple effect of design decisions across an entire product ecosystem.

• AI-Native Proficiency: Actively utilizing AI tools (e.g., Figma AI, Cursor, Midjourney, ChatGPT) as force multipliers for accelerated ideation, prototyping, and iteration.

• Collaborative Mindset: Treating engineers and QA as integral partners, actively participating in implementation reviews, promptly addressing spec questions, and ensuring closed-loop communication.

• Figma Expertise: Advanced proficiency in Figma, encompassing complex prototyping, component logic (variants, auto layout, nested components), variables, tokens, and developer mode handoff features.

• Design System Architecture: Hands-on experience building and scaling enterprise design systems, including component architecture, variables, tokens, and Boolean properties.

• Developer Handoff: Proven ability to prepare clean, well-annotated Figma files with clear specifications and component documentation for seamless engineer implementation.

• Cross-functional Collaboration: Strong ability to partner effectively with engineering, product management, research, and business stakeholders.

Preferred Skills:

• Familiarity with token management tools (e.g., Style Dictionary, Tokens Studio).

• Basic understanding of HTML/CSS for informed conversations with engineers and browser validation.

• Experience designing AI-powered products, copilots, conversational interfaces, or intelligent workflows.

• Knowledge of accessibility standards (WCAG/ADA) and user-centered design principles.

• Experience in financial services or other regulated industries.

• Experience with Storybook or similar component documentation tools.

• Exposure to motion design or micro-interaction principles.

• Experience working in a startup or fast-paced product team environment.

📝 Enhancement Note: The emphasis on "AI-native" and "systems thinking" is crucial. Candidates should be prepared to showcase how they integrate AI into their workflow and how they approach design from a component-level, not just screen-level. The "VP" title suggests a need for leadership in design system strategy and implementation.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Component-Level Design Thinking: Showcase a portfolio that demonstrates a deep understanding of component architecture, variants, states, and how these elements form the foundation of a scalable design system, rather than solely presenting final screen designs.

• Design System Contributions: Include case studies detailing your direct involvement in building, contributing to, or scaling an enterprise-level design system, highlighting the specific components, tokens, and logic you developed.

• Developer Handoff Artifacts: Present examples of meticulously prepared Figma files, including clear annotations, specifications, and component documentation, that were successfully handed off to engineering teams.

• QA Comparison & Design Drift Examples: Showcase instances where you partnered with QA to validate implementations, identifying and rectifying design drift, and ensuring pixel-perfect adherence to the design system.

• AI Tool Integration: Provide examples of how you've leveraged AI-powered design tools to accelerate your workflow, improve efficiency, or generate innovative design solutions.

Process Documentation:

• Workflow Design & Optimization: Demonstrate experience in designing and documenting efficient design workflows, particularly those related to design system implementation, component creation, and developer handoff.

• System Implementation & Automation: Illustrate how you ensure design systems and components are implemented consistently and efficiently, including any automation strategies or tools used to maintain integrity.

• Measurement & Performance Analysis: Show how you measure the impact and performance of design systems and components, including user feedback, adoption rates, and reduction in design debt or QA issues.

📝 Enhancement Note: The portfolio is critical for this role. It needs to go beyond static screens and clearly articulate the candidate's ability to build, maintain, and operationalize a design system at scale. Examples of developer handoff artifacts and process documentation are highly valued.

💵 Compensation & Benefits

Salary Range: Based on industry benchmarks for a VP-level Product Designer or Design Systems Lead in a major financial institution in the UK, with 5-10 years of experience, the estimated annual salary range is £90,000 - £130,000. This range is an estimate and can vary based on the candidate's specific experience, skills, and the final negotiation.

Benefits:

• Annual Leave: 27 days of annual leave, plus bank holidays, providing ample time for rest and rejuvenation.

• Performance Bonus: A discretionary annual performance-related bonus, rewarding contributions and achievements.

• Private Medical Care: Comprehensive private medical insurance for employees and potentially their families.

• Life Insurance: A life insurance policy to provide financial security for beneficiaries.

• Employee Assistance Program (EAP): Confidential support services for personal and professional challenges.

• Pension Plan: A robust pension scheme to support long-term financial planning.

• Paid Parental Leave: Generous paid leave for new parents to support family bonding.

• Employee Discounts: Special discounts on a variety of products and services for employees, their families, and friends.

• Learning & Development: Access to extensive learning and development resources to foster continuous professional growth.

Working Hours: The role is full-time, with an estimated 40 hours per week. The company offers a hybrid working model, allowing up to 2 days of working from home per week, providing flexibility alongside in-office collaboration.

📝 Enhancement Note: The salary estimate is based on typical VP-level compensation for design leadership roles in the UK financial sector, considering the experience level indicated. The benefits package is comprehensive and standard for large, established financial institutions like Citi.

🎯 Team & Company Context

🏢 Company Culture

Industry: Financial Services, specifically Banking and Financial Technology. Citi operates at the forefront of global finance, processing trillions of dollars daily and conducting business in over 180 countries, positioning it as a leader in financial innovation and infrastructure.

Company Size: Over 230,000 employees globally. This large scale means opportunities for broad impact, access to vast resources, and a structured environment, while also requiring efficient processes and clear communication to navigate.

Founded: Established in 1812 as City Bank of New York, Citi has a long and rich history, evolving into a global financial powerhouse. This legacy suggests a culture that values stability, expertise, and long-term vision, while also embracing technological advancement to remain competitive.

Team Structure:

• Design Systems Team: Likely a dedicated or semi-dedicated team focused on building and maintaining the enterprise design system, comprising Product Designers, UX Engineers, and potentially Design Technologists.

• Reporting: The VP role suggests a senior position, likely reporting to a Director or Head of Digital Design/Product Design within the Technology division.

• Cross-functional Collaboration: The role necessitates close, ongoing collaboration with Product Managers, Engineering teams (front-end developers, architects), User Researchers, QA testers, and potentially business stakeholders to ensure design system adoption and impact.

Methodology:

• Data-Driven Design: Utilizing user data, analytics, and A/B testing to inform design decisions and measure the impact of design system components.

• Agile Development: Working within agile sprints to deliver design iterations and system updates rapidly, with a focus on continuous improvement and adaptability.

• Component-First Design: Emphasizing the creation and use of reusable components as the primary method for building user interfaces, ensuring consistency, efficiency, and scalability.

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

📝 Enhancement Note: Citi's status as a global financial institution implies a need for robust, scalable, and secure design solutions. The culture likely balances tradition with innovation, requiring professionals who can navigate both established processes and emerging technologies like AI.

📈 Career & Growth Analysis

Operations Career Level: This role is at a senior leadership level (VP), indicating significant autonomy, strategic influence, and responsibility for driving design system initiatives. It's a key player in operationalizing design consistency and efficiency across a broad digital product portfolio.

Reporting Structure: As a VP, you would likely report to a Director or Head of Digital Design/Product Design, managing or heavily influencing a team of designers and design technologists. Your role will involve reporting on design system progress, adoption, and impact to senior leadership.

Operations Impact: The primary impact of this role is on the efficiency, consistency, and scalability of Citi's digital products. A well-maintained design system directly contributes to faster development cycles, reduced design debt, improved user experience, and stronger brand consistency across a vast global organization.

Growth Opportunities:

• Design System Leadership: Opportunity to become a recognized leader in enterprise design systems within the financial industry, shaping best practices and setting strategic direction.

• Skill Specialization: Deepen expertise in areas like AI-augmented design, advanced component architecture, design token implementation, and accessibility standards.

• Mentorship & Team Development: Lead and mentor junior designers and design technologists, fostering a culture of learning and excellence within the design team.

• Cross-Divisional Influence: Expand influence across different business units within Citi, driving design system adoption and advocating for user-centered design principles on a larger scale.

📝 Enhancement Note: The "VP" title signifies a strategic role with significant potential for career advancement, not just within design but potentially into broader product or technology leadership positions at Citi, especially given the role's focus on operational efficiency and scalability.

🌐 Work Environment

Office Type: The role is based in Belfast, Northern Ireland, with a hybrid working model. This suggests a professional office environment that encourages collaboration, with designated workspaces for teams and individuals.

Office Location(s): 60 Sydenham Road, Titanic Quarter, Gateway Offices, Belfast, United Kingdom. This is a modern business district location.

Workspace Context:

• Collaborative Spaces: The hybrid model and emphasis on cross-functional teams suggest access to meeting rooms, breakout areas, and open-plan seating designed for collaboration and knowledge sharing.

• Tools & Technology: Expect a standard corporate IT setup with access to necessary hardware, software licenses (especially Figma), and potentially specialized tools for design system management and AI integration.

• Team Interaction: Opportunities for frequent interaction with design peers, engineers, product managers, and QA testers, both in person and virtually, to facilitate seamless workflow and problem-solving.

Work Schedule: Standard full-time hours (approx. 40 hours/week) with a hybrid arrangement offering up to 2 days of remote work per week. This provides a structured yet flexible environment conducive to focused work and team engagement.

📝 Enhancement Note: The hybrid model is a key feature, balancing the need for in-person collaboration and spontaneous ideation with the flexibility of remote work. This structure is common in large financial institutions aiming to attract and retain talent while maintaining operational efficiency.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter or hiring manager will review your application and resume, focusing on keywords related to design systems, Figma, and leadership experience.

• Portfolio Review & Technical Interview: You will likely present your portfolio to a panel of design leaders and potentially senior engineers. This will involve deep dives into your design system work, component architecture, developer handoff process, and how you've used AI tools. Be prepared to discuss your thought process, design decisions, and the impact of your work.

• Cross-functional Collaboration Interview: Expect interviews with Product Managers and Engineers to assess your collaboration style, communication skills, and ability to translate technical requirements into design solutions.

• Behavioral & Leadership Interview: This stage will focus on your leadership experience, problem-solving approach, ability to handle ambiguity, and cultural fit within Citi's values, particularly around collaboration, attention to detail, and innovation.

Portfolio Review Tips:

• Focus on Process, Not Just Pixels: Highlight the "why" behind your design decisions, especially within the context of a design system. Showcase your understanding of component logic, variables, and tokens.

• Demonstrate Scalability: Show how your design system components are built to scale, maintain consistency, and support rapid iteration across multiple products.

• Showcase Handoff & QA Collaboration: Include examples of your developer handoff documentation and any case studies demonstrating how you worked with engineering and QA to ensure accurate implementation.

• Quantify Impact: Where possible, use metrics to demonstrate the impact of your design system contributions (e.g., reduction in development time, increase in design consistency, improved user satisfaction).

• Highlight AI Integration: Clearly articulate how you've leveraged AI tools to enhance your design process and outcomes.

Challenge Preparation:

• Design System Challenge: You might be given a hypothetical scenario to design a new component or update existing ones within a given design system framework, focusing on modularity, states, and accessibility.

• Process Improvement Exercise: Prepare to discuss how you would improve a specific aspect of the design-to-development workflow, focusing on efficiency and collaboration.

• Figma & Prototyping Task: A practical exercise in Figma to test your proficiency with advanced features like variants, auto layout, variables, and prototyping.

📝 Enhancement Note: The interview process will heavily scrutinize your practical design system expertise and your ability to operationalize design within a large organization. A strong portfolio that showcases component-level thinking and collaborative problem-solving is paramount.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: The core design and prototyping tool. Proficiency in advanced features like component architecture, variants, auto layout, variables, tokens, and developer mode is essential.

• AI-Powered Design Tools: Experience with tools like Figma AI, Cursor, Midjourney, ChatGPT, or similar AI assistants for ideation, content generation, and workflow acceleration.

• Design System Management Tools: Familiarity with tools for managing and documenting design tokens, such as Style Dictionary or Tokens Studio, is a plus.

• Collaboration Platforms: Tools like Slack, Microsoft Teams, or Jira for communication and project management.

Analytics & Reporting:

• User Analytics Tools: Experience with tools like Google Analytics, Adobe Analytics, or internal analytics platforms to understand user behavior and inform design decisions.

• A/B Testing Platforms: Familiarity with tools for conducting A/B tests to validate design hypotheses and measure impact.

• Reporting Dashboards: Ability to create and interpret reports and dashboards that track design system adoption, usage, and impact.

CRM & Automation:

• While not directly a CRM role, understanding how design systems integrate with front-end code and potentially influence customer-facing applications is key. Familiarity with how design tokens translate into code (CSS Custom Properties, JSON) is beneficial.

• Component Documentation Tools: Experience with tools like Storybook for documenting and showcasing design system components is preferred.

📝 Enhancement Note: Figma is the central tool. The ability to work with AI-driven design tools and understand the connection between design tokens and code are increasingly important for operationalizing design systems effectively.

👥 Team Culture & Values

Operations Values:

• Precision and Detail: A commitment to meticulous detail in all aspects of design, from pixel-perfect alignment to consistent typography and interaction states.

• Efficiency and Velocity: A drive to deliver high-quality work quickly and efficiently, leveraging systems and tools to maximize output.

• Collaboration and Partnership: A belief in working closely with engineering, product, and QA as integrated partners to achieve shared goals.

• Systems Thinking and Scalability: A strategic approach to design, focusing on building reusable, scalable components that form the foundation of a robust design system.

• Innovation and Adaptability: An openness to exploring and integrating new technologies, such as AI, to enhance design processes and outcomes.

Collaboration Style:

• Integrated Teams: A collaborative approach where design is not a silo but an integrated part of the product development lifecycle, working hand-in-hand with engineering and product.

• Feedback-Driven: A culture that encourages open and constructive feedback through design critiques, implementation reviews, and ongoing communication.

• Knowledge Sharing: Practices that promote the sharing of best practices, learnings, and resources within the design and development teams to foster continuous improvement.

📝 Enhancement Note: Citi likely fosters a culture that values both rigorous execution and collaborative innovation. For this role, demonstrating a proactive, systems-oriented approach to design operations and a strong partnership mentality will be key.

⚡ Challenges & Growth Opportunities

Challenges:

• Scaling a Design System in a Large Enterprise: The complexity of implementing and maintaining a consistent design system across a vast organization with diverse product lines and legacy systems.

• Driving Adoption and Buy-in: Persuading various teams and stakeholders to adopt and adhere to the design system, overcoming resistance to change.

• Balancing Speed with Quality: Meeting aggressive development timelines while ensuring the integrity and quality of design system components and their implementation.

• Integrating Evolving Technologies: Staying ahead of the curve with new design tools, AI advancements, and evolving front-end technologies to keep the design system relevant and efficient.

Learning & Development Opportunities:

• Advanced Design System Architecture: Deepen expertise in complex component modeling, tokenization strategies, and governance models.

• AI in Design: Explore cutting-edge applications of AI in design workflows, from generative design to intelligent automation.

• Cross-functional Leadership: Develop leadership skills in managing and influencing cross-functional teams and driving strategic initiatives.

• Industry Best Practices: Gain exposure to and contribute to the evolving best practices in design systems and digital product development within the financial services sector.

📝 Enhancement Note: This role presents an opportunity to tackle significant challenges in scaling design operations within a global financial leader, offering substantial learning and growth potential through hands-on problem-solving and strategic influence.

💡 Interview Preparation

Strategy Questions:

• "Describe a time you built a design system component from scratch. What were the key considerations for its architecture, states, and documentation?" (Focus on component logic, scalability, and developer handoff.)

• "How do you ensure design consistency and prevent design drift when working with multiple engineering teams and a fast-paced release cycle?" (Highlight collaboration with QA, clear specs, and the role of the design system.)

• "Explain your approach to using AI tools in your design process. Provide a specific example of how AI helped you achieve a better outcome or increased efficiency." (Demonstrate practical application and strategic use of AI.) Company & Culture Questions:

• "How would you approach introducing or enhancing a design system within a large, established financial institution like Citi?" (Focus on stakeholder management, phased rollout, and demonstrating value.)

• "Describe your experience collaborating with engineers and QA. How do you foster a strong partnership?" (Emphasize communication, mutual respect, and shared ownership.)

• "What does 'attention to detail' mean to you in the context of design systems and product development?" (Connect detail to consistency, usability, and brand integrity.) Portfolio Presentation Strategy:

• Structure Your Narrative: Begin with a high-level overview of your design system philosophy and then dive into specific case studies that showcase your core strengths (component building, developer handoff, AI integration, problem-solving).

• Show, Don't Just Tell: For each case study, present visual examples of your work – Figma file screenshots, component examples, handoff documentation, and any comparative visuals showing design vs. implementation.

• Quantify Your Impact: Whenever possible, use metrics to illustrate the success of your design system initiatives (e.g., "reduced component creation time by X%", "improved design consistency score by Y%").

• Be Prepared for Deep Dives: Expect detailed questions about your technical approach, design decisions, and how you handle feedback and challenges.

📝 Enhancement Note: Be ready to articulate your understanding of design systems as a product, your proficiency with Figma's advanced features, and your ability to operationalize design through collaboration and meticulous documentation. Demonstrating a systems-thinking mindset and practical AI integration will be key differentiators.

📌 Application Steps

To apply for this operations position:

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

• Curate Your Portfolio: Select 2-3 key projects that best showcase your design system expertise, focusing on component-level design, developer handoff examples, and any instances where you leveraged AI tools. Tailor these examples to highlight scalability and operational efficiency.

• Optimize Your Resume: Ensure your resume clearly articulates your experience with design systems, Figma, AI-powered design tools, and cross-functional collaboration. Use keywords from the job description and highlight quantifiable achievements.

• Prepare Your Presentation: Practice walking through your portfolio case studies, focusing on the process, your role, the challenges overcome, and the impact of your work. Be ready to discuss your approach to developer handoff and QA collaboration.

• Research Citi's Digital Presence: Familiarize yourself with Citi's current digital products and user interfaces. Understand their existing design language (if any) and identify potential areas where a robust design system could drive significant operational improvements.

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