Uniwersytety WSB Merito

Rodzaj projektu

Nowa odsłona serwisu

Branża

Edukacja

Technologie

Drupal

Vue.js

Zakres prac

Web development, support powdrożeniowy

merito.pl

Najważniejsze elementy projektu

Kompleksowy rebranding (z WSB na Uniwersytety WSB Merito) dla ponad 30 serwisów uczelni w ramach jednej platformy Drupal Multisite
Wdrożenie 50 autorskich modułów i blisko 200 wariantów paragrafów, umożliwiających redaktorom tworzenie zróżnicowanych układów podstron bez wsparcia programistów
Dynamiczne filtrowanie oferty edukacyjnej z natychmiastową aktualizacją wyników, bez przeładowywania strony
Pełna automatyzacja cenników i oferty rekrutacyjnej dzięki integracji z wewnętrznym systemem CRM

O kliencie

Uniwersytety WSB Merito (kiedyś Wyższe Szkoły Bankowe) to lider rynku uczelni niepublicznych w Polsce z korzeniami sięgającymi 1998 roku. Od 2023 grupa Merito funkcjonuje jako największa sieć niepublicznych uniwersytetów w kraju, obejmująca uczelnie w 11 miastach.

Wyzwanie

Od lat jesteśmy partnerem technologicznym uczelni – odpowiadaliśmy zarówno za stworzenie serwisów w środowisku Drupal multisite, jak i ich dalszy rozwój oraz utrzymanie. Tym razem jednak wyzwanie wykraczało poza standardowe prace supportowo-rozwojowe i dotyczyło kompleksowego rebrandingu z WSB na Uniwersytety WSB Merito. Zmiana ta miała objąć ponad 30 serwisów jednocześnie.

Głównym wyzwaniem było więc dostosowanie architektury Multisite do nowej identyfikacji wizualnej. Klientowi zależało na zachowaniu dostępności i funkcjonalności istniejącej platformy, z jednoczesnym uporządkowaniem powtarzalnych zasobów (grafik, zdjęć, słowników).

Równie istotna była warstwa sprzedażowa – serwis wymagał wdrożenia wydajnego listingu kierunków oraz integracji z CRM, aby usprawnić aktualizację cenników.

Cel projektu

Naszym nadrzędnym celem było przekształcenie platformy tak, aby w pełni odzwierciedlała nową identyfikację Uniwersytetów WSB Merito. Zależało nam, aby poszczególne oddziały mogły samodzielnie zarządzać swoimi stronami, korzystając ze wspólnej bazy komponentów. Planowaliśmy również wdrożenie rozwiązań, które skrócą ścieżkę dotarcia do informacji – stąd nacisk na szybkie działanie wyszukiwarki i czytelną prezentację oferty.

Całość miała być realizowana z myślą o długofalowym rozwoju i gotowości na przyszłą aktualizację do Drupala 11.

Rozwiązanie

Zaprojektowaliśmy centralnie zarządzany system Drupal Multisite, w którym każda z ponad 30 instancji korzysta z tej samej bazy produktów, mediów i komponentów graficznych. Taka architektura pozwoliła nam utrzymać jeden, bezpieczny standard techniczny, zapewniając poszczególnym oddziałom niezależność w tworzeniu contentu.

Aby sprawnie przenieść zasoby do nowej struktury i umożliwić wymianę mediów między serwisami, wdrożyliśmy procesy migracji. Dzięki temu ostatecznie uporządkowaliśmy bibliotekę i wyeliminowaliśmy powielające się pliki graficzne. To ułatwiło pracę edytorów i znacznie odchudziło bazę danych.

Uzupełnieniem architektury było hybrydowe podejście do warstwy wizualnej. Wykorzystaliśmy standardowe szablony Drupala, ale kluczowy element – listing kierunków – wdrożyliśmy jako dynamiczny komponent. Przy tak rozbudowanej ofercie edukacyjnej, tradycyjne metody nawigacji byłyby zbyt wolne. Teraz, gdy użytkownik szuka informacji, nie musi czekać na odświeżenie strony po wybraniu każdego filtra. Wyniki pojawiają się w ułamku sekundy.

