Senior Front End Engineer - AI Products in London

Senior Front End Engineer - AI Products in London

London Full-Time 60000 - 80000 £ / year (est.) No working from home possible
Citigroup, Inc.

At a Glance

  • Tasks: Build AI-powered product interfaces and create intuitive user experiences using React.
  • Company: Join Citi's innovative tech team shaping the future of banking.
  • Benefits: Enjoy 27 days annual leave, private medical care, and a performance bonus.
  • Other info: Great opportunities for career growth and skill development.
  • Why this job: Be part of a dynamic team driving change with cutting-edge technology.
  • Qualifications: Expertise in React, TypeScript, and building scalable front-end applications.

The predicted salary is between 60000 - 80000 £ per year.

We are Citi's Application, Platform and Engineering team, a start‑up with the exciting mission of shaping the direction of travel for the entire bank under the Chief Technology Office, by defining the tech and engineering strategy for the bank. We are a team of talented engineers, product managers and tech SMEs, taking ambiguous concepts and making them real by engineering cutting edge products at planetary scale! We are solely focused on the most modern technology and engineering disciplines such as generative AI, cloud, security, modern app stacks (with Golang, Gatekeeper), open source and the latest and greatest in the Kubernetes ecosystem.

Generative AI is a growing space, as a result, we ask that you share with us any specific AI engineering projects utilising LLMs that you're proud of in your application. Ideally these projects should show off complex and clever architectures or a systematic evaluation of an LLM's behaviour.

You might be a good fit if you:

  • Bring your deep‑dive front‑end engineering expertise from building polished, high‑performance user interfaces for production systems at scale
  • Thrive in a results‑driven environment, where flexibility fuels impact
  • Be a game‑changer, ready to step beyond your designated role
  • Love the synergy of pair programming? So do we!
  • A relentless passion to learn more about modern UI/UX paradigms, design systems, and bringing your knowledge to shape Citi's front‑end engineering future.

What you'll do within the Tech Strategy team:

  • Build AI‑powered product interfaces from 0‑1 – Engineer production‑grade, business‑facing UI platforms in React with intuitive, accessible, and delightful user experiences from day one
  • Design and build sophisticated component libraries and design systems – Create reusable, themeable, and well‑documented React component libraries that ensure visual consistency and accelerate development across the organisation
  • Architect scalable front‑end applications – Design robust client‑side architectures using React, TypeScript, and modern state management patterns that handle complex data flows and real‑time interactions at enterprise scale
  • Champion front‑end performance and accessibility – Optimise rendering performance, bundle sizes, and Core Web Vitals while ensuring all products meet WCAG accessibility standards
  • Drive modern front‑end engineering practices – Establish best practices in component testing, visual regression testing, CI/CD for front‑end assets, and developer tooling to maintain velocity without sacrificing quality
  • Mentor and elevate the team – Guide other engineers on React patterns, front‑end architecture, responsive design, and building interfaces that are beautiful, performant, and inclusive

Experience That Will Help You Succeed In This Role:

  • Production UI builder – proven track record of architecting and building large‑scale, business‑facing front‑end applications from the ground up, delivering polished products used by thousands of users
  • Advanced React expertise – deep proficiency in React (hooks, context, suspense, server components), including performance optimisation techniques such as memoisation, code splitting, lazy loading, and concurrent rendering
  • TypeScript mastery – strong command of TypeScript for building type‑safe, maintainable, and self‑documenting front‑end codebases at scale
  • Modern state management – extensive experience with state management solutions such as Redux Toolkit, Zustand, Jotai, or React Query/TanStack Query for managing complex client‑side and server‑side state
  • Design system and component library development – experience building and maintaining enterprise‑grade design systems using tools like Storybook, Figma‑to‑code workflows, and CSS‑in‑JS solutions (Styled Components, Tailwind CSS, CSS Modules)
  • Next.js and modern React frameworks – hands‑on experience with Next.js (App Router, SSR, SSG, ISR) or similar frameworks for building performant, SEO‑friendly, and production‑ready web applications
  • API integration and data fetching – expertise in consuming RESTful and GraphQL APIs, implementing optimistic updates, caching strategies, and real‑time data via WebSockets or Server‑Sent Events
  • Testing and quality assurance – building comprehensive test suites using Jest, React Testing Library, Playwright, or Cypress, including unit, integration, visual regression, and end‑to‑end testing strategies
  • Front‑end performance and observability – deep understanding of browser rendering pipelines, Core Web Vitals optimisation, bundle analysis (Webpack, Vite, esbuild), and front‑end monitoring/error tracking with tools like Sentry or Datadog RUM
  • Accessibility and inclusive design – strong knowledge of WCAG 2.1+ guidelines, ARIA patterns, screen reader compatibility, and building interfaces that are usable by everyone, including users with disabilities

What we’ll provide you:

This is a unique role that will put you in the position to be part of a new venture and actively drive change. Every day there will be new challenges that will help you develop new skills that can drive your career.

