Data Security Backend Engineer - Java/ UI Development

📍 Job Overview

Job Title: Data Security Backend Engineer - Java/ UI Development

Company: Citi

Location: Belfast, Northern Ireland, United Kingdom

Job Type: FULL_TIME

Category: Software Engineering / Operations Technology

Date Posted: 2026-04-10

Experience Level: Mid-Level (2-5 years)

Remote Status: Hybrid

🚀 Role Summary

• This role focuses on designing, developing, and implementing robust and intuitive user interfaces for identity innovation within Citi's Cloud Technology Service department.

• Key responsibilities include building production-grade frontend applications using TypeScript and React.js to enhance user experience and support automation initiatives.

• The position involves integrating frontend applications with various APIs, ensuring seamless data flow and authentication, and contributing to the strategic evolution of cloud-based identity services.

• Successful candidates will ensure high-quality visual and functional standards are met, demonstrating a strong understanding of software design principles and frontend architecture.

📝 Enhancement Note: While the title includes "Backend Engineer," the detailed description and responsibilities heavily emphasize frontend development using TypeScript and React.js. The "Data Security" aspect likely relates to the domain of identity management and access control, requiring secure coding practices and an understanding of authentication/authorization protocols. The role is positioned within the "Cloud Technology Service" department, indicating a focus on modern, cloud-native development.

📈 Primary Responsibilities

• Design, develop, and maintain high-quality, responsive, and performant user interfaces using TypeScript, React.js, and modern frontend technologies.

• Implement state management solutions (e.g., Redux, Redux Toolkit) to ensure scalable and maintainable application state.

• Collaborate with UI/UX designers, backend developers, and product owners to translate requirements into engaging and user-friendly web experiences.

• Integrate frontend applications with various APIs and ensure seamless data flow and authentication, particularly via OAuth-2 for Single Sign-On (SSO).

• Develop reusable UI components and maintain a component storybook for consistency and efficiency across projects, contributing to a robust design system.

• Ensure the technical feasibility of UI/UX designs and optimize applications for maximum speed and scalability, focusing on performance metrics.

• Write comprehensive unit and integration tests for frontend components and applications using frameworks like Jest, React Testing Library, or Cypress.

• Participate actively in code reviews, mentor junior team members, and contribute to the continuous improvement of frontend development processes and best practices within the operations technology framework.

• Ensure solutions and processes align with audit initiatives and requirements, consulting with Business Information Security Officers (BISOs) and Technology Information Security Officers (TISOs) as needed to maintain compliance and security standards.

• Appropriately assess risk when making technical decisions, demonstrating consideration for the firm's reputation and safeguarding Citigroup, its clients, and assets by adhering to policies, applying sound ethical judgment, and ensuring transparency in reporting control issues.

📝 Enhancement Note: The responsibilities highlight a strong emphasis on secure development practices, risk assessment, and compliance, which are critical in a financial services environment. The mention of BISOs and TISOs signifies a direct involvement with information security governance.

🎓 Skills & Qualifications

Education: Bachelor’s degree/University degree in Computer Science, Engineering, or a related field, or equivalent practical experience.

Experience: Proven relevant experience in a Frontend Engineering role, with a strong focus on UI development. Demonstrated experience working in a large, complex, and/or global environment, preferably within Financial Services. Proven ability to manage technical projects or significant project components effectively.

Required Skills:

• Programming Languages: TypeScript

• Frontend Frameworks: React.js Fundamentals

• State Management: Redux, Redux Toolkit

• Styling: CSS, and experience with styling-in-JS libraries or pre/post-processors

• Routing: Client-side routing in React applications

• API Integration: Experience consuming RESTful APIs

• Build Tools: Webpack, Vite

• Authentication: Integration with SSO and Authentication providers via OAuth-2

• Version Control: Git

• Testing Frameworks: Experience with Jest, React Testing Library, Cypress, or similar

• Component Documentation: Component Storybook

• Containerization: Docker, Kubernetes

Preferred Skills:

• Frontend Frameworks: Experience with Next.js or Gatsby

• Advanced State Management: Familiarity with modern solutions like Recoil, Zustand, or Jotai

• Performance Optimization: Techniques for optimizing web application performance

• Real-time Communication: Experience with Web Sockets

