Want to know if this job is worth applying to?
Manila, Philippines
Hybrid
The TP ICAP Group is a world leading provider of market infrastructure.
Our purpose is to provide clients with access to global financial and commodities markets, improving price discovery, liquidity, and distribution of data, through responsible and innovative solutions.
Through our people and technology, we connect clients to superior liquidity and data solutions.
The Group is home to a stable of premium brands. Collectively, TP ICAP is the largest interdealer broker in the world by revenue, the number one Energy & Commodities broker in the world, the world’s leading provider of OTC data, and an award winning all-to-all trading platform.
Founded in London in 1866, the Group operates from more than 60 offices in 27 countries. We are 5,300 people strong. We work as one to achieve our vision of being the world’s most trusted, innovative, liquidity and data solutions specialist.
Role Overview:
This role is for a UI Engineer within the Corporate Functions team, part of the TP ICAP Technology division. The successful candidate will be responsible for designing, developing, and maintaining web‑based user interfaces that are reliable, scalable, and intuitive. The role involves delivering high‑quality code supported by automated testing, working closely with cross‑functional teams, and contributing to wireframing and rapid prototyping activities. The UI Engineer is expected to demonstrate an agile mindset, produce clear and comprehensive documentation, and exhibit T‑shaped capabilities by supporting teammates across different disciplines. Success in this role requires strong collaboration with business analysts, designers, and other technical and non‑technical stakeholders.
Role Responsibilities:
Design, develop, and maintain web-based user interfaces written in Typescript using React
Ensure high-quality code through automated testing, particularly integration testing, and maintain a strong emphasis on code quality.
Collaborate with cross-functional teams, including Business Analysts (BAs), QA engineers, and Project Managers (PMs), to deliver solutions that meet business requirements.
Wireframing user interfaces for rapid prototyping and feedback
Demonstrate T-shaped skills by actively contributing to all areas of development and assisting team members in developing their own T-shaped skills
Participate in agile ceremonies and contribute to an agile mindset within the team.
Maintain detailed documentation of code, processes, and system configurations.
Technical Skills
JavaScript (ES6+) Proficiency
Strong understanding of modern JavaScript features such as arrow functions, promises, async/await, destructuring, spread/rest operators, and modules.
React.js Core Fundamentals
Expertise in building UI components using functional components and hooks (useState, useEffect, useContext, useReducer, etc.). Deep knowledge of component lifecycle and state management patterns.
State Management
Experience with Redux, Zustand, Recoil, or Context API for managing complex application state.
HTML5 & CSS3
Solid understanding of semantic HTML, responsive design, Flexbox, Grid, and modern CSS methodologies (BEM, CSS-in-JS, Tailwind CSS, Styled Components).
Frontend Build & Tooling Ecosystem
Skilled with Webpack, Vite, Babel, NPM/Yarn, and package management.
Familiarity with monorepo tools (Nx, Turborepo) is a plus.
RESTful APIs & GraphQL
Ability to integrate frontend applications with backend services using REST or GraphQL (Apollo, URQL).
Version Control (Git)
Proficient in Git workflows (branching, pull requests, code reviews).
Testing Frameworks
Experience with Jest, React Testing Library, or Cypress for unit, integration, and E2E testing.
TypeScript
Strong understanding of static typing, interfaces, generics, and type‑safe component development.
Performance Optimization
Knowledge of React performance techniques (memorization, lazy loading, code splitting, virtualization).
UI/UX Understanding
Ability to translate design wireframes (Figma, Adobe XD) into high‑quality React components.
Accessibility (A11y)
Understanding of WCAG guidelines and implementing accessible React components.
Modern Web Architecture
Familiarity with Single Page Applications (SPA), Progressive Web Apps (PWA), SSR/SSG with frameworks like Next.js.
Soft Skills
Strong communication skills and ability to explain technical topics clearly.
Ability to work collaboratively within Agile/Scrum teams.
Strong problem‑solving, analytical thinking, and attention to detail.
Ability to work independently and manage multiple tasks.
Desirable Experience / Competences
Minimum 3 Years of professional web application development
Recent experience with React functional components (experience with other frameworks may be considered)
Experience writing integration and unit tests for user interfaces is required
Experience designing and building systems using a contract-first methodology is preferred
Must feel comfortable creating wireframes in Figma (or similar tools)
Experience with Isomorphic frameworks, such as NextJS is preferred
Experience with mono-repo tooling, such as NX or yarn workspaces, is preferred
Experience working in agile environments and a strong agile mindset.
Attention to detail and the ability to work under pressure without being distracted by complexity.
Experience working closely with stakeholders to create user interfaces that solve business problems
Knowledge of AWS software solutions is beneficial.
General Skills
Strong communication skills, both written and verbally
Strong Typescript/JavaScript proficiency
Moderate CSS proficiency
Understanding of UX and UI accessibility principles
Comfortable with Wireframing tools, such as Figma
Ability to work effectively as part of a team and independently when required.
Proficiency in using Git for version control and JIRA for backlog management.
Excellent problem-solving skills and the ability to think critically and creatively.
Ability to use own initiative, with strong personal organisation skills.
Ability to develop new skills and understand new technology as required.
Personable and engaging.
Communicates effectively and efficiently to internal and external stakeholders.
Build relationships and networks with both internally and externally wherever possible.
Demonstrates strong customer focus.
Demonstrates ability to work effectively with others.
Constructively handles disagreements to reach a resolution.
Ability to work with diverse groups/ personalities.
Open to innovative ideas/ experiences and ability to create new ideas, approaches or insights.
Excellent attention to detail, highly organised with a proactive approach.
Strong analytical ability and problem-solving skills.
Not The Perfect Fit?
Concerned that you may not meet the criteria precisely? At TP ICAP, we wholeheartedly believe in fostering inclusivity and cultivating a work environment where everyone can flourish, regardless of your personal or professional background. If you are enthusiastic about this role but find that your experience doesn't align perfectly with every aspect of the job description, we strongly encourage you to apply. You may be the ideal candidate for this position or another opportunity within our organisation. Our dedicated Talent Acquisition team is here to assist you in recognising how your unique skills and abilities can be a valuable contribution. Don't hesitate to take the leap and explore the possibilities. Your potential is what truly matters to us.
Company Statement
We know that the best innovation happens when diverse people with different perspectives and skills work together in an inclusive atmosphere. That's why we're building a culture where everyone plays a part in making people feel welcome, ready and willing to contribute. TP ICAP Accord - our Employee Network - is a central to this. As well as representing specific groups, TP ICAP Accord helps increase awareness, collaboration, shares best practice, and holds our firm to account for driving continuous cultural improvement.
Location
Philippines - A.T. Yuchengco Centre - Taguig City