FX Options Trading Senior UI Developer (Vice President)

📍 Job Overview

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

Company: Citi

Location: Singapore, Singapore

Job Type: FULL_TIME

Category: Technology / Software Engineering

Date Posted: April 15, 2026

Experience Level: 5-10 years

Remote Status: Hybrid

🚀 Role Summary

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

• Drive the implementation of high-performance, scalable, and intuitive user interfaces using advanced TypeScript and React technologies.

• Champion modern software engineering practices, including CI/CD, automated testing, and performance profiling, to ensure robust and efficient development cycles.

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

• Mentor junior developers and foster a culture of innovation, ownership, and continuous improvement within the development team.

📝 Enhancement Note: This role is positioned as a Vice President level within Citi's technology division, indicating a significant level of responsibility and leadership expected from the candidate, particularly in a greenfield program focused on modernizing FX Options Trading technology. The emphasis on "senior" and "vice president" suggests a need for strategic thinking, strong technical mentorship, and the ability to influence technical direction.

📈 Primary Responsibilities

• Architect and develop state-of-the-art user interfaces for an electronic FX Options Trading platform, with a primary focus on React and TypeScript.

• Implement real-time, streaming pricing engines and displays, ensuring low latency and high data throughput for critical trading operations.

• Design and build sophisticated tools for managing complex market data, including Volatility Surfaces and other financial instruments.

• Develop a comprehensive workbench for Structured Product Pricing, enabling traders and sales to efficiently price and manage complex financial instruments.

• Integrate front-end applications with back-end services and middleware (e.g., Solace, Kafka, TIBCO) using REST APIs and WebSockets to ensure seamless data flow and inter-application communication.

• Drive the adoption and enhancement of CI/CD pipelines, automated testing strategies, and application resiliency practices to maintain high code quality and deployment efficiency.

• Conduct performance profiling and implement optimizations to ensure the trading platform operates at peak performance under demanding market conditions.

• Actively participate in code reviews, providing constructive feedback to peers and junior developers to uphold engineering standards.

• Mentor and guide other developers on best practices in UI development, TypeScript, React, and financial technology.

• Collaborate with business stakeholders, quants, and traders to gather requirements, clarify functionalities, and ensure the platform meets evolving business needs.

📝 Enhancement Note: The responsibilities clearly indicate a hands-on development role with a significant leadership component. The mention of "greenfield program" and "transforming our electronic FX Options Trading business" suggests a need for strategic architectural input and the ability to establish new development standards rather than just maintaining existing systems.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a Bachelor's or Master's degree in Computer Science, Engineering, or a related quantitative field is typically expected for a Vice President-level technology role in a financial institution.

Experience: A minimum of 5-10 years of progressive experience in front-end software development, with a strong emphasis on building complex, high-performance web applications. Experience in financial services, particularly in trading systems, is highly desirable.

Required Skills:

• Advanced, hands-on experience in UI/UX development using React and TypeScript.

• Deep understanding of modern JavaScript/TypeScript frameworks and their ecosystems.

• Solid experience in building applications that handle real-time data, utilizing technologies such as REST APIs and WebSockets.

• Proficiency in modern software engineering practices, including CI/CD, automated testing (unit, integration, end-to-end), application resiliency, performance profiling, and telemetry.

• Experience with inter-application communication protocols and middleware (e.g., Solace, Kafka, TIBCO).

• Strong problem-solving skills and the ability to translate complex business requirements into technical solutions.

Preferred Skills:

• Professional experience with Angular or Vue.js as an alternative or complementary skill.

• Interest or experience in leveraging agentic AI development tools (e.g., GitHub Copilot, Cursor, Devin) to enhance development workflows.

• Familiarity with desktop container frameworks like OpenFin or interoperability libraries.

• Back-end development experience in Java, C#/.NET, or Python.

• Knowledge of containerization and orchestration technologies such as Kubernetes.

• Prior experience in financial services, specifically in FX, Options, or other trading environments.

• Understanding of financial market data, trading workflows, and structured products.

📝 Enhancement Note: The experience level is explicitly stated as 5-10 years, aligning with a Senior Developer or Vice President role. The emphasis on React and TypeScript as primary technologies, with Angular/Vue.js as considerations, suggests a preference for modern web development stacks. The inclusion of "AI-Assisted Development" tools as a desirable skill indicates Citi's forward-thinking approach to technology adoption.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstrable examples of complex UI development projects using React and TypeScript, showcasing architectural patterns, state management strategies, and component reusability.