• Additional Programming Language: Python is a plus

📝 Enhancement Note: The "Must-Have Skills" list is extensive and highly specific, covering core frontend technologies, state management, styling, API integration, build tools, authentication protocols (crucial for security), testing, documentation, and containerization. This indicates a need for a well-rounded frontend developer with a security-conscious mindset. The preferred skills suggest areas for further growth and specialization.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstrate end-to-end development of responsive and performant web applications using TypeScript and React.js.

• Showcase examples of state management implementation with Redux or Redux Toolkit, highlighting scalability and maintainability.

• Include projects that integrate with RESTful APIs, illustrating data fetching, manipulation, and secure handling.

• Present case studies of reusable component development and utilization, ideally with links to a Component Storybook if available.

• Provide evidence of implementing authentication flows, particularly OAuth-2 for SSO, within developed applications.

Process Documentation:

• Document the design and development process for key frontend features, outlining decision-making criteria and trade-offs.

• Illustrate workflow optimization through component reusability and efficient state management techniques.

• Showcase experience with build tools like Webpack or Vite in optimizing build processes and application performance.

• Detail the approach to ensuring security and compliance in frontend development, referencing audit requirements and risk assessment practices.

📝 Enhancement Note: For a role like this, a portfolio is crucial for demonstrating practical application of skills. Candidates should prepare to walk through their projects, explaining not just what they built but how they built it, emphasizing design choices, problem-solving, and the application of best practices, especially concerning security and performance.

💵 Compensation & Benefits

Salary Range: Based on industry benchmarks for mid-level Frontend Engineers in the UK, with specific consideration for the financial services sector and Belfast's cost of living, a competitive annual salary range is estimated to be between £55,000 - £75,000. This range is subject to review based on the candidate's experience, specific skills, and performance during the interview process.

Benefits:

• Annual Performance Related Bonus: A discretionary bonus tied to individual and company performance.

• Private Medical Care & Life Insurance: Comprehensive health and life insurance coverage.

• Employee Assistance Program (EAP): Support services for personal and professional well-being.

• Pension Plan: A robust retirement savings plan.

• Paid Parental Leave: Support for new parents.

• Employee Discounts: Special offers for employees, family, and friends.

• Learning and Development Resources: Access to extensive training and development opportunities.

• Annual Leave: 27 days of annual leave plus bank holidays.

Working Hours: Standard full-time hours, likely around 40 hours per week. The role offers a hybrid working model, with up to 2 days of work from home per week, providing flexibility.

📝 Enhancement Note: The provided salary range is an estimate. The actual compensation will be determined by Citi's internal compensation structure, the candidate's experience level, and other factors. The benefits package is comprehensive, reflecting standard offerings for large financial institutions, with specific mention of a hybrid model and generous leave.

🎯 Team & Company Context

🏢 Company Culture

Industry: Financial Services (Global Banking and Financial Services). Citi operates on a massive scale, processing trillions of dollars daily and having a presence in over 180 countries. This context means a strong emphasis on security, compliance, stability, and innovation to maintain market leadership.

Company Size: Large Enterprise (Citi is a global financial institution with tens of thousands of employees worldwide). This scale implies structured processes, significant resources, and opportunities for impact across diverse business units.

Founded: 1812. Citi has a long-standing history, blending tradition with modern technological advancement. This longevity suggests a stable environment with a deep understanding of market dynamics and risk management.

Team Structure:

• The role is within the Cloud Technology Service department, specifically in the Identity Innovation space.

• The team likely comprises a mix of frontend developers, backend engineers, architects, security specialists, and product owners.

• Collaboration is expected to be cross-functional, involving UI/UX designers, product owners, and potentially other engineering teams responsible for backend services and security infrastructure.

Methodology:

• Data-Driven Operations: Emphasis on using data to drive decisions, optimize processes, and measure impact, particularly in security and identity management.

• Agile Development: Likely follows Agile methodologies (Scrum, Kanban) for iterative development, rapid feedback, and continuous delivery.

• DevOps & CI/CD: Strong focus on continuous integration, continuous delivery, and automated deployment pipelines for efficient and reliable software releases.

• Security-First Approach: Integrating security considerations from the outset of the development lifecycle (DevSecOps) to ensure robust data protection and compliance.

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

