Jak ułatwić zarządzanie wieloma stronami należącymi do tej samej marki? Grupa Wanicki. Wdrożenie WordPress Multisite

Visualization of the contact page in mobile and desktop versions

You can also follow us on social media:

Wanicki logo

Grupa Wanicki posiadała ponad 20 stron internetowych, które wymagały niezależnego utrzymywania, co generowało wysokie koszty. Pracownicy musieli posiadać osobne konta w każdym serwisie, co było niewygodne i czasochłonne. W ramach współpracy z Grupa Wanicki, ujednoliciliśmy i odświeżyliśmy strony należące do marki oraz zintegrowaliśmy je w przyjaznym środowisku WordPress MultiSite, co znacznie ułatwiło zarządzanie nimi.

Sprawdź online
Web development for agencies - website visualization with hero section

Główne założenia projektu

  • Strony zostały zbudowane z wykorzystaniem WordPress Multisite. Pozwala na tworzenie superadministratorów, którzy mają dostęp do wszystkich serwisów bez potrzeby osobnego logowania. Rozwiązanie to nie tylko podnosi bezpieczeństwo danych, ale również umożliwia aktualizację wtyczek we wszystkich serwisach jednocześnie.
  • W ramach prac graficznych przygotowaliśmy motyw nadrzędny (wanicki.pl) oraz motyw dla stron marek. Każda z tych stron różni się pod względem szczegółów i treści, ale wszystkie korzystają z tej samej struktury, co znacząco obniżyło koszty wdrożenia.
  • Strona kontaktowa obsługuje rozbudowaną bazę teleadresową wszystkich pracowników firmy. Wyposażona jest w zaawansowaną wyszukiwarkę, która za pomocą filtrów pomaga wyszukać odpowiedniego pracownika i skontaktować się z nim.
  • Na górze strony zamieszczono dodatkowe menu pozwalające na nawigację po całym ekosystemie, dzięki czemu użytkownik może łatwo znaleźć docelową stronę.
  • Funkcja geolokalizacji pomaga szybko znaleźć najbliższy warsztat.
  • Wybrane części ekosystemu są dostępne w dwóch wersjach językowych, z możliwością dodania kolejnych języków.
    Web design - photo showing a passing truck

    Przed jakim wyzwaniem stanęliśmy?

    Grupa Wanicki to autoryzowany dealer sprzedaży i serwisu kilkudziesięciu popularnych marek samochodów ciężarowych, komunalnych i sprzętu rolniczego. Firma działa na terenie całej Polski. Produkty partnerów muszą być prezentowane w określony sposób na dedykowanych stronach internetowych. W rezultacie nasz klient musiał utrzymywać kilkadziesiąt stron poświęconych różnym markom. To wymagało osobno wykonywanych, regularnych aktualizacji technicznych, dbałości o bezpieczeństwo i dużego nakładu czasu.

     

    Złożony ekosystem oraz różnorodne wymagania dla poszczególnych marek powodowały, że wtyczki były aktualizowane w różnym czasie. To doprowadziło do niespójności: technicznej i wizualnej, istotnej dla tak dużej firmy.

     

    Naszym zadaniem było uporządkowanie struktury ekosystemu, odświeżenie stron internetowych marki Grupa Wanicki i wdrożenie rozwiązania typu Multisite, aby zarządzanie stronami było łatwiejsze.

     

    W wyniku wdrożenia nowego rozwiązania aktualizowanie i utrzymywanie serwisu jest dwudziestokrotnie szybsze.

    Jak wyglądały prace nad projektem?

    • Pierwszy krok

      Pierwszy krokiem procesu była analiza obecnej struktury ekosystemu stron Grupa Wanicki i przygotowanie sposobu integracji wszystkich elementów. Po spisaniu wszystkich witryn podzieliliśmy je na kategorie i stworzyliśmy pierwszą mapę serwisu.

      Na jej podstawie podjęliśmy decyzję o wykorzystaniu WordPress Multisite.

    • Drugi krok

      Jednym z głównych wyzwań w tym projekcie były problemy związane z utrzymaniem tak dużej liczby stron: dostęp do serwisów i haseł wymagał przemyślanej i skomplikowanej organizacji. Osoby odpowiedzialne za bezpieczeństwo musiały mieć dostęp do każdej strony i aktualizować je oddzielnie. Przy takiej liczbie serwisów prowadziło do przeoczeń i błędów. Z drugiej strony, różne zespoły pracujące nad różnymi markami potrzebowały dostępu do wybranych serwisów..

      Każda marka ma rozbudowaną ofertę i dedykowane usługi. Strony różnią się również aktualnościami, obrazami, dostępnymi wersjami językowymi, a w chwili, gdy rozpoczynaliśmy projekt i pozycją w Google.

    • Trzeci krok

      Powyższe czynniki sprawiły, że wdrożenie serwisu oparliśmy o WordPress MultiSite. Dzięki temu możliwe było stworzenie sieci powiązanych stron, zarządzanych w jednym panelu administracyjnym, przez superadministratora. Może on za pomocą jednego loginu i hasła dostać się do każdej ze stron. Natomiast każdy serwis może mieć przypisanych administratorów i redaktorów z dostępem tylko do wybranego obszaru.

      Strony powiązane w sieci MultiSite mają osobne działy aktualności, galerie zdjęć i mogą działać pod różnymi domenami lub subdomenami.

    • Czwarty krok

      Kolejnym istotnym krokiem były prace graficzne, mające na celu ujednolicenie szaty graficznej całego ekosystemu. Poprzednia strona wanicki.pl zdecydowanie odbiegała od stron marek i miała problemy z responsywnością, więc prace rozpoczęliśmy od zaprojektowania motywu nadrzędnego.

      Na jego podstawie przygotowaliśmy motyw dla stron marek, który jest okrojoną wersją motywu nadrzędnego: zawiera te same elementy co strona wanicki.pl, ale z dodatkowymi elementami brandingu partnerów.

      Tworzenie nowego motywu na podstawie już istniejącego pozwala zachować spójność i ograniczyć koszty kodowania. Przy kilkudziesięciu serwisach miało to duże znaczenie.
    Web development - visualize the text page with a photo
    • Contact page visualization
    • Visualization of the product page
    • Visualize the header section on the website
    • Visualize the section with company logos
    • Website visualization
    • Visualize navigation schemes on the site
    • Visualization of the blog site
    • Visualize the responsiveness of the website
    • Visualize posts on the website
    • Visualization of the contact page in mobile and desktop versions
    • Visualize the map on the website

    Jak wyglądały prace nad projektem?

    Wordpress development - programmer writing code for a website

    Strona została zakodowana z wykorzystaniem edytora Gutenberg, co umożliwia administratorowi:

    • edytowanie wybranych treści w całym serwisie,
    • zmianę struktury poszczególnych podstron poprzez przesuwanie, usuwanie i dodawanie nowych bloków,
    • kopiowanie wybranych bloków w celu szybkiego dodawania bliźniaczych bloków,
    • kopiowanie całych stron lub innych rodzajów treści.

     

    Ostatnim dużym wyzwaniem była wyszukiwarka kontaktów. Grupa Wanicki zatrudnia kilkaset osób w kilkunastu oddziałach, a poszczególni pracownicy odpowiadają za różne rejony, usługi i marki. Klienci muszą mieć możliwość szybkiego znalezienia numeru do odpowiedniego pracownika. Dlatego strona kontaktowa to rozbudowany system wyszukiwania, dzięki któremu wszystkie potrzebne informacje są podane klientowi na tacy.

     

    W ekosystem Grupa Wanicki wchodzą:

     

    • https://wanicki.pl/
    • https://wanicki.pl/daf/
    • https://wanicki.pl/johndeere/
    • https://wanicki.pl/irizar/
    • https://wanicki.pl/kramer/
    • https://wanicki.pl/tatra/
    • https://wanicki.pl/monosem/
    • https://wanicki.pl/lamberet/
    • https://wanicki.pl/sip/
    • https://wanicki.pl/isuzu-trucks/
    • https://wanicki.pl/yanmar/
    • https://wanicki.pl/piaggio/
    • https://wanicki.pl/agro/

     

    a także przygotowany przez nas landing page https://readytogo.com.pl/

     

    Strona internetowa dla Grupa Wanicki była jednym z najbardziej rozbudowanych projektów, nad którymi pracowaliśmy w 2023 i 2024 roku. Jesteśmy dumni z osiągniętych efektów, zarówno technologicznych, jak i wizualnych.

    Zakres prac

    • UX/UI
    • Webdesign - przygotowanie motywu nadrzędnego i motywu strony marki
    • Wordpress development
    • Wordpress Multisite - stworzenie sieci stron www
    • WPML - wdrożenie wersji językowych
    • Wdrożenie customowej wyszukiwarki kontaktów
    • Wdrożenie edytora Gutenberg i ACF Pro
    • Migracja danych

    Sprawdź projekt przed i po pracach

    Visualize an older version of the website
    Visualization of the newer version of the website

    • Screenshot of the site's drop-down menu
    • Screenshot of the menu with buttons on the page
    • Screenshot of the 404 error page
    • Screenshot of the News page
    • Screenshot of the home page
    • Screenshot showing the layout of elements on the page
    • Screenshot of single page with form
    • Screenshot of the offer page
    • Screenshot of a page with various elements
    • Screenshot of the web page with offer
    • Screenshot of website with icons
    • Screenshot of the jobs page
    • Screenshot of a single job posting page
    • Screenshot of the Privacy Policy page
    • Screenshot of the post page
    • Screenshot of page with available products
    • Screenshot of product page
    • Screenshot of a page with various elements
    • Screenshot of the web page
    • Screenshot of the page with photos and descriptions
    • Screenshot of the page with detailed product description
    • Screenshot of the website
    • Screenshot of the site with search engine
    • Screenshot of the contact list page