Layout Builder: Creating Visual Layouts Easily and Quickly

Empowering Content Editors and Site Builders with Intuitive Drag-and-Drop Interface for Customizing Web Pages

smartphone-mobile-woman-layers

Key takeaways

Our customer, Cleo, is a leading provider of ecosystem integration software solutions for companies of all sizes.


Attico used a pre-built module from Drupal core for Cleo, this module is a visual design tool called Layout Builder, which allows content editors and site builders to easily and quickly create visual layouts for displaying content. 

With the Layout Builder’s intuitive drag-and-drop interface, users can customize how content is arranged on a single page, across different types of content, or even create custom landing pages.

Attico's team behind the project success

Attico International assembled a team of experts with a proven track record of enterprise solution development to execute this project:

Dzianis Sukharevich
Dzianis Sukharevich PM
Knows how to find and use the strengths of the team to achieve goals. Conscientious and customer oriented. For Drupal events, he brewed beer in a home brewery.
Volha Tsiamliak
Volha Tsiamliak Frontend developer, Team Lead
Superorganised. Fan of new frameworks. Mother of 4 boys.
Aliaksandr K
Aliaksandr Kostsikau Backend developer
Dzmitry Hryn
Dzmitry Hryn Frontend developer
Front-end specialist with 3+ years of experience. Enthusiastic about learning new things.

Challenges

Enthusiastic

The main challenge that Attico International faced with Layout Builder was to adapt a tool that was easy to use, flexible and could simplify the process of creating web pages. The team at Attico International identified a tool that could provide a drag-and-drop interface allowing users to easily customize the layout and content of web pages without any programming. This meant that the team had to find a way to simplify the design process and make it accessible to users with a wide range of technical skills. Additionally, the team had to ensure that the Layout Builder was versatile enough to accommodate different types of content and layouts, while still being user-friendly and efficient.

Attico developed a visual design tool called Layout Builder

Goal

evidence

Cleo wanted to streamline their page creation process and make it more efficient. They were looking for a tool that would enable them to create visually appealing layouts without the need for extensive coding or technical knowledge.

What We Did

enthusiastic

Attico’s team used a pre-built module the Layout Builder, a visual design tool that provides content editors and site builders with a drag-and-drop interface to create visual layouts quickly and easily. 

Attico's team developed the Layout Builder
Attico's team developed the Layout Builder
Dzianis Sukharevich Project Manager

We need to designate explicitly the result that we must achieve

Features

evidence
  • Fast and convenient page creation process
  • Intuitive drag-and-drop interface for easy customization
  • Ability to observe how the page looks after adding a block
  • Quick and easy block swapping using the drag-and-drop tool
  • Direct block content editing from the Layout Builder
     
Attico's team developed the Layout Builder
Attico developed a visual design tool called Layout Builder

Results

Enthusiastic

Thanks to the flexibility of the Layout builder, the process of creating a page has become fast and convenient. It has become possible to visually observe how the page looks after adding a block. It has also become possible to quickly swap blocks using the drag-and-drop tool. It has become possible to edit the block content directly from the Layout builder.

Insights

With Layout Builder, It has become possible to visually observe how the page looks after adding a block. It has also become possible to quickly swap blocks using the drag-and-drop tool. It has become possible to edit the block content directly from the Layout builder.

Cleo Team

We were really impressed with the Layout Builder. It made the process of creating web pages so much faster and more efficient. The drag-and-drop interface is very intuitive, and it’s now easy for us to customize web pages to our liking. We’re really happy with the results and would highly recommend Attico to anyone looking for a visual design tool.

Let's start with a complimentary consultation

Whether you have a small urgent task, or a large ambitious project, we can help.