📝 Enhancement Note: Citi's culture in technology is characterized by a blend of rigorous adherence to financial regulations and a drive for innovation. The emphasis on "Identity Innovation" within Cloud Technology Services suggests a forward-looking team focused on modernizing security and access management solutions.

📈 Career & Growth Analysis

Operations Career Level: This is a Mid-Level Frontend Engineer role. It signifies an individual contributor position that requires a solid foundation in core technologies and the ability to work independently on well-defined tasks or significant components of larger projects. It's a step beyond junior roles, expecting more autonomy, problem-solving capability, and contribution to team best practices.

Reporting Structure: Typically reports to an Engineering Manager or Team Lead. Collaboration will be with peers, product owners, and potentially senior architects or security leads.

Operations Impact: This role directly impacts the security posture and user experience of critical financial systems. By developing secure and intuitive interfaces for identity management, the engineer contributes to:

• Enhanced Security: Reducing risks associated with unauthorized access and data breaches.

• Improved User Efficiency: Streamlining login processes and access management for employees and potentially clients.

• Operational Cost Reduction: Automating identity-related workflows and reducing manual intervention.

• Compliance: Ensuring adherence to stringent regulatory requirements in the financial sector.

Growth Opportunities:

• Skill Specialization: Deepen expertise in advanced frontend frameworks (Next.js), state management, performance optimization, or explore adjacent areas like backend development (Python) or cloud-native technologies (Kubernetes).

• Leadership Development: Progress into a Senior Frontend Engineer role, taking on more complex technical challenges, mentoring junior developers, and leading technical design discussions.

• Cross-Functional Mobility: Transition into roles focused on DevSecOps, SRE (Site Reliability Engineering), or product management within the technology domain.

• Architectural Influence: Contribute to the design and architecture of new identity management solutions and frontend platforms.

• Formal Training & Certifications: Leverage Citi's learning resources for specialized training in cybersecurity, cloud technologies, or advanced software engineering practices.

📝 Enhancement Note: The growth path for a frontend engineer at a firm like Citi is substantial, moving from individual contribution to technical leadership and potential management roles, with a strong emphasis on security and enterprise-scale solutions.

🌐 Work Environment

Office Type: Hybrid working model, with up to 2 days working from home per week. The primary work location is an office environment, indicating a need for in-office collaboration on designated days.

Office Location(s): 60 Sydenham Road, Titanic Quarter Blocks A, B, C Gateway Offices, Belfast, United Kingdom. This location is in a modern business district, likely offering good connectivity and amenities.

Workspace Context:

• Collaborative Environment: The hybrid model necessitates effective in-office collaboration on specific days, likely involving team meetings, whiteboarding sessions, and pair programming.

• Technology & Tools: Access to modern development tools, high-performance workstations, and robust network infrastructure necessary for enterprise-level development and security protocols.

• Team Interaction: Opportunities for direct interaction with peers, managers, and cross-functional stakeholders, fostering knowledge sharing and a sense of team cohesion.

Work Schedule: Standard full-time business hours, with flexibility offered through the hybrid model. Developers are expected to manage their time effectively to meet project deadlines and participate in team syncs and critical development activities.

📝 Enhancement Note: The hybrid work arrangement is a key feature, balancing the benefits of remote work with the advantages of in-person collaboration, which is often vital for complex technical discussions and team building in enterprise settings.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: HR or recruiter call to assess basic qualifications, interest, and cultural fit.

• Technical Screening: A coding challenge or technical interview, potentially focused on TypeScript, React.js, or problem-solving algorithms.

• On-site/Virtual Interviews:

  • Frontend Technical Deep Dive: In-depth discussion on React.js, state management, API integration, and testing strategies.
  • System Design/Architecture: Evaluating the ability to design scalable and secure frontend components or applications.
  • Behavioral Interview: Assessing problem-solving skills, teamwork, communication, and cultural fit, with questions focusing on past experiences and how candidates handle specific situations.
  • Manager/Team Lead Interview: Focus on career aspirations, alignment with team goals, and leadership potential.

• Portfolio Review: Candidates will likely be asked to present specific projects from their portfolio, explaining their role, technical decisions, and outcomes.

Portfolio Review Tips:

