Frontend Engineer (Gen AI)

USER EXPERIENCE RESEARCHERS PTE. LTD.; Singapore; On-site; SGD 90,000 - 120,000; Full time

Job summary

USER EXPERIENCE RESEARCHERS PTE. LTD. is seeking an experienced frontend engineer with a strong UX background to ship production web applications.

You will transform user needs into polished interfaces using React, Next.js, TypeScript, HTML and CSS, and collaborate with AI and backend teams to integrate APIs and authentication. You will lead usability testing, create wireframes and prototypes in Figma, ensure accessibility and performance, and promote design-system quality across products while

Qualifications

• 5+ years of experience in frontend engineering, UX engineering, or a comparable product-facing role with production apps.
• Strong proficiency in React and modern JavaScript/TypeScript, component architecture, state management, API integration, and testing.
• Proficiency in user-centered design, information architecture, prototyping, usability testing, and accessibility.

Responsibilities

• User Discovery & Workflow Design: understand goals, pain points, and workflows to create personas, journey maps, and product requirements.
• Prototyping & User Validation: build wireframes, high-fidelity designs, and interactive prototypes; run usability tests and iterate.
• React Frontend Engineering: develop production-quality web apps with React/Next.js, ensure reusable components and robust state management.
• AI Interaction Design: design interfaces for conversational and AI-enhanced experiences with clear handling of uncertainty.
• Design Systems & Accessibility: extend design tokens and patterns; ensure accessibility and responsiveness across platforms.
• Backend & Platform Integration: collaborate on API contracts and frontend integration with authentication and databases.

Skills

Frontend engineering

React

TypeScript

UI/UX design

Figma

Accessibility

Testing

Backend API knowledge

CI/CD

Security practices

Tools

Figma

Next.js

HTML/CSS

TypeScript

Job description

Key Responsibilities

• User Discovery & Workflow Design: Work directly with business users to understand goals, tasks, pain points, operating constraints, and current workflows. Translate findings into personas, journey maps, information architecture, user flows, and clear product requirements.
• Prototyping & User Validation: Create wireframes, high-fidelity designs, and interactive prototypes using tools such as Figma or coded prototypes. Facilitate usability testing, synthesize feedback, and iterate rapidly before and during implementation.
• React Frontend Engineering: Build responsive, maintainable, and production-quality web applications using React, Next.js, TypeScript, HTML, and CSS. Implement reusable components, robust state management, client-side validation, error handling, and automated tests.
• AI Interaction Design: Design interfaces for conversational, generative, and agentic experiences, including streaming responses, tool execution, progress and system status, citations, user confirmation, human review, error recovery, and clear handling of uncertainty.
• Design Systems & Accessibility: Apply and extend reusable design patterns, component libraries, and design tokens. Ensure solutions are consistent, responsive, inclusive, and aligned with applicable accessibility standards.
• Backend & Platform Integration: Collaborate closely with AI and backend engineers to shape API contracts and integrate frontend applications with authentication, databases, enterprise systems, and platform services. Build lightweight backend functionality when required.
• Quality, Performance & Security: Optimize usability, responsiveness, rendering performance, and reliability; implement unit, integration, end-to-end, and accessibility testing; and apply secure frontend practices for sensitive data and regulated environments.
• Deployment, Adoption & Handover: Own frontend delivery through production rollout, documentation, user onboarding, feedback collection, support, and knowledge transfer. Use qualitative and quantitative signals to improve user adoption and task completion.
• Field-to-Platform Feedback: Identify recurring user needs and reusable interface patterns, and feed them back into shared components and improvements to the core platform.

Qualifications

• Experience: 5+ years of experience in frontend engineering, UX engineering, interaction design with hands-on development, or a comparable product-facing role, with evidence of shipping applications used in production.
• Frontend Engineering: Advanced proficiency in React and modern JavaScript or TypeScript, with strong knowledge of component architecture, state management, responsive design, API integration, performance optimization, and automated testing.
• UI/UX Practice: Strong foundation in user-centered design, information architecture, interaction design, prototyping, usability testing, visual hierarchy, and accessible design. Proficiency with Figma or equivalent tools is required.
• Design-to-Code Capability: Demonstrated ability to translate user needs and design concepts into polished, maintainable, production-ready interfaces without relying on a separate handoff for every detail.
• Stakeholder Partnership: Strong communication, facilitation, and presentation skills, with the ability to work directly with non-technical users, uncover underlying needs, explain design and technical trade-offs, and incorporate feedback constructively.
• Product & Delivery Mindset: Comfortable working with ambiguous requirements, rapidly prototyping, testing with users, and taking ownership from discovery through rollout and continuous improvement.
• Technical Breadth: Working knowledge of backend APIs, authentication, databases, cloud environments, version control, CI/CD, and secure software development sufficient to deliver integrated applications with engineering partners.

Nice-to-Have (Bonus Points)

• Forward Deployment: Experience in consulting delivery, design engineering, solutions engineering, internal product delivery, or another role involving direct collaboration with users and end-to-end implementation.
• AI Product Experience: Experience designing or building interfaces for chatbots, copilots, agentic workflows, data-rich applications, or other AI-enabled products.
• Design Systems: Experience creating or extending component libraries and design systems, including documentation, accessibility considerations, and visual regression testing.
• Data Visualization: Experience presenting complex operational or analytical information using libraries such as Recharts, D3.js, or Chart.js.
• Regulated Environments: Experience delivering internal enterprise applications subject to stringent security, privacy, accessibility, or applicable regulatory and organizational requirements.