FX Options Trading Senior UI Developer (Vice President)

📍 Job Overview

Job Title: FX Options Trading Senior UI Developer (Vice President)

Company: Citi

Location: Singapore

Job Type: Full-time

Category: Front-End Development / Electronic Trading Technology

Date Posted: April 15, 2026

Experience Level: 5-10 Years (Mid to Senior Level)

Remote Status: Hybrid

🚀 Role Summary

• Spearhead the design and development of a next-generation electronic FX Options Trading Platform, focusing on critical components like RFQ workflows, real-time pricing, and complex market data management.

• Leverage advanced expertise in React and TypeScript to build high-performance, scalable, and intuitive web UIs, ensuring an exceptional user experience for clients and internal stakeholders.

• Champion modern software engineering practices, including CI/CD, automated testing, application resiliency, performance profiling, and telemetry, to drive efficiency and quality.

• Collaborate closely with a global team of developers, quants, and traders to translate intricate business requirements into robust and elegant technical solutions.

• Mentor and guide other developers, fostering a culture of innovation, continuous improvement, and knowledge sharing within the team.

📝 Enhancement Note: This role is for a Senior UI Developer positioned at the Vice President level within Citi's technology division, specifically focused on the FX Options Trading business. The "greenfield program" and "multi-year, high-profile project" indicate a significant opportunity to shape a new platform from its inception, requiring strong architectural thinking alongside development skills. The emphasis on "Vice President" title suggests a leadership component, including mentorship and potentially influencing technical direction. The "Hybrid" work arrangement implies a need for strong remote collaboration skills while also being present in the Singapore office.

📈 Primary Responsibilities

• Lead the architectural design and implementation of key features for the electronic FX Options Trading Platform, including Request for Quote (RFQ) workflows, real-time streaming pricing displays, and volatility surface visualization tools.

• Develop and maintain high-performance, responsive user interfaces using React and TypeScript, ensuring seamless integration with back-end services and real-time data feeds.

• Implement and optimize continuous integration and continuous delivery (CI/CD) pipelines to streamline the development lifecycle, from code commit to production deployment.

• Design and execute comprehensive automated testing strategies (unit, integration, end-to-end) to ensure application stability, reliability, and adherence to quality standards.

• Conduct thorough performance profiling and implement optimizations to enhance application speed, scalability, and resource utilization, particularly for real-time market data.

• Implement robust telemetry and monitoring solutions to provide visibility into application health, user behavior, and system performance, enabling proactive issue resolution.

• Collaborate effectively with quantitative analysts (Quants) and traders to understand complex financial instruments, market dynamics, and user workflows, translating these into functional UI components.

• Actively participate in code reviews, providing constructive feedback to peers and junior developers to uphold code quality and promote best practices.

• Mentor and coach junior developers on best practices in UI development, TypeScript, React, and financial technology, contributing to the overall growth of the engineering team.

• Contribute to the evaluation and adoption of new technologies and development methodologies that can enhance platform capabilities and developer productivity.

📝 Enhancement Note: The responsibilities are tailored to reflect a senior-level UI developer role within a highly regulated financial environment. Emphasis is placed on the entire software development lifecycle, from design and architecture to testing, deployment, and ongoing maintenance, with a particular focus on real-time data processing and performance optimization, which are critical in trading platforms. The mention of "greenfield program" implies a significant role in establishing foundational architectural patterns and development standards.

🎓 Skills & Qualifications

Education:

Experience:

• 5-10 years of professional experience in front-end UI/UX development, with a strong emphasis on building complex, data-intensive web applications.

Required Skills:

• Advanced, hands-on proficiency in React and TypeScript for building sophisticated user interfaces.

• Deep understanding of RESTful APIs and their integration into front-end applications.

• Expertise in implementing and consuming WebSockets for real-time, bi-directional data communication.

• Strong command of modern software engineering principles, including CI/CD (Continuous Integration/Continuous Deployment) practices.

• Proficiency in automated testing frameworks and methodologies (e.g., Jest, Cypress, Selenium) to ensure application quality and stability.

• Experience with application resiliency, performance profiling, and telemetry implementation for monitoring and diagnostics.

Preferred Skills:

• Experience with desktop container frameworks like OpenFin or similar interoperability solutions for financial desktop applications.

• Back-end development experience in Java, C#/.NET, or Python to understand full-stack architecture and facilitate cross-team collaboration.