• Case studies detailing experience with real-time data handling, including implementations using WebSockets or similar streaming technologies, and how performance was managed.

• Projects illustrating experience with CI/CD pipelines, automated testing frameworks, and strategies for ensuring application quality and reliability in production environments.

• Examples of your contributions to optimizing application performance, including profiling techniques and implemented solutions.

Process Documentation:

• Evidence of designing and documenting development workflows, including agile methodologies, sprint planning, and execution.

• Examples of creating and maintaining automated testing suites, including unit, integration, and end-to-end tests, with a focus on test coverage and maintainability.

• Documentation of CI/CD processes, including build, test, and deployment automation strategies, and how these contributed to faster release cycles.

• Descriptions of how you've approached performance analysis, identified bottlenecks, and implemented optimizations within applications.

📝 Enhancement Note: For a Senior UI Developer role at this level, a portfolio is crucial. It should not just list technologies but demonstrate practical application, problem-solving, and impact. The emphasis on "greenfield program" means demonstrating the ability to set up new processes and best practices from the ground up.

💵 Compensation & Benefits

Salary Range: For a Senior UI Developer (Vice President) in Singapore with 5-10 years of experience in financial technology, the estimated annual base salary range is SGD 150,000 - SGD 250,000. This range can vary based on specific experience, qualifications, and the performance of the candidate during the interview process.

Benefits:

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

• Competitive retirement savings plan (e.g., CPF contributions in Singapore).

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

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

• Employee assistance programs for mental health and well-being.

• Life insurance and disability coverage.

• Potential for performance-based bonuses and long-term incentives.

• Access to Citi's global network and employee resource groups.

Working Hours: Standard full-time working hours are typically 40 hours per week. While the role is hybrid, specific in-office days will be determined by team policy and project needs. Flexibility may be offered, but the demanding nature of trading technology often requires responsiveness outside of standard hours, especially during market-critical periods or for critical deployments.

📝 Enhancement Note: Salary figures are estimates based on industry benchmarks for senior technology roles in Singapore's financial sector. Benefits are standard for large multinational corporations like Citi and are tailored to the Singaporean market context. The "Vice President" title implies a compensation package that includes potential bonuses beyond the base salary.

🎯 Team & Company Context

🏢 Company Culture

Industry: Financial Services / Investment Banking Technology. Citi operates within a highly regulated and dynamic global financial market, emphasizing innovation, security, and client service in its technology offerings. The FX Options Trading sector is particularly fast-paced and data-intensive.

Company Size: Citi is a global financial services corporation with tens of thousands of employees worldwide. This large scale provides stability, extensive resources, and a wide range of career opportunities, but also means navigating larger organizational structures.

Founded: Founded in 1812, Citi has a long and rich history, evolving from a New York bank to a global financial powerhouse. This heritage suggests a culture that balances tradition with relentless innovation and adaptation to market changes.

Team Structure:

• The immediate team will likely be part of Citi's broader Global Markets Technology division, focusing specifically on FX trading technology.

• Expect a global team structure, with developers, quants, and traders potentially located across different time zones (e.g., Singapore, London, New York).

• The reporting structure will place this Senior UI Developer under a development lead or engineering manager, with direct interaction with product owners, traders, and quants.

Methodology:

• Data Analysis and Insights: Leveraging real-time market data, trading analytics, and user behavior data to inform UI design, feature prioritization, and performance tuning.

• Workflow Planning and Optimization: Designing and refining user workflows for trading activities (RFQ, pricing, data visualization) to enhance efficiency and reduce operational risk.

• Automation and Efficiency Practices: Implementing automated testing, CI/CD pipelines, and potentially AI-assisted development tools to streamline the development lifecycle and improve team productivity.

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

📝 Enhancement Note: Citi's culture is characterized by a blend of established financial institution rigor and a drive for technological advancement. For a technology role, the emphasis will be on engineering excellence, data-driven decision-making, and agility within a structured environment. The global nature of the team is a key aspect for collaboration.

📈 Career & Growth Analysis

Operations Career Level: This role is at a "Senior Developer" or "Vice President" level within the technology function. It signifies a high degree of technical expertise, ownership, and the ability to mentor others. The focus is on delivering complex technical solutions and contributing to the strategic direction of the FX Options Trading platform.

