About Client
The client is a worldwide corporation and the world’s leading manufacturer, installer, and service provider of elevators, escalators, and moving walkways. With operations in over 200 countries and millions of units under maintenance globally, the company plays a critical role in moving billions of people every day.
Business Goals & Specifications
- Develop a corporate website containing comprehensive business information.
- Developed the solutions using Liferay’s out-of-the-box (OOTB) features only and reduced customization requests.
- Maintain a clear and structured page hierarchy with the help of pagesets.
- Achieve high accessibility standards.
- Develop reusable fragments with minimal configuration.
- Avoid custom OSGi module development.
- Ensure responsive design with optimized performance.
- Implement a Site Initializer to standardize and simplify site creation across environments.
- Keep the overall structure simple and maintainable.
Implemented Features & Capabilities
- Mobile Responsiveness is implemented to access the site using mobile devices.
- Liferay’s OOTB components, fragments, web content, and templates are used to develop multiple sections on all pages.
- Implemented centralized styling using Liferay Stylebook and CSS Client Extensions to maintain a consistent and scalable design system.
- Created Blueprints to enable structured and dynamic content filtering across pages.
- Developed the header and footer using reusable fragments and applied them through Master Pages, eliminating dependency on theme-level customization.
- Built reusable page sections such as header, footer, grid cards, cards, dynamic carousel, and load more functionality using Liferay fragments and components.
- Developed a Liferay Site Initializer (Client Extension) to automate site creation, ensuring consistent and standardized deployment across environments.
Technology Components & Implementations
- Frontend & Templating :
- Implemented FreeMarker (FTL) templates combined with HTML to define structured content layouts and conditional rendering within Liferay fragments.
- Applied centralized styling using Liferay Stylebook and CSS Client Extensions to ensure scalable, maintainable, and consistent UI across the platform.
- JavaScript was used to add dynamic behavior such as conditional content handling and interactive components.
- Liferay :
- All digital assets(images, videos, PDFs, Docs, SVGs) used on the website are managed through Documents and Media.
- Developed reusable UI components such as header, footer, grid cards, newsroom & blog sections, profile cards, PDF sections, and read-more functionality using Liferay Fragment.
- Implemented Widget Templates to customize Category Facet, Search Results, and Search Bar components.
- Configured Navigation Menus for structured header and footer navigation management.
- Utilized Display Pages to render detailed views for news and blog content dynamically.
- Created Blueprints to enable structured and optimized content filtering across pages.
- Developed a Site Initializer (Client Extension) to automate site provisioning without manual import/export, ensuring consistent and repeatable deployments across environments.
Technical Blueprint
Languages
- Java
- JavaScript
- Freemarker
Frameworks & Libraries
- Liferay DXP 7.4
Front-end
- HTML5
- CSS3
- SCSS
- Bootstrap
- ClayUI
Database
- MySQL
Web Services and APIs
- RESTful APIs
Security
- OAuth 2.0
Architecture
- OSGi
Version Control
- GitHub
Project Management Tools
- Jira
Benefits & Value Proposition
- Easily editable business content on all pages of the website.
- Reusable components rather than creating new components for minor changes.
- Project and team management to deliver quality over time.
- On-time delivery and frequently applying the latest changes.
- Created a site initializer for creating new sites effortlessly.