• Knowledge of containerization technologies such as Docker and orchestration platforms like Kubernetes.

• Familiarity with messaging middleware like Solace, Kafka, or TIBCO for distributed systems.

• Experience with AI-assisted development tools (e.g., GitHub Copilot, Cursor) to enhance development workflows.

• Prior experience in financial trading, specifically FX Options, is a significant advantage.

📝 Enhancement Note: The skills are categorized to clearly distinguish between essential requirements and desirable additions. The "Advanced, hands-on experience" and "Proficiency" qualifiers denote the seniority expected for a VP-level role. The inclusion of specific financial technology terms like "FX Options," "RFQ," "Volatility Surface," and messaging middleware directly aligns the candidate profile with the job's domain.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstrations of complex UI applications built with React and TypeScript, showcasing advanced component architecture, state management, and performance optimization techniques.

• Case studies detailing the implementation of real-time data streaming and interactive visualizations, highlighting the architectural approach to handling high-throughput data.

• Examples of CI/CD pipelines and automated testing frameworks used in previous projects, illustrating a commitment to agile development and quality assurance.

• Proof of work on applications requiring robust API integrations (REST, WebSockets) and efficient data handling.

Process Documentation:

• Ability to document and articulate complex UI development processes, including design patterns, testing strategies, and deployment workflows.

• Experience in creating clear and concise technical documentation for APIs, component libraries, and system architecture.

• Capacity to contribute to the refinement of existing development processes and propose improvements for efficiency and scalability.

📝 Enhancement Note: For a senior UI developer role, a portfolio is crucial. This section emphasizes the need for tangible evidence of skills in React, TypeScript, real-time data handling, and modern development practices. The focus is on demonstrating not just coding ability but also the understanding of the broader development lifecycle and system architecture relevant to trading platforms.

💵 Compensation & Benefits

Salary Range:

Benefits:

• Competitive annual bonus program tied to individual and company performance.

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

• Generous paid time off (PTO) policy, including vacation days, sick leave, and public holidays.

• Retirement savings plan (e.g., CPF contributions in Singapore) with potential company matching.

• Professional development and training opportunities, including access to conferences, workshops, and online learning platforms.

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

• Opportunities for career advancement and internal mobility within Citi's global network.

Working Hours:

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

• While core hours are expected, flexibility may be available to accommodate global team collaboration and critical project deadlines.

• Occasional requirement for off-hours work may arise due to the nature of financial markets and global operations.

📝 Enhancement Note: Salary range is estimated based on Singapore's market rates for a VP-level tech role in finance, considering the experience level and specialized skills. Benefits are standard for large financial institutions, with specific mention of CPF for Singapore. The working hours acknowledge the demands of the financial industry.

🎯 Team & Company Context

🏢 Company Culture

Industry: Financial Services (Banking & Trading Technology)

Company Size: Over 200,000 employees globally.

Founded: 1812 (Citibank).

Team Structure:

• The team is part of Citi's Global Markets Technology division, specifically focused on FX trading platforms.

• It's a global, cross-functional team comprising developers (front-end, back-end), quantitative analysts (Quants), business analysts, and product owners.

• The reporting structure for this role is likely to be to a Director or Senior Manager within the FX Technology group, with direct interaction with traders and business leaders.

Methodology:

• Agile & Collaborative: The team operates using Agile methodologies, emphasizing iterative development, frequent feedback loops, and close collaboration among team members and stakeholders.

• Iterative Delivery: Focus on delivering value incrementally, allowing for adaptation and continuous improvement based on user feedback and evolving market requirements.

• Data-Driven Development: Decisions are informed by data analysis, performance metrics, and user feedback to drive platform enhancements and business impact.

• Innovation & Ownership: Encouragement of new ideas and fostering a sense of ownership over the product, empowering team members to contribute to technical direction and problem-solving.

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

📝 Enhancement Note: Citi is a global financial institution with a strong emphasis on technology to drive its business. The specific team is within Global Markets Technology, highlighting a focus on trading systems. The culture described is typical of modern tech teams within large enterprises: agile, collaborative, and data-driven, with a strong emphasis on innovation and continuous improvement.

📈 Career & Growth Analysis

Operations Career Level: Vice President (VP) - Senior Individual Contributor / Technical Lead.

This level signifies a deep technical expert with significant experience, capable of leading complex projects, mentoring junior staff, and influencing technical strategy. In a trading technology context, this role is critical for building and maintaining cutting-edge trading platforms.

