Multiinstalacja Drupala dla wiodącego Operatora Sieci Dystrybucyjnej w Polsce
Rodzaj projektu
Strona internetowa
Branża
Energetyka
Technologie
Apache Solr
Drupal
Tailwind CSS
Typescript
VarnishZakres prac
Web development, migracja, support powdrożeniowy
Najważniejsze elementy projektu
- Utrzymanie jednolitego stacku technologicznego w obrębie Grupy Enea dzięki multiinstalacji Drupala
- Optymalizacja czasu i kosztów prac edytorskich oraz supportowych na obu serwisach
- Ułatwienie pracy redaktorów poprzez zastosowanie tego samego interfejsu edycji stron
- Zachowanie spójności wizerunkowej serwisów Enea i Enea Operator
O kliencie
Enea Operator to jeden z czterech największych Operatorów Systemu Dystrybucyjnego (OSD) w Polsce. Firma jest odpowiedzialna za dostarczanie energii elektrycznej przede wszystkim na północno-zachodnim obszarze kraju. Zajmuje się dystrybucją prądu, konserwacją i rozbudową sieci, a także usuwaniem awarii, zapewniając ciągłość dostaw dla prawie 3 mln odbiorców.
Wyzwanie
Głównym problemem, z jakim zmagał się klient, był brak spójności między stronami Enea oraz Enea Operator. Witryny sprawiały wrażenie osobnych bytów, co myliło użytkowników i działało negatywnie na wizerunek firmy. Klienci gubili się, próbując nawigować po każdej ze stron, co prowadziło do frustracji i osłabiało zaufanie do marki. Zamiast postrzegać Eneę jako jedną grupę, odbiorcy widzieli chaos organizacyjny. Ponadto musieliśmy przygotować serwis tak, aby zarządzanie nim nie sprawiało kłopotu edytorom i wykorzystać rozwiązania zastosowane na głównej stronie spółki – enea.pl.
Cel projektu
Naszym celem było stworzenie spójnego wizualnie i technologicznie ekosystemu witryn enea.pl i operator.enea.pl. Kluczowym aspektem było pogodzenie unifikacji z techniczną autonomią obu serwisów. Mimo wdrożenia wspólnego panelu zarządzania dla redaktorów, musieliśmy skonfigurować serwisy tak, by zmiany wprowadzane na jednej witrynie nie wpływały na drugą (strony mogły dzielić jeden kod, ale korzystać z różnych baz danych). Jednocześnie priorytetem było zachowanie dotychczasowej, wysokiej prędkości ładowania strony oraz dostosowanie obu serwisów do wymogów WCAG.
Rozwiązanie
Stronę Enea Operator wdrożyliśmy jako multiinstalację głównej witryny enea.pl. Takie podejście pozwoliło na ponowne wykorzystanie kodu i funkcji, co znacząco przyspieszyło czas realizacji i obniżyło koszty wdrożenia po stronie klienta.
Oba serwisy bazują na tym samym, sprawdzonym stacku technologicznym:
- Tailwind CSS i Single Directory Components – zapewniły spójność wizualną i ułatwiły dalszą rozbudowę serwisu o nowe typy treści;
- Varnish – posłużył jako wydajny system cache’owania, dbając o wysoką wydajność i szybkość ładowania stron;
- TypeScript – zagwarantował większą stabilność i ułatwił zarządzanie rozbudowanymi skryptami JavaScript.
Stronę główną Grupy Enea postawiliśmy na Drupalu, dlatego mieliśmy ułatwione zadanie w kwestii wyboru technologii. Drupal Multisite był w tej sytuacji naturalnym i najlogiczniejszym rozwiązaniem. Multiinstalacja pozwoliła potraktować nową witrynę Enea Operator jako „siostrzaną” instalację. Oznacza to ten sam kod, moduły i funkcjonalności co na enea.pl. Zamiast budować wszystko od zera, mogliśmy ponownie wykorzystać gotowe komponenty, gwarantując spójność technologiczną, znacząco skracając czas, minimalizując koszty wdrożenia. Jednocześnie zapewniliśmy jednolity system edycji strony, z tym samym panelem administracyjnym, co znacznie przyspiesza codzienną pracę zespołu redaktorów.
Szczegóły rozwiązania
Multisite
Najlepszym sposobem na stworzenie dwóch lub kilku siostrzanych stron jest multiinstalacja. Dzięki takiemu rozwiązaniu otrzymaliśmy spójny wygląd i strukturę witryn oraz użyliśmy istniejącej bazy kodu enea.pl. Pozwoliło nam to również wykorzystać te same funkcje i opcje konfiguracji oraz znacznie przyspieszyło czas prac developerskich.
Jest to również znaczne ułatwienie prac supportowych dla obu serwisów – wszystkie zmiany, aktualizacje i działania rozwojowe mogą być wdrażane wspólnie, bez konieczności dublowania prac. Jednocześnie strona Enea Operator zachowała swoją autonomię w kwestii możliwości budowania podstron czy wykorzystywania poszczególnych modułów dzięki odrębnej bazie danych.
Nowe paragrafy
Tworząc nową stronę dla Enea Operator, dodaliśmy kilkanaście nowych modułów do prezentacji treści. Zaprojektowaliśmy je w taki sposób, aby pasowały również do głównej witryny Enea. Dzięki temu informacje w serwisach mogą być wyświetlane w znacznie bogatszy i elastyczniejszy sposób.
Statystyki realizacji
876
12
7
Efekty pracy
Klient otrzymał nowoczesny serwis, który jest spójny ze stroną główną Grupy Enea
Dzięki zastosowaniu multisite serwisy Enea oraz Enea Operator bazują na tym samym kodzie. Pozwoliło to wykorzystać identyczny stack technologiczny i strukturę, dodając nowe funkcje na obie strony.
Sprawdź, co jeszcze osiągnęliśmy:
Spójność technologiczną kluczowych stron Grupy Enea.
Usprawnienie pracy redaktorów dzięki możliwości edycji obu stron z poziomu jednego panelu administracyjnego.
Lepsze doświadczenie użytkownika dzięki odświeżonemu designowi.
Łatwy dostęp do informacji poprzez rozbudowaną wyszukiwarkę.
Zwiększone możliwości edycji, dzięki wykorzystaniu elementów układu strony między dwoma serwisami.
Optymalizację kosztów wdrożenia i codziennej pracy na obu stronach.
Zmniejszenie nakładów na prace supportowe i rozwojowe dzięki multiinstalacji.
Myślisz o stworzeniu projektu multisite?