Reporting Structure: The Senior UI Developer will report to a Development Lead or Engineering Manager. They will work closely with traders, quants, product managers, and other engineers, both locally and globally. This structure allows for both technical guidance from leadership and direct collaboration with business-critical functions.

Operations Impact: The impact of this role is directly tied to the performance, efficiency, and usability of Citi's electronic FX Options Trading platform. A successful UI developer will contribute to increased trading volume, improved client satisfaction, reduced operational errors, and enhanced competitive positioning in the FX markets. The "greenfield" nature of the project offers a chance to shape the future of how Citi operates in this space.

Growth Opportunities:

• Technical Specialization: Deepen expertise in React, TypeScript, real-time systems, and financial trading technology, potentially becoming a subject matter expert within Citi's FX technology domain.

• Leadership Development: Progress into roles with greater architectural responsibility, team leadership, or management positions within Citi's technology organization.

• Cross-Functional Exposure: Gain in-depth understanding of trading strategies, market dynamics, and quantitative finance through close collaboration with traders and quants.

• Mentorship and Training: Develop leadership and coaching skills by mentoring junior developers and contributing to the team's knowledge base.

• Exposure to Emerging Technologies: Opportunity to explore and integrate new technologies, including AI-assisted development tools, into the trading platform.

📝 Enhancement Note: The "Vice President" title in a large financial institution like Citi typically signifies a senior individual contributor role with significant technical leadership and influence, rather than direct people management. Growth paths will likely involve increasing scope of technical ownership and strategic input.

🌐 Work Environment

Office Type: This is a hybrid role, meaning it combines remote work with in-office presence. The specific balance will depend on team agreements and project needs, but it typically involves a structured schedule with designated days for in-office collaboration.

Office Location(s): The primary location is Singapore, specifically at 3 Changi Business Park Crescent. This area is a hub for technology and business, offering a modern and professional working environment.

Workspace Context:

• Collaborative Environment: The office space will likely be designed to facilitate collaboration, with open-plan areas, meeting rooms, and informal gathering spaces to encourage interaction with colleagues.

• Operations Tools and Technology: Access to high-performance workstations, reliable network infrastructure, and the necessary software licenses for development, testing, and communication tools.

• Team Interaction: Opportunities for face-to-face interaction with local team members, fostering stronger working relationships and facilitating complex discussions. Regular video conferences will connect the Singapore team with global colleagues.

Work Schedule: A standard 40-hour work week is expected. However, the fast-paced nature of financial markets and trading platforms may require flexibility to address urgent issues, critical deployments, or participate in cross-time-zone meetings. The hybrid model aims to balance flexibility with the benefits of in-office collaboration.

📝 Enhancement Note: The hybrid nature of the role suggests a need for individuals who can manage their time effectively, maintain productivity both remotely and in the office, and actively contribute to team dynamics regardless of location. The specific office location in Changi Business Park indicates a modern, professional business district setting.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter or hiring manager will review your application and conduct a brief call to assess your background, experience, and interest in the role.

• Technical Assessment: Expect one or more technical interviews focusing on your React, TypeScript, and general software engineering skills. This may include coding challenges (live or take-home) related to UI development, real-time data handling, or algorithmic problem-solving.

• System Design/Architecture Interview: A discussion focused on designing complex UI systems, handling scalability, performance, and integration with other services. You may be asked to present a conceptual design for a component or feature of the trading platform.

• Behavioral/Situational Interviews: Questions assessing your experience with Agile methodologies, team collaboration, mentorship, problem-solving under pressure, and how you handle challenges specific to financial technology.