Reporting Structure:

• This role reports to a senior technology leader (e.g., Director, Senior VP) within the FX Technology division.

Operations Impact:

• The primary impact of this role is on the efficiency, performance, and user experience of Citi's electronic FX Options trading platform.

• A well-designed and robust UI directly influences trader productivity, client satisfaction, trade execution speed, and ultimately, the firm's revenue generation and market competitiveness.

Growth Opportunities:

• Technical Specialization: Deepen expertise in financial trading systems, real-time data processing, and advanced UI development patterns.

• Leadership Track: Transition into a management role, leading a team of developers, or move into a Principal Engineer or Architect role, focusing on strategic technical direction.

• Cross-Functional Mobility: Opportunities to work on other trading platforms within Global Markets Technology or explore roles in other technology divisions at Citi.

• Industry Exposure: Gain invaluable experience in the highly dynamic and competitive world of electronic trading and financial technology.

• Mentorship & Training: Access to Citi's extensive learning and development resources, including leadership training programs and technical certifications.

📝 Enhancement Note: The VP title implies a significant level of responsibility and potential for growth. The analysis focuses on how a senior developer contributes to the business operations of a trading firm and outlines typical career progression paths within such an organization.

🌐 Work Environment

Office Type: Hybrid work model, combining in-office collaboration with remote flexibility.

Office Location(s): Singapore (Specific office details would be provided during the application process).

Workspace Context:

• Collaborative Environment: The office space is designed to foster collaboration, with open-plan areas, meeting rooms, and informal gathering spaces to encourage interaction among team members and with traders.

• Technology-Rich: Access to high-performance workstations, development tools, and integrated communication platforms (e.g., Slack, Teams, video conferencing) is standard. The team will leverage the latest in UI development tools and potentially AI-assisted coding environments.

• Team Interaction: Expect regular team meetings, daily stand-ups, and ad-hoc discussions with developers, quants, and business stakeholders to drive project progress and problem-solving.

Work Schedule:

• The hybrid model allows for a balance between focused individual work (potentially remote) and collaborative team sessions or critical meetings (in-office).

• While the core working hours are structured, the nature of global trading may require some flexibility to align with different time zones or address urgent market events.

📝 Enhancement Note: The "Hybrid" work arrangement is a key aspect. The description emphasizes the collaborative nature of the work environment typical in financial technology firms, where close interaction with traders and quantitative analysts is crucial.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: Recruiter or HR screening to assess basic qualifications, cultural fit, and interest in the role and Citi.

• Technical Screening (Phone/Video): In-depth discussion with a hiring manager or senior engineer focusing on core technical skills, particularly React, TypeScript, API design, and real-time data handling.

This may include coding challenges or system design questions.

• On-site/Virtual On-site: A series of interviews with different team members, including developers, quants, traders, and potentially product managers. This stage will involve:

  • Technical Deep Dives: Detailed discussions on past projects, architecture, problem-solving approaches, and coding best practices.
  • System Design Exercise: A practical challenge to design a component or feature of the trading platform, assessing architectural thinking, trade-off analysis, and communication skills.
  • Behavioral Questions: Assessing cultural fit, teamwork, leadership potential, and how candidates handle challenging situations, using the STAR method.
  • Portfolio Review: A dedicated session to walk through selected portfolio pieces, explaining the technical challenges, solutions, and impact.

• Final Interview: A discussion with a senior leader (e.g., Director, Head of FX Tech) to assess overall fit, strategic thinking, and long-term potential.

Portfolio Review Tips:

• Curate Selectively: Choose 2-3 of your most impactful projects that best demonstrate your skills in React, TypeScript, real-time data, and complex UI development.

• Focus on Impact: For each project, clearly articulate the business problem, your specific role and contributions, the technical challenges you overcame, and the measurable outcomes or improvements achieved (e.g., performance gains, user adoption, revenue impact).

• Technical Depth: Be prepared to discuss architectural decisions, trade-offs, design patterns used, and specific technical challenges you encountered and solved.

• Code Quality: If possible, highlight code samples or architectural diagrams that showcase clean, efficient, and maintainable code practices.

• Real-Time & Data Focus: Emphasize projects involving real-time data streams, complex visualizations, or high-throughput data processing, as these are critical for this role.

Challenge Preparation:

• System Design: Practice designing scalable, performant, and resilient systems, particularly those involving real-time data feeds and user interactions. Focus on trade-offs, scalability, and fault tolerance.

