Kompleksowe wdrożenie serwisu korporacyjnego: od warsztatów po budowę i rozwój ekosystemu
Rodzaj projektu
Serwis korporacyjny
Branża
Energetyka
Technologie
Drupal
Tailwind CSSZakres prac
Warsztaty strategiczne, analiza przedwdrożeniowa, projektowanie graficzne, copywriting, web i e-commerce development, support
Najważniejsze elementy projektu
- Cykl kilkunastu warsztatów strategicznych przeprowadzonych z różnymi działami firmy
- Budowa koncepcji i architektury serwisu od podstaw
- Stworzenie nowego, spójnego języka komunikacji oraz treści w serwisie
- Zaplanowanie architektury i etapowa budowa cyfrowego ekosystemu marki – serwisu korporacyjnego, platformy edukacyjnej i e-commerce B2B
- Przygotowanie serwisu do rozwoju na rynkach międzynarodowych
O kliencie
Apator to czołowa polska grupa kapitałowa działająca w sektorze energetycznym. Specjalizuje się w produkcji zaawansowanych urządzeń i systemów pomiarowych oraz automatyce sieciowej. Firma jest liderem we wdrażaniu rozwiązań typu Smart Grid, oferując inteligentne liczniki energii elektrycznej, gazu, ciepła i wody, które umożliwiają zdalne zarządzanie mediami. Ponadto Apator skutecznie realizuje transformację cyfrową, dostarczając autorskie systemy IT do analityki danych na globalny rynek.
Wyzwanie
Poprzednia strona Grupy Apator nie prezentowała pełnej skali działalności firmy, jej doświadczenia oraz kompleksowości oferty. Użytkownicy zgłaszali trudności ze znalezieniem potrzebnych informacji, zrozumieniem zakresu oferty i intuicyjnym poruszaniem się po serwisie.
Stronie brakowało również opcji związanych z e-commerce (czytelnej prezentacji produktów i usług oraz możliwości składania zapytań) czy sekcji edukacyjnej (bloga, bazy wiedzy, webinarów). Dlatego projekt wymagał pracy strategicznej od podstaw – nie tylko przebudowy technologicznej i funkcjonalnej, ale również zmiany komunikacji oraz uporządkowania struktury serwisu.
Ważnym elementem całego procesu było także odejście od komunikacji skupionej głównie na obszarze energii elektrycznej, która dominowała na dotychczasowej stronie. Grupa Apator dostarcza rozwiązania dla wszystkich mediów użytkowych, różnych segmentów rynku i wielu grup odbiorców, dlatego nowy serwis musiał jasno pokazać pełny zakres kompetencji firmy.
Cel projektu
Naszym głównym celem było wsparcie Grupy Apator w zaplanowaniu i budowie spójnego ekosystemu marki online. Projekt nie polegał jedynie na stworzeniu nowego serwisu. Musieliśmy również zaplanować jego rozwój o dwa kluczowe obszary – e-commerce oraz platformę edukacyjną (Akademię Apator).
Właśnie dlatego ogromne znaczenie miała faza strategiczna: zrozumienie kierunku rozwoju firmy, uporządkowanie oferty oraz pokazanie Grupy Apator jako organizacji dostarczającej rozwiązania dla wszystkich mediów użytkowych.
Na czym się skupiliśmy?
Efektem wielomiesięcznych prac był pierwszy etap realizacji – nowy serwis, który łączy komunikację korporacyjną, spójną prezentację produktów, usług i rozwiązań oraz zapewnia elastyczne zaplecze technologiczne do dalszego rozwoju Grupy Apator na rynkach krajowych i międzynarodowych.
Aby to osiągnąć, skupiliśmy się na kilku kluczowych obszarach:
- budowa spójnego ekosystemu – zaplanowanie serwisu korporacyjnego, platformy edukacyjnej oraz platformy B2B w oparciu o jedną technologię. W pierwszej fazie wdrożyliśmy serwis korporacyjny, następnie uruchomiliśmy Akademię Apator, a kolejnym etapem rozwoju ekosystemu będzie platforma B2B (nad którą obecnie pracujemy),
- zmiana komunikacji marki – odejście od narracji skupionej głównie na obszarze energii elektrycznej i pokazanie Grupy Apator jako firmy dostarczającej rozwiązania dla wszystkich mediów użytkowych,
- intuicyjna architektura informacji – podział oferty i serwisu na kluczowe filary działalności: Energię elektryczną, Gaz, Wodę i Ciepło oraz Rozwiązania i Oprogramowanie wraz z wielopoziomową strukturą podkategorii,
- spójna prezentacja oferty produktowej – uporządkowanie sposobu wyświetlania produktów, usług i rozwiązań w całej witrynie,
- architektura e-commerce – przygotowanie backendu i frontendu z myślą o funkcji e-commerce już na etapie tworzenia serwisu korporacyjnego,
- ułatwienie pracy edytorów – wdrożenie modułowej struktury treści, która umożliwia pracownikom samodzielne zarządzanie stroną oraz tworzenie nowych landing page’y.
Rozwiązanie
Nowy serwis Grupy Apator wymagał kompleksowego podejścia i spojrzenia na markę. Od stworzenia strategii komunikacji, po zaawansowane rozwiązania technologiczne.
Jak krok po kroku wyglądała realizacja?
- Warsztaty strategiczne – prace rozpoczęliśmy od serii spotkań z różnymi działami Grupy Apator, aby poznać cele biznesowe firmy, główne bolączki i potrzeby odbiorców.
- Strategia komunikacji – na podstawie warsztatów wypracowaliśmy nowy, spójny system komunikacji Grupy Apator zgodny z objętym przez markę kierunkiem - budowy pozycji lidera w dostarczaniu rozwiązań dla mediów użytkowych.
- Architektura systemu – podczas tego etapu stworzyliśmy kompletną strukturę informacji serwisu oraz zaprojektowaliśmy kluczowe ścieżki użytkowników.
- Projektowanie graficzne – przygotowaliśmy projekty graficzne dla całego ekosystemu marki.
- Copywriting – równolegle z projektowaniem i wdrożeniem serwisu przygotowywaliśmy treści zgodne z nową strategią komunikacji.
- Wdrożenie – zbudowaliśmy serwis oparty o Drupala 11, gotowy do obsługi rozbudowanej struktury treści i katalogu produktów B2B.
- Rozwój ekosystemu – serwis korporacyjny Grupy Apator stał się pierwszym elementem ekosystemu cyfrowego, w skład którego nieco później weszła platforma edukacyjna, a w przyszłości też e-commerce B2B.
- Support – po uruchomieniu strony zapewniamy wsparcie, rozwój i utrzymanie serwisu.
Szczegóły rozwiązania
Warsztaty strategiczne
Projekt rozpoczęliśmy od przeprowadzenia 13 warsztatów strategicznych z przedstawicielami różnych obszarów Grupy Apator, m.in. HR, zespołów produktowych, marketingu i biura prasowego. Pozwoliły nam one lepiej zrozumieć strukturę firmy, jej ofertę, grupy odbiorców oraz cele interesariuszy. W spotkaniach uczestniczyli nasi specjaliści z różnych zespołów – UX, developmentu i komunikacji – dlatego już na tym etapie mogliśmy omawiać projekt z kilku perspektyw jednocześnie. Dzięki temu kluczowe decyzje podejmowaliśmy równolegle, a nie w oderwaniu od siebie.
Warsztaty pozwoliły nam wypracować nową strategię komunikacji marki i stworzyć podstawę do prac copywriterskich. W obszarze UX/UI były punktem wyjścia do zaprojektowania architektury serwisu oraz makiet lo-fi. Natomiast z perspektywy developmentu pomogły doprecyzować ostateczny zakres prac i określić, jakie funkcje powinny znaleźć się w nowym serwisie.
Opracowanie fundamentów serwisu
W tym etapie wspólnie z klientem wypracowaliśmy strukturę kluczowych widoków, kolejność sekcji i sposób prowadzenia użytkowników przez ofertę, czego efektem było stworzenie dokumentu strategicznego – tzw. fundamentów serwisu.
Dzięki temu jeszcze przed etapem projektowania graficznego i copywritingu wiedzieliśmy, jakie informacje muszą pojawić się na konkretnych podstronach, jaką funkcję mają pełnić poszczególne elementy i jak zachować spójność między architekturą informacji, treścią oraz finalnym wyglądem serwisu.
Migracja zasobów
Istotnym elementem projektu była migracja zasobów z poprzedniego serwisu. Przenieśliśmy ponad 850 plików, w tym dokumenty PDF i pliki graficzne, zachowując pierwotną hierarchię katalogów. Było to szczególnie ważne ze względu na dużą liczbę materiałów technicznych wykorzystywanych przez użytkowników serwisu. Dokumentacja produktowa, certyfikaty czy instrukcje musiały być uporządkowane tak, aby na nowej platformie nadal były łatwe do odnalezienia i poprawnie powiązane z odpowiednimi kategoriami i produktami.
Uporządkowana struktura oferty
Jednym z ważniejszych elementów projektu było uporządkowanie rozbudowanej oferty Grupy Apator. Podzieliliśmy ją na główne obszary wynikające ze strategii Grupy:
- Energię Elektryczną,
- Gaz,
- Wodę i Ciepło,
- Rozwiązania i Oprogramowanie.
Dzięki temu użytkownik może z łatwością zrozumieć ofertę i szybko przejść do konkretnych kategorii, produktów, parametrów technicznych i dokumentacji.
Wykorzystaliśmy do tego mechanizmy taksonomii Drupala, które pozwalają zarządzać wielopoziomową strukturą kategorii i powiązaniami między produktami. W efekcie serwis jest przygotowany na dalszą rozbudowę oferty bez utraty porządku w strukturze informacji, a całością mogą zarządzać edytorzy z poziomu panelu administracyjnego.
Modułowy system budowania stron
Serwis zbudowaliśmy w oparciu o moduł Paragraphs, który pozwala tworzyć nowe landing page bez udziału programisty. Redaktorzy mogą korzystać z gotowych komponentów, układać je w dowolnej kolejności i dopasowywać treść do specyfiki podstrony. Daje to dużą swobodę w tworzeniu nowych materiałów i przyspiesza publikację.
Automatyzacja tłumaczeń treści
Wdrożyliśmy customowy moduł integrujący platformę z API DeepL. Rozwiązanie pozwala na masowe tłumaczenie treści bez konieczności ręcznego kopiowania ich do zewnętrznych narzędzi. To duże ułatwienie przy rozwoju zagranicznych wersji serwisu, zwłaszcza gdy do przetłumaczenia są dziesiątki podstron i setki produktów.
Mostek tłumaczeniowy nie zastępuje kontroli redakcyjnej, ale pozwala znacząco przyspieszyć pierwszy etap pracy nad treściami. Dzięki temu zespół Grupy Apator może szybciej je publikować i łatwiej skalować komunikację poza polskim rynkiem.
Dynamiczna biblioteka plików
Stworzyliśmy repozytorium dokumentów oparte na technologii AJAX, dzięki któremu użytkownicy mogą szybko znaleźć i pobrać potrzebne materiały, m.in. instrukcje produktów, certyfikaty czy regulaminy.
Mimo dużej liczby plików rozwiązanie pozostaje czytelne i łatwe w obsłudze. Dokumenty podzieliliśmy na cztery główne obszary: Energię Elektryczną, Gaz, Wodę i Ciepło oraz Rozwiązania i Oprogramowanie, a także na dodatkowe podkategorie. Dzięki temu użytkownicy nie muszą przeglądać całej bazy plików, tylko mogą od razu znaleźć materiały, których potrzebują.
Integracja z zewnętrznym systemem rekrutacyjnym
W ramach wdrożenia zintegrowaliśmy witrynę z zewnętrznym systemem rekrutacyjnym. Dzięki temu redaktorzy nie muszą ręcznie dodawać ani aktualizować ofert pracy w Drupalu. Zamiast tego strona co godzinę pobiera ogłoszenia z systemu HR za pomocą API. W rezultacie kandydaci widzą zawsze aktualne oferty pracy.
Mechanizm Hybrid Routing
Podczas realizacji zastosowaliśmy mechanizm Hybrid Routing oparty o Nginx Proxy. Pozwala on płynnie uruchomić nową platformę, bez konieczności przenoszenia wszystkich wersji językowych i sekcji serwisu. Dzięki temu polska wersja strony działała już na Drupalu 11, a wybrane starsze wersje obcojęzyczne były tymczasowo pobierane z poprzedniego serwera. Użytkownicy korzystali z jednej domeny i spójnej struktury adresów, bez odczuwalnej zmiany po stronie działania serwisu.
Efekty pracy
Nowa strona korporacyjna stała się fundamentem większego ekosystemu cyfrowego Grupy Apator.
Wdrożenie dla Grupy Apator to coś więcej niż nowa strona internetowa. To wielopoziomowy projekt, który połączył strategię komunikacji, uporządkowanie oferty, projektowanie doświadczeń użytkownika, copywriting oraz zaawansowany development.
Sprawdź efekty naszej pracy:
Pokazanie pełnej skali działalności oraz oferty firmy dla wszystkich mediów użytkowych.
Uporządkowana prezentacja produktów, rozwiązań i materiałów technicznych.
Spójna komunikacja dopasowana do potrzeb różnych grup odbiorców.
Zbudowanie rozwojowego ekosystemu – serwisu korporacyjnego wraz z platformą edukacyjną z możliwością rozbudowania o platformę B2B.
Bezpieczne i stabilne środowisko technologiczne dzięki Drupalowi 11.
Możliwość samodzielnego tworzenia nowych podstron i landing page’y.
Statystyki
12
16
+ 850
4
~ 450 K
13
2
Chcesz zbudować spójny ekosystem cyfrowy dla swojej marki?