• Final Round/VP Level Interview: A discussion with senior leadership (potentially including the hiring manager's manager) to assess strategic thinking, leadership potential, and overall fit within Citi's culture and the VP role expectations.

Portfolio Review Tips:

• Curate Select Projects: Choose 2-3 of your most impactful projects that best demonstrate your React, TypeScript, real-time data handling, and CI/CD experience. For a trading platform role, prioritize projects with performance-critical aspects or complex data visualizations.

• Structure Your Case Studies: For each project, clearly articulate the problem statement, your role and responsibilities, the technical challenges faced, the solutions you implemented (focusing on specific architectural decisions and code examples), and the quantifiable outcomes or impact.

• Highlight Operations Impact: Emphasize how your work improved efficiency, reduced latency, enhanced user experience, or directly contributed to business objectives (e.g., increased trading volume, faster quote generation). Use metrics where possible (e.g., "reduced page load time by 30%," "implemented real-time updates to improve data freshness by X%").

• Prepare to Discuss Code: Be ready to walk through code snippets, explain design patterns, and justify technical choices. Ensure your code examples are clean, well-commented, and showcase best practices.

• Showcase Collaboration: If possible, include examples of how you collaborated with designers, product managers, or backend engineers, and how you handled feedback or design disagreements.

Challenge Preparation:

• Practice Real-time Data Handling: Prepare for scenarios involving WebSockets, SSE, or other real-time communication protocols. Understand how to manage state updates, handle disconnections, and ensure data consistency.

• Master React Performance Optimization: Review techniques for optimizing React component rendering, memoization, code splitting, and lazy loading. Understand the impact of these on a high-frequency trading platform.

• Understand Financial Concepts (Basic): Familiarize yourself with basic FX trading concepts, RFQ workflows, and the importance of real-time pricing and market data. While deep finance knowledge isn't required, understanding the context is crucial.

• Prepare for System Design: Practice designing scalable and resilient front-end architectures for complex applications. Consider aspects like state management, API design, error handling, and security.

📝 Enhancement Note: The interview process for a VP-level role at Citi will be rigorous, involving multiple stages and a mix of technical, behavioral, and strategic assessments. A strong, well-presented portfolio is critical for demonstrating practical skills and impact.

🛠 Tools & Technology Stack

Primary Tools:

• Front-End Framework: React (primary), TypeScript (mandatory)

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

• Styling: CSS-in-JS (Styled Components, Emotion), SASS/LESS, or utility-first CSS (Tailwind CSS).

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

• Testing Frameworks: Jest, React Testing Library, Cypress, Playwright for unit, integration, and end-to-end testing.

Analytics & Reporting:

• Performance Monitoring: Tools like Sentry, Datadog, New Relic for application performance monitoring and error tracking.

• Telemetry: Implementation of custom telemetry for tracking user interactions and system events.

• Dashboarding: While primarily front-end, understanding how data feeds into broader reporting dashboards (potentially built with tools like Tableau, Power BI, Grafana) is beneficial.

CRM & Automation:

• Middleware/Messaging: Experience with Solace, Kafka, or TIBCO for inter-application communication.

• APIs: Deep understanding of REST APIs and WebSockets for real-time communication.

• Containerization (Desirable): Familiarity with Kubernetes for deployment and scaling.

• Desktop Frameworks (Desirable): OpenFin or similar for desktop application interoperability.

📝 Enhancement Note: The technology stack emphasizes modern, high-performance web development tools. Proficiency in React and TypeScript is non-negotiable, as is a strong understanding of real-time communication protocols and robust software engineering practices like CI/CD and automated testing.

👥 Team Culture & Values

Operations Values:

• Engineering Excellence: A commitment to writing high-quality, maintainable, and performant code, with a strong emphasis on testing and automation.

• Collaboration & Transparency: Open communication, respectful debate, and a willingness to share knowledge and provide constructive feedback across the team and with stakeholders.

• Ownership & Accountability: Taking responsibility for features from design through deployment and ongoing maintenance, demonstrating a proactive approach to problem-solving.

• Continuous Improvement: A drive to constantly learn, adapt, and refine processes, tools, and technologies to enhance efficiency and effectiveness.

• Client Focus: Understanding that the ultimate goal is to deliver value to clients and the business through robust and user-friendly trading platforms.

Collaboration Style:

• Cross-Functional Integration: Actively partnering with traders, quants, product managers, and other development teams to ensure alignment and shared understanding of goals and requirements.

• Process Review Culture: Regularly reviewing and discussing development processes, code quality, and team performance to identify areas for improvement.

• Knowledge Sharing: Encouraging a culture where team members share best practices, learnings, and technical insights through code reviews, pair programming, internal presentations, and documentation.

📝 Enhancement Note: Citi, as a large financial institution, likely fosters a culture that values both robust processes and innovative solutions. The "greenfield" aspect suggests a more agile and forward-thinking approach within this established framework. Team members are expected to be both technically proficient and strong communicators.

⚡ Challenges & Growth Opportunities

Challenges:

• Real-time Data Complexity: Managing and displaying high-volume, low-latency real-time market data accurately and efficiently within a web UI presents significant technical challenges.

• Legacy System Integration: While greenfield, there will be a need to integrate with existing financial systems and data sources, which can be complex and require careful planning.

• Balancing Innovation with Stability: Introducing new technologies and approaches (like AI tools) while maintaining the extreme stability and reliability required for trading platforms.

• Global Team Coordination: Effectively collaborating with team members across different time zones, cultures, and work styles requires strong communication and organizational skills.

• Evolving Market Demands: The FX Options market is dynamic, requiring the platform to be adaptable and responsive to new regulations, trading strategies, and client needs.

Learning & Development Opportunities:

• Advanced UI/UX Techniques: Deepen expertise in building complex, responsive, and performant user interfaces for demanding applications.

• Financial Technology Specialization: Gain in-depth knowledge of FX Options trading, market data, and the intricacies of electronic trading platforms.

• AI-Assisted Development: Explore and implement AI tools to enhance productivity and code quality, staying at the forefront of development trends.

• Leadership and Mentorship: Develop skills in guiding technical teams, influencing architectural decisions, and mentoring junior developers.

• Cross-Disciplinary Learning: Opportunity to learn about quantitative finance, trading strategies, and backend systems through collaboration.

📝 Enhancement Note: The challenges are inherent to high-frequency trading technology and global team environments. The growth opportunities are substantial, offering a path for technical mastery, domain expertise, and leadership within a prestigious financial institution.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex UI component you built that handled real-time data updates. How did you ensure performance and accuracy?"

  • Preparation: Be ready to present a specific project from your portfolio. Detail the technologies used (e.g., WebSockets, React hooks), state management strategies, performance optimizations (e.g., debouncing, throttling, memoization), and how you handled potential data inconsistencies or connection issues. Quantify the impact if possible.

• "How would you approach designing a new RFQ workflow UI for FX Options traders? What key considerations would you have?"

  • Preparation: Think about user experience for traders, real-time quoting, quote management, risk controls, and integration points. Consider UI patterns for complex data entry and display. Discuss Agile development principles and iterative delivery.

• "Imagine a critical bug is found in production during peak trading hours. What is your immediate response, and how do you collaborate with the team to resolve it?"

Company & Culture Questions:

• "Why are you interested in working at Citi, specifically on this FX Options Trading platform?"

  • Preparation: Research Citi's role in financial markets, their technology initiatives, and the specific challenges of FX trading technology. Connect your skills and career aspirations to the company's mission and the role's impact.

• "How do you contribute to a collaborative and innovative team environment, especially in a global, hybrid setting?"

  • Preparation: Share examples of your mentorship, knowledge-sharing, and how you facilitate communication across different locations and time zones. Discuss your approach to constructive feedback and Agile practices.

• "How do you stay updated with the latest UI development trends and technologies, and how would you evaluate integrating new tools like AI assistants into our workflow?"

Portfolio Presentation Strategy:

• Focus on Impact: For each project, clearly articulate the business problem and the tangible results achieved. Use metrics to demonstrate value (e.g., performance improvements, efficiency gains, user adoption).

• Technical Depth: Be prepared to dive deep into the technical architecture, design patterns, and specific code challenges. Explain why you made certain technical decisions.

• Storytelling: Weave a narrative around your projects. Explain the journey from concept to delivery, highlighting key learnings and challenges overcome.

• Conciseness: While thorough, be mindful of time. Present the most critical aspects of each project efficiently.

• Demonstrate Collaboration: If your portfolio includes team projects, explain your specific contributions and how you worked with others.

📝 Enhancement Note: Interview preparation should focus on demonstrating not just technical competence but also strategic thinking, problem-solving abilities, and a strong cultural fit with Citi's values and the demanding environment of financial trading technology.

---

📌 Application Steps

To apply for this FX Options Trading Senior UI Developer position:

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

• Customize Your Resume: Tailor your resume to highlight your experience with React, TypeScript, real-time data handling, CI/CD, automated testing, and any relevant financial technology experience. Quantify achievements wherever possible.

• Prepare Your Portfolio: Ensure your portfolio is up-to-date and showcases your strongest UI development projects, with clear descriptions of your role, technical challenges, solutions, and impact. Be ready to present specific examples during interviews.

• Practice Technical & Behavioral Questions: Rehearse answers to common interview questions, focusing on demonstrating your technical expertise, problem-solving skills, and collaborative approach. Prepare specific examples using the STAR method (Situation, Task, Action, Result).

• Research Citi & the Role: Understand Citi's position in the financial industry, their technology strategy, and the specific challenges and opportunities within electronic FX Options trading. This will help you tailor your responses and demonstrate genuine interest.

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