UI developer (1-2+ years of experience)

Role:

We are looking for a highly skilled UI Developer with 1-2+ years of professional experience in building pixel-perfect, responsive, high-performance, and interactive web and mobile interfaces. The ideal candidate should have expert-level knowledge of HTML5, CSS3, modern CSS frameworks for responsive behaviours, layouting techniques, micro- interactions, animation libraries, and frontend development practices.

They should have hands-on experience with React.js, Next.js, TypeScript, and Tailwind CSS, along with a strong understanding of cross-browser compatibility, accessibility, web performance, and technical SEO.

Key responsibilities:

UI Development & Implementation

Translate Figma designs into pixel-accurate, responsive, and interactive web interfaces.

Develop clean, semantic, and maintainable HTML, CSS, and JavaScript.

Build reusable UI components following established design systems and coding standards.

CSS Frameworks & Styling Libraries

Implement responsive layouts using CSS3, Flexbox, Grid, and modern layout techniques.

Work with Tailwind CSS and other modern styling frameworks.

Build consistent UI elements across screen sizes, devices, and browsers.

Understand and implement typography, spacing, transitions, states, and responsive behaviours.

Animation & Interaction Libraries

Develop basic micro-interactions, hover effects, transitions, and interface animations.

Implement animations using CSS and JavaScript-based libraries.

Ensure interactions are smooth, purposeful, and optimised for performance.

React, Next.js & TypeScript

Develop and maintain reusable UI components using React.js and Next.js.

Work with TypeScript to create structured, type-safe frontend code.

Integrate UI components with APIs and existing application logic under technical guidance.

Follow established component architecture, coding conventions, and version-control practices.

Figma to Code & AI-Assisted UI Development

Interpret Figma files, design specifications, component libraries, and design tokens.

Maintain visual consistency between approved designs and developed interfaces.

Explore AI-assisted development tools to improve coding efficiency, prototyping, and component generation.

Validate AI-generated code for quality, accuracy, accessibility, and maintainability.

Responsive Design & Cross-Browser Compatibility

Develop mobile-first, responsive interfaces for desktop, tablet, and mobile devices.

Test layouts and interactions across modern browsers and operating systems.

Identify and resolve UI inconsistencies, alignment issues, and responsive behaviour defects.

Follow fundamental accessibility standards and frontend best practices.

UI Testing & Quality Assurance

Perform self-QA to ensure accurate implementation of approved designs.

Test UI components for responsiveness, functionality, browser compatibility, and visual consistency.

Identify and resolve UI defects before handing over work for formal QA.

Support frontend performance optimisation, including image optimisation, loading behaviour, and Core Web Vitals.

Apply basic technical SEO principles, including semantic markup and appropriate page structure.

Qualifications:

Bachelor's degree or diploma in Computer Science, Information Technology, Web Development, or a related discipline.

1–2 years of hands-on experience in UI development or frontend development.

A portfolio or demonstrable examples of responsive websites, interactive interfaces, or frontend applications.

Strong problem-solving skills, attention to detail, and an ability to collaborate with multidisciplinary teams.

Willingness to learn new frameworks, tools, and development methodologies.

Must have skills:

Proven ability to independently convert complex Figma designs into pixel-perfect, responsive, production-ready interfaces.

Strong understanding of browser rendering, CSS architecture, design systems, and component-based development.

Strong proficiency in HTML5, CSS3, and JavaScript (ES6+).

Practical experience with React.js, Next.js, and TypeScript.

Practical experience with GSAP, Framer MoCon, or equivalent advanced animation libraries.

Working knowledge of Tailwind CSS and modern CSS styling approaches.

Strong understanding of responsive design, Flexbox, CSS Grid, and mobile-first development.

Ability to translate Figma designs into visually accurate, functional interfaces.

Understanding of reusable components, basic component architecture, and design systems.

Familiarity with Git and collaborative development workflows.

Basic knowledge of web accessibility, cross-browser compatibility, and performance optimisation.

Strong attention to detail, particularly in typography, spacing, alignment, and interactive states.

Good to have experience:

Experience building and maintaining large-scale design systems and reusable component libraries.

Knowledge of Three.js, React Three Fiber, Rive, Lottie, or other advanced visual technologies

Experience with Storybook and component-driven development

Understanding of WCAG accessibility standards and performance optimisation.

Experience with CI/CD workflows, GitHub Actions, and automated frontend testing.

Familiarity with CMS integrations, REST APIs, GraphQL, and headless architectures.

Experience working in an agency, product development, or client-facing environment.

Ability to review Figma designs and proactively.

Identify inconsistencies, usability gaps, and implementation challenges.

What we offer:

Opportunities to work on diverse digital products, platforms, and interactive experiences across industries.

A collaborative environment where design, technology, and product thinking work closely together.

Exposure to sophisticated design systems, advanced UI interactions, and modern frontend technologies.

Hands-on learning through live projects, technical reviews, and mentorship from experienced designers and developers.

Opportunities to experiment with AI-assisted workflows, development automation, and emerging technologies.

A growth path towards Senior UI Developer and UI Development Lead roles, with increasing responsibility and technical ownership.

Seniority level: Entry level

Employment type: Full-time

Industries: Design Services