• Coding Challenges: Refresh your knowledge of data structures, algorithms, and common design patterns. Be prepared for live coding exercises in TypeScript/JavaScript.

• Domain Knowledge: Familiarize yourself with FX Options trading concepts, RFQ workflows, and market data types (e.g., volatility surfaces). Understanding the business context will help you frame your technical solutions.

• Behavioral: Prepare specific examples using the STAR method (Situation, Task, Action, Result) for common behavioral questions related to teamwork, problem-solving, leadership, and handling pressure.

📝 Enhancement Note: This section provides actionable advice for candidates, covering interview stages, portfolio presentation, and preparation for technical challenges, all tailored to a senior developer role in financial trading technology.

🛠 Tools & Technology Stack

Primary Tools:

• Front-End Framework: React (Primary), TypeScript (Primary).

• UI Component Libraries: Potential use of Material UI, Ant Design, or custom internal libraries.

• State Management: Redux, Zustand, Context API, or similar.

• Build Tools: Webpack, Vite, or similar module bundlers.

• Testing Frameworks: Jest, React Testing Library, Cypress, Playwright for automated testing.

• Version Control: Git (e.g., GitHub, GitLab, Bitbucket).

Analytics & Reporting:

• Performance Monitoring: Tools like Datadog, New Relic, Dynatrace, or internal solutions for real-time application performance monitoring (APM).

• Logging & Telemetry: ELK Stack (Elasticsearch, Logstash, Kibana), Splunk, or similar for centralized logging and analysis.

• Analytics Platforms: Potentially tools for user behavior analytics and A/B testing.

CRM & Automation:

• While not directly a CRM role, understanding how front-end applications interact with back-end services, trading engines, and data feeds is crucial.

• Messaging Middleware: Solace, Kafka, TIBCO (for inter-application communication and real-time data distribution).

• Containerization: Docker for packaging applications.

• Orchestration: Kubernetes for managing containerized applications at scale.

• Desktop Integration (Optional): OpenFin or similar frameworks for composable desktop financial applications.

• Back-end Languages (for collaboration): Java, C#/.NET, Python.

📝 Enhancement Note: This section outlines the expected technology stack, focusing on the primary front-end tools and expanding to related technologies critical for a trading platform, such as real-time messaging, containerization, and potential back-end languages for cross-functional understanding.

👥 Team Culture & Values

Operations Values:

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

• Innovation & Continuous Improvement: A proactive approach to exploring new technologies, methodologies, and solutions to enhance platform capabilities and developer productivity.

• Collaboration & Teamwork: Valuing open communication, mutual respect, and shared ownership to achieve collective goals.

• Data-Driven Decision Making: Relying on metrics, analytics, and performance data to inform technical decisions and drive measurable business outcomes.

• Client Focus: Understanding that the ultimate goal is to provide superior trading tools and experiences for Citi's clients and internal users.

Collaboration Style:

• Cross-Functional Integration: Seamless collaboration with traders, quants, product managers, and other engineering teams is paramount. This involves active listening, clear communication, and a willingness to understand different perspectives.

• Agile Cadence: Working within an agile framework means regular participation in sprint planning, daily stand-ups, reviews, and retrospectives to ensure alignment and continuous feedback.

• Knowledge Sharing: A culture that encourages sharing best practices, lessons learned, and technical expertise through code reviews, internal tech talks, and documentation.

• Problem-Solving Focus: A collective drive to tackle complex technical and business challenges efficiently and effectively.

📝 Enhancement Note: The values and collaboration style are inferred based on Citi's industry position and the description of a "greenfield program" in a high-stakes trading environment. Emphasis is placed on performance, reliability, and teamwork.

⚡ Challenges & Growth Opportunities

Challenges:

• Complexity of Financial Markets: Navigating the intricacies of FX Options trading, real-time pricing, and regulatory requirements to build compliant and effective solutions.

• Real-Time Performance Demands: Achieving ultra-low latency and high throughput for trading applications, requiring deep expertise in performance optimization and efficient data handling.

• Legacy System Integration: Potentially integrating new components with existing, complex financial systems, requiring careful architectural planning and execution.

• Global Team Coordination: Effectively collaborating with team members across different time zones and cultural backgrounds to maintain project momentum and alignment.

• Rapid Technological Evolution: Staying abreast of new front-end technologies, AI tools, and financial market trends to ensure the platform remains competitive.

