PrzetargPrototypy w kodzieUX/UI

Volkswagen Auta Dostawcze: przetarg digital

Przetarg wygrany dzięki dwóm w pełni zakodowanym, interaktywnym prototypom zbudowanym w 2–3 tygodnie

Część digital dwuczęściowego przetargu dla Volkswagen Group (Auta Dostawcze), realizowana w GPD Agency. Byłem digital leadem: wycena, projekt UX/UI i kodowanie prototypów.

Klient
Volkswagen Auta Dostawcze · GPD Agency
Rola
Digital Lead / UX Designer / Developer / Estimator
Zespół
5 osób: ja (lead), UX Designer, developer, account i strateg
Czas trwania
~2–3 tygodnie, kwiecień 2026, oddane 2026-05-08
Efekt
GPD Agency wygrało przetarg: umowę na usługi digital wartą miliony

Kontekst i problem biznesowy

Przetarg miał dwie części: ATL/BTL i Digital. Agencja mogła wygrać jedną z nich albo obie. Moim zadaniem było wygranie części Digital.

Cała koncepcja była moja: przebudowa obecnej strony oraz lepsze konfiguratory i formularze kontaktowe, które tworzą jak najmniej tarcia. Zbierają nawet częściowe dane leadu, żeby dealer mógł szybko skontaktować się z klientem. Do tego strategia obsługi powiązanych narzędzi przez zaawansowane systemy połączone bezpośrednio ze stroną.

Użytkownicy i ich cele

  • Firmy kupujące auta dostawcze: fleet manager albo właściciel firmy, który wie, co musi codziennie przewozić, ale nie wie, który model i którą wersję wybrać. Problem: klasyczny konfigurator zadaje pytania o produkt, zanim zrozumie biznes.
  • Dealerzy: potrzebują leadu z kontekstem, żeby szybko oddzwonić.
  • VW: więcej lepszych leadów ze strony i z kampanii.

Ograniczenia

  • Czas: ~2–3 tygodnie na cały pitch i dwa interaktywne prototypy.
  • Pięcioosobowy, interdyscyplinarny zespół pod presją.
  • Byłem jednocześnie leadem i wykonawcą: koordynowałem, wyceniałem, projektowałem i kodowałem.
  • Realna wycena: stałe stawki za projekty jednorazowe plus miesięczny retainer FTE.

Moja rola i zakres

  • Digital lead pitchu
  • Wewnętrzna koordynacja: w agencji łączyłem technologię z marketingiem
  • Wycena godzin i kosztów (stałe stawki + miesięczny retainer FTE)
  • Projekt UX/UI
  • Kodowanie prototypów

Proces i najważniejsze decyzje

1. Rozpoznanie

Przejrzałem obecną stronę VW Auta Dostawcze i ścieżkę konfiguratora. Zaznaczyłem, w których miejscach klient firmowy odpada, zanim zostawi dane kontaktowe.

2. Definicja

Strona główna dostała mini-konfigurator pod hero, który nie konfiguruje auta, tylko pomaga je wybrać. Zaczyna od potrzeby klienta:

branża → dzienny wolumen → funkcje typowe dla branży → elektryczny czy spalinowy → dopasowane auto → pełny konfigurator albo zostawienie leadu.

Decyzja: zacząć od potrzeby, nie od auta.

Dlaczego: krótsza ścieżka decyzji i lead, który od razu niesie profil klienta.

3. Pomysły i projekt: jeden landing na branżę × model

Każdy landing celuje w jedną grupę i jeden model, więc kampanie można targetować tak samo. Zbudowany przykład: Crafter dla logistyki / e-commerce.

4. Prototypy z AI

Zamiast statycznych makiet zbudowałem dwa w pełni zakodowane, interaktywne prototypy, głównie w Claude Code, w Next.js i Astro, na hostingu z hasłem, razem z prezentacją webową. Dzięki AI klikalny pitch w kodzie zmieścił się w 2–3-tygodniowym sprincie.

5. Weryfikacja

Ścieżki sprawdzałem na wewnętrznych przeglądach ze strategiem, accountem i UX Designerem oraz pod kątem heurystyk UX i mojego doświadczenia z formularzami leadowymi. Oceną klienta był sam przetarg.

6. Oddanie

Pitch oddany 2026-05-08, z wyceną opartą na stałych stawkach i miesięcznym retainerze FTE.

Rozwiązanie

Zrzuty prototypów nie są publikowane (decyzja właściciela). Rozwiązanie opisuję tylko tekstem.

Prototyp 1: nowa strona główna

  • Lepszy układ treści i krótsza ścieżka decyzji
  • Mini-konfigurator „need-first” pod hero

Prototyp 2: landing branża × model (Crafter dla logistyki / e-commerce)

  1. Hero z krótkim formularzem leadowym, mocnym nagłówkiem i autem w akcji
  2. Korzyści i rozwiązywane problemy, dla każdej branży
  3. Mini-konfigurator: krótsze albo dłuższe wersje zależnie od wolumenu
  4. Wzmocnienie przewagi auta i korzyści dla flot
  5. Prawdziwy kalkulator rat: koszt miesięczny
  6. Domknięcie: dodatki oraz CTA „znajdź dealera w pobliżu” / „jazda próbna”
  7. Formularz końcowy wypełniony danymi ze wszystkich wcześniejszych interakcji, więc lead przychodzi z profilem

Efekt

  • GPD Agency wygrało przetarg: umowę na usługi digital wartą miliony.
  • Koncepcja, która wygrała część Digital, była moja i została pokazana jako działające, zakodowane prototypy, a nie statyczne projekty.

Czego się nauczyłem i co dalej

  • Zakodowany prototyp sprzedaje koncepcję szybciej niż slajdy. Jury mogło przeklikać ścieżkę „need-first”, zamiast ją sobie wyobrażać.
  • Bycie jednocześnie leadem i wykonawcą działa tylko przy jasnym podziale: zostawiłem sobie koncepcję, wycenę i kod, a layouty i treści oddałem zespołowi.
  • Teraz prowadzę wdrożenie w GPD.