Nowa strona internetowa dla producenta stolarki okiennej BEWI

Nowoczesna, modułowa strona BEWI oparta na autorskich blokach WordPress, z konfiguracją produktów, wielojęzycznością i wysoką wydajnością, gotowa do dalszej rozbudowy.

Cel biznesowy

Celem realizacji serwisu BEWI było stworzenie nowoczesnej, elastycznej  i w pełni zarządzalnego serwisu WWW, pozwalającego na swobodną rozbudowę, wdrażanie nowych elementów oraz konfigurację produktów  o niestandardowych parametrach.

a dokładniej…

Priorytetem klienta była pełna kontrola nad treściami, wyglądem i strukturą poszczególnych podstron przy zachowaniu najwyższej wydajności i jakości kodu.

Technologia projektu

Serwis został zbudowany od podstaw w oparciu o WordPress oraz autorski, dedykowany szablon. Fundamentem całego rozwiązania stał się system własnych bloków WordPress, przygotowanych przy użyciu oficjalnej wtyczki Create Block. Dzięki temu możliwe było stworzenie elastycznego ekosystemu modułów,  które można swobodnie komponować na dowolnych podstronach.

Każdy blok został zaprojektowany jako autonomiczny moduł, składający się z:

block.json

konfiguracja elementu, opis,
 identyfikator oraz ustawienia edycji

style.scss

indywidualne style CSS dla danego bloku

render.php

logika oraz struktura HTML
 generowana po stronie serwera

edit.js

pełna obsługa edytora w React, zapewniająca
 intuicyjną pracę w panelu WordPress

view.js

opcjonalne skrypty JavaScript
 dla interaktywnych elementów

Podsumowując

Łącznie przygotowaliśmy ponad 25 dedykowanych bloków, co dało ogromne możliwości budowania rozbudowanych layoutów bez konieczności ingerencji w kod.

Każdy moduł został zoptymalizowany pod kątem urządzeń mobilnych, dzięki czemu serwis pozostaje spójny i czytelny na każdym ekranie.

Unikalne funkcjonalności

Serwis został zbudowany od podstaw w oparciu o WordPress oraz autorski, dedykowany szablon. Fundamentem całego rozwiązania stał się system własnych bloków WordPress, przygotowanych przy użyciu oficjalnej wtyczki Create Block. Dzięki temu możliwe było stworzenie elastycznego ekosystemu modułów, które można swobodnie komponować na dowolnych podstronach.

Wielojęzyczność Cały serwis został przetłumaczony przy użyciu WPML, obejmując ponad 200 produktów oraz wszystkie kluczowe widoki w języku angielskim i niemieckim.

Zaawansowany system kolorów produktów Jednym z kluczowych elementów było stworzenie w 100% autorskiego systemu przypisywania kolorów do produktów. Rozwiązanie obejmuje:

panel administracyjny z pełną listą kolorów
konfigurację indywidualną dla każdego produktu
tryby przypisywania:
- wybrane kolory
- wszystkie kolory
- wyklucz kolory

Całość została zintegrowana za pomocą niestandardowych meta boxów, co zapewnia intuicyjną obsługę dla administratorów serwisu.

Customowe typy danych Zamiast stosować WooCommerce, stworzyliśmy kompletną obsługę produktów i treści za pomocą niestandardowych typów danych:

Produkty – pełna baza produktów z dedykowanymi parametrami
Zdjęcia – rozbudowana galeria z kategoriami
Layout – system zarządzania sekcjami globalnymi, umożliwiający wyświetlanie tych samych bloków w wielu miejscach serwisu

Wydajność i optymalizacja

Pomimo dużej ilości treści oraz rozbudowanych funkcjonalności, serwis osiąga wyniki PageSpeed Insights na poziomie:

99 / 93 / 100 / 92

To efekt dopracowanej architektury, modularnego kodu oraz selektywnego ładowania zasobów.

Podsumowanie

Realizacja serwisu BEWI to przykład projektu, w którym WordPress został wykorzystany jako zaawansowana platforma aplikacyjna – nie tylko CMS.
Dzięki modularnej architekturze bloków, autorskim funkcjonalnościom oraz wysokiej wydajności, Klient otrzymał narzędzie pozwalające na dalszy rozwój bez ograniczeń technologicznych.

Dodatkowe elementy

Realizacja została wzbogacona m.in. o:

ponad 5 różnych sliderów
mega menu z rozbudowaną strukturą,
zaawansowane formularze
komunikujące się z innymi modułami serwisu,
interaktywne animacje
podczas scrollowania i użytkowania strony,
w pełni edytowalny konfigurator produktowy,
prowadzący użytkownika przez kolejne etapy tworzenia produktu i umożliwiający wysyłkę zapytania ofertowego wraz ze wszystkimi parametrami.

Potrzebujesz własnego systemu? Napisz!

Poprzedni

Powiązane case studies