Case study: How FRIENDS agency built a scalable WordPress multi-language website for MINDFAB with WPBakery

Learn how FRIENDS, a full-service agency for communication, marketing, design and WordPress, produced a scalable multi-language website for their client MINDFAB, with WPBakery as part of the technical setup.

FRIENDS agency: A WordPress agency building structured WordPress websites that scale

FRIENDS is an Augsburg-based full-service agency for communication, marketing and advertising, combining strategy, design, content, digital solutions and technical realization under one roof.

With a broad portfolio ranging from marketing consulting, graphic design and digital strategies to copywriting, PR, photography, video production and WordPress development, FRIENDS works as a “Customized Agency”: flexible expert teams are formed according to each project’s individual requirements.

For digital projects, FRIENDS focuses on tailored, user-oriented concepts that connect technology, layout and content in a meaningful way. From analysis, concept and design to development, project management, hosting, launch and ongoing website maintenance, the agency develops integrated solutions designed to work in practice and grow over time.

They have been working with WPBakery since its early days, with more than 140 websites build around it and rely on it as a core part of their workflow. As Tobias Berg shared himself:

“Very early I started working with WPBakery… we’ve seen it develop.”

WPBakery is used across a large number of client projects to deliver structured, scalable and maintainable websites.

“We are so dependent on that now and we love it… if it wouldn’t work, my clients would be in front of my door.”

Project overview

Client: Mindfab
Agency:FRIENDS, Augsburg, Germany
Scope: Multi-language website with four languages, lead generation, scalable structure for future sectors
Tech stack: WordPress, WPBakery, Avada, custom CSS/LESS

Mindfab, a German medical manufacturing company that specializes in the digitalization of dental laboratories through CAD/CAM materials, machines and a one-stop online shop, needed a website that could presents a complex product offering clearly while supporting ongoing lead generation. The goal was to create a flexible structure that could grow beyond the initial “Dental” focus and later expand into additional sectors such as “Optics” and “Acoustics” without requiring the website to be rebuilt from scratch.

The project combined four languages, a fully defined Figma design and a growing product portfolio that needed to be translated into a clear, scalable website structure. FRIENDS turned this foundation into a working digital system: a multilingual WordPress website built to organize complex content, support future expansion and give MINDFAB a professional platform for communication, product presentation and lead generation.

The challenge: translating a defined design into a scalable structure

The project started with three constraints:

• A fully designed Figma layout with strict visual requirements
• A client with a growing product portfolio that needed to be organized clearly for multiple target groups and future sectors
• A long-term vision to expand into additional industries

As Tobias Berg explains, they were brought in last, with the responsibility to turn this into a working system.

“We had the design, the products going into the market and the vision to expand into other branches. Our task was to translate all of that into a scalable structure.”

The risk: ending up with a static website that looks correct but cannot evolve or be managed by the client.

The approach: build a system, not pages

Instead of translating designs into fixed pages, FRIENDS built a modular system inside WPBakery.

Key decisions:

• Break the design into reusable content blocks
• Standardize layouts using backend structure (rows and columns)
• Use Templatera and Grid Builder for repeatable elements
• Extend styling with custom CSS and LESS to match Figma precisely

All this allowed them to maintain design accuracy, keep the structure consistent, while enabling reuse across hundreds of pages

One of the key outcomes of this approach was scale:

“We organized it over 300 pages and four languages – we needed that structure, and it worked.”

Why WPBakery

WPBakery was used in line with how FRIENDS builds and maintains scalable WordPress websites.

The backend editor provided a structured environment that keeps layouts predictable, meaning that, instead of relying on visual editing alone, the team used a clearly defined layout system that prevents issues when content is updated.

Tobias is clear on this:

“We deliberately don’t rely on a pure WYSIWYG approach. The structured backend with rows and columns is what we like – that’s what keeps things under control.”

Templatera supported the creation of reusable components, allowing sections to be used across pages without rebuilding them which was essential for maintaining consistency across languages and content variations.

The project also required detailed customization. WPBakery allowed the team to extend layouts using CSS and LESS without losing control over structure.

FRIENDS agency has long-term experience working with WPBakery across a large number of projects, which played a role in delivering this project efficiently and with a consistent standard.

From Figma to production

One of the most demanding parts of the project was translating a detailed Figma design into a working site. Before this project, the client worked with a system that did not support flexible content creation. Building new landing pages required developer involvement and, with the new setup, that changed.

By using WPBakery, they created a base page containing all predefined elements used across the site. These elements can be copied and reused to create new pages.

As Tobias said:

“We gave the client one page with every element. Now they can copy rows and build landing pages themselves.”

Keeping control as site grows

One of the main risks in projects like this is what happens after launch. As it’s widely known, once clients start editing content, poorly structured builds tend to break, layouts shift and consistency is lost. And before this project, the client, Mindfab, used a TYPO3-based setup with limited flexibility.

All this, the agency addressed directly in the setup.

After the launch:

• The client can create landing pages independently
• Pre-built elements can be copied and reused
• New campaigns can be launched without developer involvement

“When you open the administration, the customer starts changing things. If the structure isn’t right, everything breaks. With this setup, that doesn’t happen.”

WPBakery’s structured backend and element controls made it possible to define how content can be edited without affecting the overall layout. This directly reduced dependency on the agency for everyday updates.

Where WPBakery made the difference

If we were to roundup the value of WPBakery in this project as an overall – it’s how it supports this way of building described by Tobias and FRIENDS team.

The backend editor provided a clear structure that they rely on when working on larger projects. Moreover, Templatera allowed them to define and reuse components across pages, while Grid Builder supported more complex content arrangements where needed.

This combination gave them full control over both design and implementation, allowing them to build something that looks custom, behaves consistently and remains manageable as it grows.

So, it’s:

• Modular landing page sections
• Multi-language scalability
• Role-based control
• Backend clarity

What could have gone wrong

Without this approach, the likely outcome would have been a visually correct but static website that is difficult to maintain across languages and pages, with the increased reliance on developers for every change. Thankfully, all that was avoided with WPBakery, Templatera, CSS and LESS and the final outcome is, well, see for yourselves.

The outcome

The final result is a multi-language website with a clear structure behind it, designed to support both current needs and future growth. The client, Mindfab, can create and manage content independently and the agency can maintain consistency across the project without reworking existing pages. The design remains intact, even as the site evolves.

Most importantly, the project was able to deliver what was required from the beginning: a system that works over time instead of just a website.

Key takeaways

• WPBakery allowed FRIENDS agency to turn a fixed Figma design into a reusable, structured system.
• Templatera and backend layout made it possible to manage 300+ pages across four languages consistently.
• Custom CSS and LESS extended WPBakery without breaking structure or flexibility.
• The backend editor gave the agency full control over layout while keeping it usable for the client.
• The final setup enabled the client to build and manage landing pages independently.

Conclusion

This project demonstrates how WPBakery fits into projects where structure, control and scalability matter. It also demonstrates how well the plugin works when you need a scalable WordPress website that doesn’t break. For FRIENDS agency, the focus was not on speeding up page creation, but on creating a system that supports long-term use. By combining structured layouts, reusable elements and precise customization that WPBakery provides, they delivered a website that meets both current and future requirements.

If you want to talk with us about your experience with WPBakery, don’t hesitate to reach out.