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

Wizualizacja strony kontaktowej w wersji mobilnej i desktopowej

Śledź nas w mediach społecznościowych:

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.

Ta strona zostanie nominowana w konkursie na najlepszy design w serwisie DesignRush

 

Sprawdź online
Projektowanie stron internetowych - wizualizacja strony WWW z sekcją hero

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.
    Rozwój stron internetowych - zdjęcie przedstawiające ciężarówkę

    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 - wizualizacja strony tekstowej ze zdjęciem
    • Wizualizacja strony kontaktowej
    • Wizualizacja strony produktu
    • Wizualizacja sekcji nagłówka na stronie internetowej
    • Wizualizacja sekcji z logo firm
    • Wizualizacja strony WWW
    • Wizualizacja schematów nawigacji w witrynie
    • Wizualizacja strony blogowej
    • Wizualizacja responsywności strony internetowej
    • Wizualizacja postów na stronie internetowej
    • Wizualizacja strony kontaktowej w wersji mobilnej i desktopowej
    • Wizualizacja mapy na stronie internetowej

    Jak wyglądały prace nad projektem?

    Wordpress development - programista piszący kod dla strony internetowej

    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

    Wizualizacja starszej wersji strony internetowej
    Wizualizacja nowszej wersji strony internetowej

    • Zrzut ekranu menu rozwijanego witryny
    • Zrzut ekranu menu z przyciskami na stronie
    • Zrzut ekranu strony błędu 404
    • Zrzut ekranu strony Aktualności
    • Zrzut ekranu strony głównej
    • Zrzut ekranu przedstawiający układ elementów na stronie
    • Zrzut ekranu pojedynczej strony z formularzem
    • Zrzut ekranu strony z ofertą
    • Zrzut ekranu strony z różnymi elementami
    • Zrzut ekranu strony WWW z ofertą
    • Zrzut ekranu strony internetowej z ikonami
    • Zrzut ekranu strony z ofertami pracy
    • Zrzut ekranu pojedynczej strony z ofertą pracy
    • Zrzut ekranu strony polityki prywatności
    • Zrzut ekranu strony posta
    • Zrzut ekranu strony z dostępnymi produktami
    • Zrzut ekranu strony produktu
    • Zrzut ekranu strony z różnymi elementami
    • Zrzut ekranu strony internetowej
    • Zrzut ekranu strony ze zdjęciami i opisami
    • Zrzut ekranu strony ze szczegółowym opisem produktu
    • Zrzut ekranu strony internetowej
    • Zrzut ekranu strony z wyszukiwarką
    • Zrzut ekranu strony z listą kontaktów