• Project Selection: Choose 2-3 strong projects that best showcase your proficiency in TypeScript, React.js, state management, API integration, and testing. Prioritize projects that demonstrate an understanding of security principles.

• Walkthrough Structure: For each project, clearly articulate the problem statement, your specific contributions, the technologies used, key architectural decisions, challenges overcome, and the impact/results.

• Code Quality: Be prepared to discuss specific code snippets, explaining design patterns, performance optimizations, and testing methodologies employed.

• Security Focus: Highlight any aspects of your projects that demonstrate an awareness of data security, authentication, or authorization best practices.

• Conciseness: Be clear, concise, and focused. Aim to explain complex concepts in an understandable manner.

Challenge Preparation:

• Coding Challenges: Practice common algorithmic problems and frontend-specific challenges on platforms like LeetCode, HackerRank, or Codewars. Focus on efficiency and clean code.

• System Design: Prepare for questions on designing scalable and maintainable frontend architectures, considering factors like performance, state management, API interactions, and security.

• Behavioral Questions: Use the STAR method (Situation, Task, Action, Result) to structure your answers to behavioral questions, drawing on your experience with complex projects, team collaboration, and problem-solving.

📝 Enhancement Note: The interview process is likely rigorous, aiming to assess technical depth, problem-solving capabilities, and cultural alignment with Citi's enterprise environment. A well-prepared portfolio and practice with coding/design challenges are essential.

🛠 Tools & Technology Stack

Primary Tools:

• Frontend Frameworks: React.js (primary), Next.js/Gatsby (preferred)

• Languages: TypeScript (primary), Python (plus)

• State Management: Redux, Redux Toolkit, Recoil, Zustand, Jotai (preferred)

• Styling: CSS, Styled-Components, Emotion, SASS/LESS

• Build Tools: Webpack, Vite

• Version Control: Git (GitHub, GitLab, Bitbucket)

• Containerization: Docker, Kubernetes

Analytics & Reporting:

• Testing Frameworks: Jest, React Testing Library, Cypress, Playwright

• Component Documentation: Component Storybook

• Monitoring/Performance: Tools for monitoring frontend performance and user experience (e.g., Lighthouse, browser developer tools, potentially APM tools).

CRM & Automation:

• While not directly CRM, the role interfaces with APIs that manage user identities, access controls, and potentially related workflows. Experience with authentication protocols like OAuth-2 and SSO is critical.

• CI/CD Tools: Familiarity with tools like Jenkins, GitLab CI, or Azure DevOps for automated build and deployment pipelines.

📝 Enhancement Note: Proficiency across this stack is expected. The emphasis on containerization (Docker, Kubernetes) suggests the applications are deployed in a cloud-native or microservices environment, requiring developers to have an understanding of these deployment technologies.

👥 Team Culture & Values

Operations Values:

• Security & Compliance: A paramount value in financial services. Decisions and development practices must prioritize data protection, regulatory adherence, and risk mitigation.

• Innovation: Driving advancements in identity management and user experience through modern technologies and creative solutions.

• Collaboration: Working effectively within diverse teams, sharing knowledge, and supporting colleagues to achieve common goals.

• Excellence & Quality: A commitment to delivering high-quality, robust, and performant software solutions that meet enterprise standards.

• Accountability: Taking ownership of tasks and projects, demonstrating responsibility for outcomes and continuous improvement.

Collaboration Style:

• Cross-Functional Integration: Actively engaging with UI/UX designers, backend engineers, security officers, and product owners to ensure alignment and successful project delivery.

• Open Communication: Fostering an environment where ideas, feedback, and concerns can be shared openly and constructively.

• Knowledge Sharing: Participating in code reviews, documentation, and team discussions to disseminate best practices and technical insights.

• Agile Mindset: Embracing iterative development, adaptability, and continuous feedback loops to refine processes and deliverables.

📝 Enhancement Note: Citi's culture, especially within technology, balances a strong emphasis on risk management and compliance with a drive for innovation. Team members are expected to be proactive, detail-oriented, and collaborative.

⚡ Challenges & Growth Opportunities

Challenges:

• Complexity of Enterprise Systems: Navigating and integrating with a vast and complex legacy and modern technology landscape within a global financial institution.

• Security & Compliance Demands: Meeting stringent security requirements and evolving regulatory landscapes in the financial sector.

