Wróć do portfolio

Case Study

Centrum Karawaningu XCAMP

XCAMP Sp. z o.o.

Centrum Karawaningu XCAMP
WordPress Elementor PHP GSAP AI Automation Figma

Wyzwanie

Strona działała z ciągłym ruchem 500 odwiedzających dziennie, każdy przestój lub błąd wizualny był kosztowny. Żeby nie dotykać produkcji, całość prac prowadziłem na publicznym serwerze deweloperskim postawionym na mojej maszynie; klient miał do niego stały dostęp i na bieżąco śledził postęp. Klient zaufał mi w kwestii designu w całości, co dało pełną swobodę, ale też pełną odpowiedzialność. Do przebudowania było ponad 100 podstron, w tym ponad 80 dedykowanych pojazdom z różnymi layoutami i indywidualną specyfikacją każdego z nich. Po zakończeniu prac przeniosłem gotową stronę na serwer klienta i skonfigurowałem środowisko produkcyjne.
XCAMP — nowa strona

PixelSync — automatyzacja oferty

Na specjalne życzenie klienta stworzyłem dedykowany plugin WordPress o nazwie PixelSync. Co dnia o ustalonej godzinie (lub ręcznie z panelu pluginu) odpala się synchronizacja z serwisem Autoplac.pl:
  1. 1

    Skan Autoplac — wykrycie nowych i usuniętych pojazdów

  2. 2

    Głęboki skan nowego pojazdu — pobieranie zdjęć, tytułu, ceny, parametrów i opisu

  3. 3

    Agent AI — tworzenie pliku JSON z uzupełnionymi szczegółami (DMC, liczba łóżek, typ itp.) potrzebnymi do filtrowania

  4. 4

    Worker tworzy post WordPress — wypełnia pola, taksonomie, publikuje

  5. 5

    Usunięty pojazd na Autoplac → automatycznie archiwizowany na stronie

Plugin ma własny panel zarządzania z filtrowaniem ofert, statystykami, widokiem grid/tabeli, szybkim edytorem danych oraz systemem guardów oznaczających posty z brakującymi danymi. Efekt: czas aktualizacji jednego pojazdu spadł o ~15 minut.

ScrollCrafter — animacje GSAP

Do projektu zaaplikowałem swój autorski plugin open-source dostępny na GitHubie — scrollcrafter-for-elementor. Pozwala tworzyć animacje GSAP za pomocą prostego DSL: animacje elementów, efekty podzielonego tekstu oraz pełna obsługa triggerów onScroll — wszystko bez pisania kodu JS.

Co się zmieniło

Menu nawigacyjne

Rezygnacja z tradycyjnego navmenu na rzecz full-width sidebar menu w dwóch kolumnach — lewa: lista zakładek, prawa: szybkie linki i kontekst danej sekcji.

Strona główna

Nowy banner z zoptymalizowanym video, szybkie CTA, 6 pojazdów z oferty od ręki, sekcja autoryzacji, opinie i formularz kontaktowy.

Sprzedaż / Od ręki

Pełnoprawne filtrowanie po typie i marce pojazdu — możliwe dzięki mini CMS i strukturze danych z PixelSync.

Wynajem

Całkowita przebudowa z kafelków na narrację — przewodnik który pojazd dla kogo (Campervan, alkowa, itp.), dedykowany wielokrokowy formularz.

Serwis

Rozbudowanie zaniedbanej zakładki: pełna oferta serwisowa, certyfikaty, autentyczne zdjęcia.

O nas / Blog / Partnerzy

Zachowana struktura, odświeżony styl spójny z nowym designem.

Strony pojazdów

Ponad 80 pojazdów — każdy z dedykowaną podstroną, kilka wariantów layoutu w zależności od specyfikacji pojazdu.

2×

Wzrost ruchu (500 → 1k/dzień)

+40%

Wzrost kontaktów z formularzy

+18%

Widoczność w Google

−15 min

Czas aktualizacji oferty / pojazd

Wróć do portfolio