Today the trend is web design with modular content that allows the user to rearrange and distribute the elements of a page according to their tastes or the change of priority that the contents have.
Currently the practice of working with static and predefined content is a limitation for the content managers of a website.
Today the trend is the web design with modular content that allows the user to reorder and distribute the elements of a page according to their tastes or the change of priority that the content will have.
A modular web presents a base content structure with all the possibilities that the administrator or owner of a site considered necessary for his site.
For example, a user considered that his website needed the following elements: two-column text module, title module, video upload module, image gallery module, table module and timeline module.
In previous processes, a structure was created with all these elements ordered in such a way that they did not admit a reordering (the title will always go first and the video at the end, for example).
With the modular design, all these possible content modules are generated with a base order, but the administrator can reorder, delete or add these pre-built sections in the order and quantity he wants, this way, a site can be seen in a totally different way from one day to another.
This is the basis of a modular website.
Developing a modular website
“The order of a page goes beyond what is visible to the user.
Maintaining a good order in a website not only means that it is visually organized and that each section looks harmonious for the visiting user, it is also important to maintain a well-structured code with the necessary elements for its proper functioning.
For this, we use the BEM methodology (Block Element Modifier) to maintain a more friendly and scalable syntax, in order to improve communication within the team and to achieve a more expeditious and reliable support.
This methodology (BEM) gives us the ability to write classes in a clearer and easier to understand, keeping in its base the context or container (Block), followed by the pieces that compose it (Element), which is preceded by a double dash under “__”, ending if necessary with the variables of this (Modifier).
These, unlike the elements, are separated by a double dash “-” and can affect the element as well as the base block.
Design to user’s liking
A website with modular content allows the user to be given a fully functional site to his liking, but now including the possibility that he can modify the structure, and in some way the design of the site, to generate new pages or give a new style to the existing ones.
If at the beginning the Home of a site was “Featured content + two columns of text + image + video + icon slide/text”, now the user can reorder his site from one day to the next and create a version two with “Featured content + image + video + two columns of text/image + icon slide + video”.
In the end, sites with modular web content resemble Lego boxes, where they have a recommended base structure, but where the user can rearrange the elements the way he wants, creating new structures that are not meaningless and visually appealing. The site belongs to you completely!