• Scalability & Performance: Ensuring frontend applications can handle high volumes of users and data while maintaining optimal performance.

• Keeping Pace with Technology: Continuously learning and adapting to new frontend technologies and security best practices in a rapidly evolving tech landscape.

• Balancing Innovation with Stability: Introducing new features and technologies while ensuring the stability and security of critical financial systems.

Learning & Development Opportunities:

• Specialized Training: Access to comprehensive learning platforms and courses on advanced frontend development, cybersecurity, cloud computing, and specific Citi technologies.

• Mentorship Programs: Opportunities to learn from experienced engineers and architects within the organization.

• Industry Conferences & Workshops: Potential for participation in relevant tech events and workshops to stay abreast of industry trends.

• Internal Mobility: Pathways to explore different roles and technologies within Citi's extensive technology division.

• Certification Support: Assistance with obtaining industry-recognized certifications in relevant technology domains.

📝 Enhancement Note: The challenges presented are typical of large enterprise environments in regulated industries. Citi's commitment to learning and development offers a structured path for engineers to overcome these challenges and advance their careers.

💡 Interview Preparation

Strategy Questions:

• Operations Strategy: "Describe a time you had to balance delivering a new feature with maintaining the security and stability of a production system. What trade-offs did you make, and how did you mitigate risks?" (Focus on risk assessment, security practices, and decision-making).

• Collaboration & Stakeholder Management: "How do you approach collaborating with UI/UX designers and backend engineers to translate complex requirements into a functional user interface? Provide an example of a challenging collaboration and how you resolved it." (Focus on communication, teamwork, and problem-solving).

• Problem-Solving: "Walk me through how you would debug a performance issue in a React application that is experiencing slow load times. What tools and techniques would you use?" (Focus on analytical skills, debugging process, and performance optimization knowledge).

Company & Culture Questions:

• Company Operations Culture: "What do you understand about Citi's approach to technology and data security, especially within the financial services industry? How does this influence your approach to development?" (Research Citi's tech initiatives, security reports, and industry challenges).

• Operations Team Dynamics: "Describe your ideal team environment. How do you contribute to a positive and productive team culture, especially in a hybrid work setting?" (Focus on collaboration, communication, and adaptability).

• Operations Impact Measurement: "How do you measure the success of a frontend feature you've developed? What metrics do you track, and how do you tie them back to business objectives like user experience or operational efficiency?" (Focus on data-driven evaluation, KPIs, and ROI).

Portfolio Presentation Strategy:

• Storytelling: Frame your projects as narratives – the problem, your solution, the impact. Clearly articulate your role and the specific technical contributions you made.

• Metrics & Impact: Quantify results wherever possible. Instead of "improved performance," say "reduced page load time by 15%." For security features, discuss how they mitigate specific risks.

• Technical Depth: Be ready to dive into architectural decisions, code patterns, and trade-offs. Explain why you chose certain technologies or approaches.

• Interactive Demo (if possible): If your project is live or has a readily deployable demo, be prepared to showcase it.

• Cultural Alignment: Connect your experience and approach to Citi's values, particularly around security, collaboration, and innovation.

📝 Enhancement Note: The interview process will heavily scrutinize your ability to apply technical skills within a secure, regulated, and enterprise-scale context. Demonstrating an understanding of risk, compliance, and robust development practices will be key.

📌 Application Steps

To apply for this Data Security Backend Engineer - Java/ UI Development position:

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

• Portfolio Customization: Tailor your resume and portfolio to highlight your strongest TypeScript, React.js, Redux, API integration, and testing skills. Showcase any projects that demonstrate experience with OAuth-2, SSO, or general security best practices.

• Resume Optimization: Ensure your resume clearly articulates your experience in complex/global environments and financial services (if applicable). Use keywords from the job description and emphasize achievements with quantifiable results.

• Interview Preparation: Practice coding challenges, system design questions, and behavioral interview responses using the STAR method. Prepare to present 1-2 key projects from your portfolio, focusing on technical decisions, challenges, and outcomes.

• Company Research: Familiarize yourself with Citi's technology initiatives, especially in cloud services and identity management. Understand their commitment to security and compliance within the financial industry.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and operations industry-standard assumptions. All details should be verified directly with the hiring organization before making application decisions.

---