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.
Requirements
- 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
Skills Required
- Bachelor's degree in Computer Science, IT, Software Engineering, or related field
- 3-5 years Front-End Web Development experience
- 2+ years developing UI for Liferay DXP (7.x / Enterprise)
- Liferay DXP theme development, Freemarker, Liferay Fragments, Client Extensions, Clay UI
- HTML5, CSS3, SASS/LESS, JavaScript (ES6+), Bootstrap/Clay CSS
- Experience with React.js or Angular/Vue.js for Liferay front-end widgets
- Consuming RESTful APIs, JSON, and GraphQL within Liferay applications
- Translate designs from Figma, Zeplin, or Adobe XD into pixel-perfect implementations
- Version control and build tools: Git, npm, webpack, Liferay Developer Studio / Blade CLI
- Strong attention to detail, cross-browser and cross-device compatibility, performance tuning
- Familiarity with Liferay Headless architecture and Liferay Objects UI extension
- Basic understanding of Java and JSP for legacy Liferay customization
- Exposure to Web Accessibility Standards (WCAG 2.1)
- Liferay Front-End Developer Certification
What We Do
Adree is a technology-driven company that goes beyond software testing. We specialize in Quality Assurance (QA), Quality Control (QC), and Low Code/No Code services. We exist to empower businesses in the digital realm, optimizing their projects with high-quality code. To constantly empower IT and businesses with innovative, unique digital solutions. We bridge the gap between business and technology, crafting distinguished pathways to success. By blending expertise with creativity, we inspire transformative journeys, ensuring our clients thrive in the digital age. Our Mission: Empower IT and businesses with innovative, unique digital solutions, bridging the gap between business and technology for success in the digital age. Our Vision: Become the global leader in digital excellence, known for our unwavering commitment to tailor-made solutions, driving innovation for businesses of all sizes and industries. Who We Are: At Adree, we lead with a visionary concept to ignite innovation in software development and testing. Our distinctive approach empowers businesses through: 1. Quality Assurance (QA) and Quality Control (QC): Ensuring the reliability and performance of digital solutions. 2. Low Code / No Code Application Development: Rapid application design and integration for efficiency. 3. Application & Infrastructure Performance Monitoring: Ensure seamless user experiences. 4. Application Lifecycle Management: Efficient, secure application management from inception to retirement.
