Adobe brings a set of reusable and production-ready components for its content management system, AEM.
Their name: The Adobe Core Components.
Their purpose: Speeding up development time.
But how do you take advantage of these Core Components to deliver a website fast?
What is the best design approach, and how should the team members work together?
If your company is using AEM or AEM Cloud Service and you are looking to fast-track the design process while following the best practices of AEM’s styling system, you came to the right place.
Today, we are going to explain how to avoid a long design phase, and too much back and forth.
AEM Styling process in a nutshell
Let’s go through the styling process with Adobe Experience Manager.
The process suits a new project with AEM Cloud Service.
However, you could follow a similar design approach while working with an on-premise version of AEM.
Indeed, the basis of the styling process will remain the same for any version of AEM and leverage Adobe Core Components, a library of best practice components.
The main idea of the styling process can be summarised in three concepts:
Using standardised components
Low code, a software development approach that requires little to no coding
The standards are represented by the Core Components. More than just a library of web elements, they will drive the design of the user experience from the very beginning and help the designers, the website owner, and developers to work together on a common frame.
Low code is a key aspect of the styling process. Why always reinvent the wheel?
The Core Components offer a foundation. By leveraging them, the development effort is drastically reduced and the main task is all about styling the components. In other words, it’s focused on adapting CSS and JS. HTML won’t be adapted.
Finally, the design elements must be reusable for other websites, landing pages, or intranets.
When companies decide to invest in AEM and build a consistent user experience across many websites and channels, they must consider having proper information architecture.
A well-designed component library helps them implement websites at scale.
We will now go into detail of these concepts, explain what core components are, and what it means to build the user experience with core components in mind to get your project design up to speed.