Benefits:

  • 27 days annual leave (plus bank holidays)
  • A discretional annual performance‑related bonus
  • Private Medical Care & Life Insurance
  • Employee Assistance Program
  • Pension Plan
  • Paid Parental Leave
  • Special discounts for employees, family, and friends

Citi is an equal opportunity employer, and qualified candidates will receive consideration without regard to their race, color, religion, sex, sexual orientation, gender identity, national origin, disability, status as a protected veteran, or any other characteristic protected by law.

If you are a person with a disability and need a reasonable accommodation to use our search tools and/or apply for a career opportunity review Accessibility at Citi.

Senior Front End Engineer - AI Products in London employer: Citigroup, Inc.

Citi is an exceptional employer that fosters a dynamic and innovative work culture, particularly for the Senior Front End Engineer role within our cutting-edge Application, Platform and Engineering team. With a focus on modern technologies like generative AI and cloud solutions, employees are encouraged to grow through mentorship and hands-on experience in building impactful products. Our comprehensive benefits package, including generous annual leave, private medical care, and performance-related bonuses, ensures that our team members feel valued and supported in their professional journey.

Citigroup, Inc.

Contact Details:

Citigroup, Inc. Recruitment Team

StudySmarter Expert Advice🤫

We think this is how you could land Senior Front End Engineer - AI Products in London

Join Local Tech Meetups

Get out there and mingle with fellow developers by joining local tech meetups. It’s a fantastic way to meet people who might be working at Citigroup, Inc. or know someone who does. Plus, you can pick up some trendy tech skills and trends while you're at it!

Contribute to Open Source Projects

Show off your coding chops by jumping into open-source projects. Not only does this give you practical experience, but it also gets you noticed in the dev community. You'll create a killer portfolio that speaks volumes about your skills to Citigroup, Inc..

Tap into Online Developer Communities

Don’t underestimate the power of online developer communities like GitHub, Stack Overflow, and even Reddit. Participate in discussions, share your projects, and build your visibility. We can often find opportunities through these channels that can lead to a full-time gig at companies like Citigroup, Inc..

Explore Job Boards Specifically for Tech Roles

Keep your eyes peeled on job boards that focus on tech roles. Sites like TechCareers or Stack Overflow Jobs can often have listings for companies like Citigroup, Inc. that might not show up on broader job sites. Make it a habit to check these regularly, and don’t hesitate to apply directly through our website!

We think you need these skills to ace Senior Front End Engineer - AI Products in London

React
TypeScript
State Management (Redux Toolkit, Zustand, Jotai, React Query)
Component Library Development
Next.js
API Integration (RESTful, GraphQL)
Testing (Jest, React Testing Library, Playwright, Cypress)

Some tips for your application 🫡

Show off your coding skills:When applying for a software engineering role, it's super important to showcase your coding skills. Make sure your CV includes your tech stack, any relevant programming languages you’re comfortable with, and examples of projects you've worked on. If you have a GitHub profile, link it up! We love to see code in action.

Tailor your portfolio:For a full-time role, we’d expect to see some solid examples of your work in your portfolio. Make sure to include at least two or three projects that highlight your problem-solving skills and your ability to work with different technologies. Focus on the projects that are most relevant to the position at Citigroup, Inc..

Craft a killer cover letter:Your cover letter is your chance to stand out—make it personal! Explain why you want to work at Citigroup, Inc. and how your skills align with the role. Show us your passion for software development. We dig enthusiastic candidates who understand the value of collaboration and continuous learning!

Be clear and concise:When it comes to writing your CV and cover letter, clarity is key. Avoid jargon that could confuse us and stick to simple, direct language. Highlight your achievements with quantifiable results where possible, and keep everything easy to read. A well-organised application goes a long way!

How to prepare for a job interview at Citigroup, Inc.

Brush Up on Your Coding Skills

For a full-time software engineering role, it's crucial that we stay sharp with our coding abilities. Expect technical questions that might involve solving problems on the spot or discussing algorithms. Practise on platforms like LeetCode or HackerRank to get comfortable with the types of questions that often come up.

Know Your Tools and Frameworks

Make sure we’re well-acquainted with the tools and technologies listed in the job description. Familiarise ourselves with any specific frameworks or programming languages mentioned. If Citigroup, Inc. uses React or Node.js, for instance, be ready to discuss how we’ve used them in previous projects or coursework.

Showcase Your Projects

Bring along a portfolio that highlights our best work. This could be code samples, GitHub repositories, or any side projects we’ve built. Make sure we can talk through our thought process for each project, especially the challenges we faced and how we solved them—this shows our problem-solving skills in action.

Prepare for Behavioural Questions

While technical skills are key, full-time positions also require cultural fit. Be ready to discuss our previous experiences and how we handle teamwork, conflict, and deadlines. Brush up on the STAR method—Situation, Task, Action, Result—to clearly articulate our past experiences when discussing how we've contributed to a team.