Zadbaliśmy również o łatwość utrzymania tak rozległej sieci serwisów. Wdrożyliśmy mechanizmy synchronizacji, które pozwalają na błyskawiczne aktualizowanie powtarzalnych elementów we wszystkich witrynach jednocześnie. Całość oparliśmy na skalowalnej infrastrukturze, przygotowanej na wzmożony ruch w szczycie kampanii rekrutacyjnych.

Szczegóły rozwiązania

Multiinstalacja ponad 30 serwisów

Zastosowaliśmy jedną bazę kodu dla całej sieci serwisów opartych na Drupalu. Dzięki temu każda aktualizacja bezpieczeństwa czy nowa funkcja trafia natychmiast do wszystkich instancji. Eliminuje to potrzebę powielania prac deweloperskich, a co za tym idzie – przekłada się na niższe koszty utrzymania i rozwoju serwisów.

Jednocześnie zachowaliśmy pełną separację danych – każdy serwis ma własną, niezależną bazę treści. To pozwala na szybsze wprowadzanie globalnych zmian i jednocześnie zabezpiecza pozostałe serwisy przed skutkami ewentualnych lokalnych awarii.

Dynamiczny listing kierunków

Tradycyjne mechanizmy filtrowania przy setkach wariantów (miasto, tryb, specjalność) generują duże obciążenie bazy danych. Przenieśliśmy ten ciężar na warstwę frontendu, wdrażając architekturę Vue Embedded App. Aplikacja pobiera kompletny zestaw danych przy pierwszym załadowaniu, a następnie operuje na nich lokalnie. Dzięki temu nawet skomplikowane operacje krzyżowe (np. zmiana miasta przy wybranym kierunku) dzieją się natychmiastowo, bez angażowania serwera.

Zaawansowana customizacja i system Bento

Aby połączyć unikalny wygląd z łatwością edycji, stworzyliśmy dwa niezależne motywy oraz około 50 autorskich modułów. Do zarządzania treścią wdrożyliśmy niemal 200 wariantów paragrafów, w tym ponad 50 komponentów Bento, które pozwalają na szybkie układanie złożonych siatek graficznych bez udziału programisty.

Synchronizacja konfiguracji (YAML) i skalowalność

Wdrożyliśmy mechanizm synchronizacji paragrafów i konfiguracji oparty na plikach YAML. Pozwala to na aktualizację komponentów graficznych między instancjami. Stworzyliśmy także centralną bazę mediów i słowników do usprawnienia zarządzania zasobami we wszystkich witrynach. Całość działa w środowisku Docker, przygotowanym do szybkiego uruchamiania kolejnych serwisów.

Efekty pracy

Multiinstalacja łącząca 30 serwisów w ramach rebrandingu Uniwersytetów WSB Merito

Przeprowadzenie zmiany wizerunkowej przy tak rozproszonej strukturze to spore wyzwanie operacyjne. Zajęliśmy się tym od A do Z, dodatkowo skupiając się na usprawnieniu kilku ważnych elementów:

Wdrożyliśmy nową identyfikację wizualną całej grupy Uniwersytetów WSB Merito.
Uporządkowaliśmy i ujednoliciliśmy architekturę multisite oraz przygotowaliśmy ją do dalszego rozwoju.
Skróciliśmy czas dotarcia kandydatów do oferty edukacyjnej.
Zapewniliśmy zespołom marketingu autonomię w tworzeniu landing page'y i edycji treści.
Zagwarantowaliśmy stabilność infrastruktury w kluczowych momentach kampanii rekrutacyjnych.
Zachowaliśmy spójność technologiczną całej grupy Merito i dzięki temu obniżyliśmy koszty utrzymania serwisów.