New website for window manufacturer BEWI

New website for window manufacturer BEWI

A modern, modular BEWI website based on proprietary WordPress blocks, with product configuration, multilingualism, and high performance, ready for further expansion.

Business objective

The goal of the BEWI website was to create a modern, flexible, and fully manageable website that would allow for easy expansion, implementation of new elements, and configuration of products with non-standard parameters.

more specifically…

The client’s priority was full control over the content, appearance, and structure of individual subpages while maintaining the highest performance and code quality.

Project technology
The website was built from scratch based on WordPress and a proprietary, dedicated template. The foundation of the entire solution is a system of custom WordPress blocks, prepared using the official Create Block plugin. This made it possible to create a flexible ecosystem of modules that can be freely composed on any subpages.


Each block was designed as an autonomous module, consisting of:
block.json
element configuration, description,
identifier, and editing settings
style.scss
individual CSS styles for a given block
render.php
logic and HTML structure
generated on the server side
edit.js
full editor support in React, ensuring
intuitive work in the WordPress panel
view.js
optional JavaScript scripts
for interactive elements

In summary

In total, we have prepared over 25 dedicated blocks, which has given us enormous opportunities to build complex layouts without having to interfere with the code.

Each module has been optimized for mobile devices, ensuring that the website remains consistent and readable on every screen.

Unique features
The website was built from scratch based on WordPress and a proprietary, dedicated template. The foundation of the entire solution is a system of custom WordPress blocks, prepared using the official Create Block plugin. This made it possible to create a flexible ecosystem of modules that can be freely composed on any subpages.
Ikona
Multilingualism The entire website has been translated using WPML, covering over 200 products and all key views in English and German.
Ikona
Advanced product color system One of the key elements was the creation of a 100% proprietary system for assigning colors to products. The solution includes:
  • an administration panel with a full list of colors
  • individual configuration for each product
  • assignment modes:
    • selected colors
    • all colors
    • exclude colors
The whole system has been integrated using custom meta boxes, which ensures intuitive operation for website administrators.
Ikona
Custom data types Instead of using WooCommerce, we have created a complete product and content management system using custom data types:
  • Products – a complete product database with dedicated parameters
  • Photos – an extensive gallery with categories
  • Layout – a global section management system that allows the same blocks to be displayed in multiple places on the website

Performance and optimization

Despite the large amount of content and extensive functionality, the website achieves PageSpeed Insights scores of:

99 / 93 / 100 / 92

This is the result of refined architecture, modular code, and selective resource loading.

Summary

The BEWI website is an example of a project in which WordPress was used as an advanced application platform – not just a CMS.
Thanks to its modular block architecture, proprietary functionalities, and high performance, the client received a tool that allows for further development without technological limitations.

Additional elements
The implementation has been enriched with, among other things:
  • more than 5 different sliders
  • mega menu with an extensive structure,
  • advanced forms
    communicating with other modules of the service,
  • interactive animations
    while scrolling and using the website,
  • fully editable product configurator,
    guiding the user through the successive stages of product creation and enabling the sending of a request for quotation with all parameters.
Previous
Connected case studies
See all