ImFactory potrzebowało serwisu, który nie będzie ograniczał się do kilku z góry ustalonych szablonów podstron. Zależało nam na tym, żeby każdą stronę można było układać zależnie od prezentowanej treści, ale jednocześnie zachować spójny wygląd całego serwisu.
ImFactory to serwis, który cały czas się rozwija. Obok informacji o usługach i rozwiązaniach pojawiają się nowe materiały, artykuły, webinary czy wydarzenia. Do tego dochodzą osobne strony dla poszczególnych branż i produktów.
Nie chcieliśmy zamykać tego w kilku sztywnych szablonach. Jednocześnie pełna dowolność Gutenberga oznaczałaby ryzyko, że kolejne podstrony zaczną wyglądać zupełnie inaczej.
Potrzebowaliśmy więc systemu, który da zespołowi ImFactory swobodę w tworzeniu stron, ale jednocześnie będzie pilnował zaprojektowanego wcześniej wyglądu.
Zamiast pojedynczych podstron powstał zestaw modułów — hero, karty funkcjonalności, oś czasu, akordeony, slidery - z których składa się każdy widok, od strony głównej po podstrony branż i rozwiązań.
Bloki pogrupowaliśmy według miejsca użycia: globalne, strona główna, o nas, branże, webinary, transformacja i kontakt. Rejestruje je jedna funkcja.
Własny motyw na customowym starterze. Pola ACF, typy treści z taksonomiami, filtrowanie Ajax Load More, slidery i dwujęzyczność.
Od 2023 roku rozwijamy serwis w trybie ciągłym: nowe bloki, sekcje webinarów i wydarzeń, blog, aktualizacje wtyczek i drobne usprawnienia zgłaszane przez zespół klienta.
Klient wybiera blok z listy — Hero, Akordeon, Oś czasu, Nadchodzące wydarzenia, Formularz — wypełnia pola w panelu bocznym i od razu widzi efekt w edytorze. Układ, kolory i odstępy pilnuje kod, więc każda nowa podstrona zachowuje spójność z resztą serwisu.
Strony ImProdis, ImGo, APS czy Platformy AI składają się z tych samych bloków: hero z opcjonalnym wideo w popupie, karty korzyści, akordeony i CTA. Klient dodaje je w Gutenbergu i wypełnia pola ACF w panelu bocznym.
Na potrzeby usług, takich jak Mapa Drogowa Cyfrowej Transformacji, powstały dedykowane bloki: etapy tworzenia, produkty projektu i kafelki korzyści. Można je łączyć z blokami globalnymi, np. formularzem kontaktowym czy sliderem artykułów.
Niezbędnik Transformacji i kompendia wiedzy to długie, numerowane materiały z dużą ilością tekstu. Specjalny blok slidera i sekcje z listą narzędzi porządkują treść w czytelne rozdziały, a klient edytuje wszystko w polach ACF, bez ręcznego formatowania.
Konferencje i webinary to osobny typ treści z kategoriami, datą i lokalizacją. Blok „Nadchodzące wydarzenia” sam wybiera najbliższe terminy i pokazuje je na stronie głównej i w innych miejscach serwisu. Po dodaniu wydarzenia w panelu pojawia się ono wszędzie tam, gdzie ustawiono blok.
Artykuły, webinary i podcasty trafiają do typu wpisu z taksonomiami branż, rozwiązań, typów treści i autorów. Listę filtruje Ajax Load More z dodatkiem Filters — bez przeładowania strony, z przyciskiem resetu.
Responsywność jest wbudowana w szablon każdego bloku, więc redaktor nie musi o niej myśleć. Karty zamieniają się w slidery, hero ma osobny układ z gradientem dla tabletów, a menu mobilne otwiera się na pełnym ekranie.
Najedź na ekran telefonu i przewiń, aby zobaczyć stronę
Nowe landing page dla branż, rozwiązań, webinarów czy programu pilotaży MES dla MŚP klient składa sam, z gotowych bloków.
Filtrowanie Ajax po parametrach produktu, sortowanie po pięciu kryteriach i wyszukiwarka w całym serwisie. Opcje filtrów pochodzą z bazy danych, a nie z listy wpisanej na sztywno.
Własne rozmiary obrazów, osobne grafiki hero dla telefonu i porządki w ładowaniu skryptów oraz stylów.
Szablony zbudowane z ponad 100 sekcji ACF, teksty interfejsu przetłumaczone w Polylangu i wdrożony Google Tag Manager. Nowe podstrony zespół klienta samodzielnie składa w panelu.
