UI (Liferay), Developer

Adree; Riyadh; On-site; SAR 162,000 - 198,000; Full time

Job summary

Adree seeks a skilled UI (Liferay) Developer to design, build, and optimize enterprise portal interfaces using the Liferay DXP platform. Translate UI/UX wireframes into responsive, high-performance Liferay themes, layouts, and front-end portlets across enterprise digital solutions.

Collaborate with backend teams, QA, and designers to implement Freemarker templates, integrate REST APIs/GraphQL, ensure accessibility, cross-browser compatibility, and pixel-perfect UI.

Qualifications

• Bachelor’s degree in Computer Science, IT, Software Engineering or related field.
• 3-5 years of Front-End Web Development with at least 2+ years on Liferay DXP (7.x/Enterprise).
• Strong expertise in HTML5, CSS3/SASS, JavaScript (ES6) and front-end frameworks.
• Experience with Freemarker templates, CLAY UI, and Liferay fragments.

Responsibilities

• Design, customize, and implement Liferay DXP themes, templates, and UI fragments.
• Develop responsive, accessible interfaces using modern front-end tech inside Liferay.
• Bind UI components to REST APIs, GraphQL, and backend headless services.
• Collaborate with UI/UX Designers to translate designs into pixel-perfect pages.
• Optimize front-end performance and cross-browser compatibility.

Skills

Liferay DXP

Front-End Web Development

HTML5

CSS3/SASS

JavaScript (ES6)

React

Angular

Freemarker

Clay UI framework

REST APIs

GraphQL

Git

NPM/Webpack

Blade CLI

WCAG 2.1

Education

Bachelor’s degree in Computer Science / IT / Software Engineering

Tools

Liferay DXP

Freemarker

Clay Design System

Liferay Developer Studio

Blade CLI

Job description

Adree is seeking a skilled and detail-oriented UI (Liferay), Developer to design, build, and optimize enterprise portal interfaces and digital web experiences using the Liferay DXP platform. In this role, you will be responsible for translating UI/UX wireframes and business requirements into responsive, high-performance Liferay themes, layout templates, fragments, and front-end portlets. Operating at the intersection of enterprise portal architecture and modern front-end engineering, you will ensure seamless user experiences, visual consistency, and optimal performance across all enterprise digital solutions.

Key Roles and Responsibilities

• Liferay UI Implementation: Design, customize, and implement Liferay DXP themes, layout templates, site initializers, and UI fragments using Liferay’s Client Extensions and Clay Design System.
• Front-End Development: Develop responsive, interactive, and accessible web interfaces using modern front-end technologies (HTML5, CSS3/SASS, JavaScript, ES6) alongside frameworks like React or Angular inside Liferay.
• Component & Template Design: Build reusable UI components, custom Freemarker templates, and widget templates (ADT) to enforce design consistency across portal sites.
• Integration & API Consumption: Bind front-end UI components with Liferay REST APIs, GraphQL, and backend headless services to render dynamic portal content efficiently.
• Design System & UX Compliance: Collaborate closely with UI/UX Designers to translate Figma/Adobe XD mockups into pixel-perfect, cross-browser, and mobile-responsive Liferay pages.
• Performance Tuning: Optimize portal front-end performance, page load times, client-side caching, and DOM rendering across various browsers and devices.
• Collaboration & Support: Work with Java/Liferay backend developers, Business Analysts, and QA teams to integrate, test, and troubleshoot UI components throughout the Agile lifecycle.

• Education
• Bachelor’s degree in Computer Science, Information Technology, Software Engineering, or a related field.
• Experience
• 3-5 years of experience in Front-End Web Development, with at least 2+ years of dedicated experience developing UI for Liferay DXP (7.x / Enterprise).
• Solid track record of delivering responsive enterprise portal interfaces and custom Liferay themes.
• Skills & Competencies (Technical & Analytical + Soft)
• Liferay Ecosystem Mastery: Hands-on expertise with Liferay DXP theme development, Freemarker, Clay UI framework, Liferay Fragments, and Client Extensions.
• Core Front-End Tech: Advanced proficiency in HTML5, CSS3, SASS/LESS, JavaScript (Vanilla/ES6+), and Bootstrap/Clay CSS.
• Modern JS Frameworks: Good understanding of React.js or Angular/Vue.js for building modern Liferay front-end widgets.
• Headless & APIs: Experience consuming RESTful APIs, JSON, and GraphQL within Liferay applications.
• Design Tool Integration: Comfort working directly from design tools like Figma, Zeplin, or Adobe XD.
• Version Control & Build Tools: Proficiency in Git, npm, webpack, and Liferay Developer Studio / Blade CLI.
• Problem Solving & Precision: Strong attention to detail, typography, spacing, and cross-browser/cross-device compatibility.
• Preferred (but not required)
• Familiarity with Liferay Headless architecture and Liferay Objects UI extension.
• Basic understanding of Java/JSP for legacy Liferay customization when needed.
• Exposure to Web Accessibility Standards (WCAG 2.1).
• Certifications
• Liferay Front-End Developer Certification (Highly Preferred).
• Job Location
• Client site