Learning & Development Opportunities:

• Deep Financial Domain Expertise: Gaining in-depth knowledge of FX options trading, market making, and quantitative finance.

• Cutting-Edge Technology Exposure: Working with advanced UI frameworks, real-time data streaming technologies, and potentially AI-assisted development tools.

• Architectural Design Skills: Developing skills in designing scalable, resilient, and high-performance trading platforms.

• Leadership & Mentorship: Opportunities to lead technical initiatives, mentor junior developers, and influence the technical vision of the platform.

• Industry Conferences & Certifications: Access to Citi's resources for attending relevant industry events and pursuing professional certifications.

📝 Enhancement Note: Challenges are framed around the specific domain (financial trading) and technological requirements (real-time performance). Growth opportunities are aligned with advancing within a specialized technical track or moving into leadership roles within a global financial institution.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex UI you built using React and TypeScript. What were the main challenges, and how did you overcome them, particularly regarding performance and real-time data?"

  • Preparation: Be ready to walk through a specific project, detailing your architectural choices, state management strategy, use of WebSockets or other real-time mechanisms, and any performance bottlenecks you identified and resolved. Quantify improvements where possible.

• "How would you design a real-time pricing display for FX Options, considering volatility surfaces and multiple data feeds? What technologies would you use, and what are the key considerations for scalability and latency?"

  • Preparation: Prepare to sketch out a system design. Focus on component breakdown, data flow, efficient rendering techniques (virtualization, memoization), API design, and error handling for real-time streams. Discuss trade-offs between different technologies.

• "Tell me about a time you improved a development process (e.g., CI/CD, testing, code reviews). What was the impact?"

  • Preparation: Use the STAR method to describe a situation where you identified an inefficiency and implemented a solution that led to measurable improvements in speed, quality, or reliability.

Company & Culture Questions:

• "What interests you about working at Citi, specifically on FX trading technology?"

  • Preparation: Research Citi's role in global markets, its technology investments, and the specific challenges of FX trading. Align your passion for technology with the company's mission and the role's impact.

• "How do you approach mentoring junior developers or sharing knowledge within a team?"

  • Preparation: Provide examples of how you've guided peers, conducted code reviews, or shared technical insights. Emphasize patience, clear communication, and fostering a collaborative learning environment.

• "Describe a situation where you had to work closely with traders or quants to translate complex requirements. How did you ensure alignment and successful delivery?"

  • Preparation: Highlight your ability to communicate effectively with non-technical stakeholders, ask clarifying questions, and iterate on solutions based on their feedback.

Portfolio Presentation Strategy:

• Narrative Arc: Structure your portfolio walkthrough with a clear beginning (problem), middle (solution/your role), and end (outcome/impact).

• Technical Clarity: Explain technical concepts concisely, avoiding excessive jargon unless necessary. Focus on why you made certain technical decisions.

• Quantify Impact: Whenever possible, use numbers and metrics to demonstrate the success of your work (e.g., "reduced load time by 30%," "handled X concurrent users," "improved data accuracy by Y%").

• Visual Aids: Use screenshots, diagrams, or even short live demos (if permitted) to illustrate your points effectively.

• Focus on Relevance: Tailor your presentation to highlight aspects most relevant to the job description – React, TypeScript, real-time data, performance, and financial trading context.

📝 Enhancement Note: This section provides concrete examples of interview questions and strategies for portfolio presentation, directly relevant to a senior UI developer role in financial trading technology.

📌 Application Steps

To apply for this operations position:

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

• Portfolio Customization: Review your existing portfolio and select 2-3 key projects that best showcase your expertise in React, TypeScript, real-time data handling, and complex UI development for financial applications. Prepare to discuss the business impact and technical challenges of each.

• Resume Optimization: Update your resume to prominently feature keywords from the job description, such as "React," "TypeScript," "UI/UX Development," "FX Options Trading," "Real-time Data," "WebSockets," "CI/CD," and "performance profiling." Quantify your achievements with specific metrics.

• Interview Preparation: Practice answering technical and behavioral questions, focusing on the STAR method for behavioral responses. Prepare a concise explanation of your portfolio projects and be ready to discuss system design concepts relevant to trading platforms.

• Company Research: Familiarize yourself with Citi's Global Markets Technology division, its commitment to innovation, and the current landscape of electronic trading. Understand Citi's values and how your approach to development aligns with them.

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