UI Engineer

Role Overview

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.

---