Barbara Bolimowska
UX/UI Designer
Redesign wyszukiwarki przetargów publicznych.
Projekt UX nowoczesnego narzędzia wyszukiwania na serwisie portalZP.pl
Redesign wyszukiwarki przetargów publicznych.
Wstęp
Cel projektu
Celem projektu było stworzenie nowoczesnej, intuicyjnej i konkurencyjnej na rynku wyszukiwarki przetargów publicznych, dostosowanej do realnych potrzeb użytkowników. Poniżej przedstawiam proces projektowy – od analizy problemów po wdrożenie rozwiązań UX.
Informacje
Typ projektu: komercyjny
Rok realizacji: 2025
Dla kogo: PortalZP.pl – Wiedza i Praktyka Sp. z o.o.
Moja rola
Audyt UX wyszukiwarki
Analiza wyników badań dostarczonych przez zewnętrzną firmę
Zdefiniowanie propozycji wartości
Architektura informacji
Makiety LO-FI oraz HI-FI
UI – poprawa estetyki i spójności
Testy użyteczności
Przygotowanie finalnego projektu oraz specyfikacji wdrożeniowej dla IT
Wyzwanie projektowe
Zaprojektowanie nowoczesnej, intuicyjnej i konkurencyjnej na rynku wyszukiwarki przetargów, odpowiadającej na potrzeby wykonawców, dostawców oraz instytucji uczestniczących w zamówieniach publicznych.
Badania i analiza
Badania zostały przeprowadzone przez zewnętrzną firmę. Moim zadaniem było przeanalizowanie raportu i zdefiniowanie kluczowych problemów.
Insighty i propozycje wartości.
Chc wyszukiwania archiwalnych i rozstrzygniętych przetargów.
Wdrożenie opcji filtrowania po statusie (np. przetargi rozstrzygnięte) oraz prezentacja zwycięskich firm.
Chcę mieć elastyczność w tworzeniu zapytań wyszukiwania.
Dodanie opcji wielokrotnego wyboru w filtrowaniu.
Chcę mieć szybki dostęp do kluczowych filtrów: wyszukiwania po słowie kluczowym, branży, terminie składania ofert oraz województwie realizacji.
Przejrzysty i nowoczesny layout wspierający szybkie filtrowanie.
Chcę mieć możliwość szybkiego przeglądu terminów składania dokumentów, aby móc ocenić, czy dany przetarg jest wart dalszej analizy.
Wyraźnie wyeksponowany filtr z wyborem daty oraz wyraźne oznaczenie dat w wynikach wyszukiwania.
Chcę mieć wygodny dostęp do systemu, także z urządzeń mobilnych.
W pełni responsywny, przemyślany projekt mobilny.
Architektura informacji
Modyfikację architektury informacji opracowałam na podstawie istniejącej struktury i wiedzy na temat potrzeb użytkowników. Celem było zaprojektowanie przejrzystej, logicznej struktury informacji, która:
Uwzględni dotychczas nieistniejąca wyszukiwarkę wyników przetargów wraz z wariantami filtrowania dla tej kategorii.
Zgrupuje funkcje zgodnie z naturalnym przebiegiem działań użytkownika.
Umożliwi użytkownikom szybkie odnalezienie kluczowych filtrów, takich jak województwo realizacji, wyszukiwanie według słowa kluczowego czy termin składania ofert.
Architektura informacji
Wireframes lo-fi
Na początku etapu opracowałam zestaw makiet lo-fi, które umożliwiły szybkie zwizualizowanie kluczowych elementów interfejsu – w szczególności:
- logiki funkcjonalnej zgodnej z potrzebami użytkowników,
- układu pola wyszukiwania i filtrów (panel boczny vs pasek górny),
- struktury listy wyników z wyraźnym wyróżnieniem kluczowych informacji: zamawiającego, przedmiotu zamówienia oraz terminu składania ofert.
Makiety te pozwoliły m.in. na sprawne przeprowadzenie konsultacji z Product Managerem i wstępną weryfikację kierunku projektowego.
Lista aktualnych przetargów – widok desktop
Projektując widoki desktopowe, skupiłam się na efektywnym rozmieszczeniu filtrów, maksymalnej przejrzystości wyników przetargów oraz intuicyjnym dostępie do zapisanych preferencji użytkownika.
Karta przetargu – widok desktop
Szczegóły przetargu z wyeksponowanymi podstawowymi informacjami: przedmiot zamówienia, terminy, dokumentacja i dane organizatora. Dodatkowo panel boczny umożliwia szybkie przechodzenie do innych ogłoszeń.
Moduł zapisu preferencji – scenariusz interakcji
Przepływ ekranów umożliwiający użytkownikowi zapisanie filtrów w „Mojej Strefie” i aktywację powiadomień mailowych o podobnych przetargach.
Lista aktualnych przetargów – widok mobilny
W wersji mobilnej zadbałam o wygodny dostęp do filtrowania przetargów, czytelność listy wyników oraz szybkie przełączanie między zapisanymi preferencjami. Projekt zapewnia pełną responsywność i spójność doświadczenia użytkownika na różnych urządzeniach.
Testy użyteczności
W celu weryfikacji intuicyjności, funkcjonalności oraz zgodności zaprojektowanego interfejsu (w wersji HiFi) z rzeczywistymi potrzebami użytkowników, przeprowadziłam jakościowe testy użyteczności, które pozwoliły ocenić nowy układ oraz wskazać potencjalne problematyczne punkty.
Moja rola
- Opracowanie scenariuszy z zadaniami
- Przygotowanie klikalnego protypu wyszukiwarki
- Moderowanie 8 wywiadów
- Analiza wyników badań
- Wprowadzenie poprawek w projekcie
Przebieg testów z użytkownikami
Uczestnicy
Profesjonaliści biorący udział w przetargach publicznych (wykonawcy, dostawcy).
Forma testów
Moderowane testy zdalne na makietach hi-fi (desktop). Zaplanowane zostały również oddzielne testy dla widoków mobilnych.
Iteracje
I tura (4 osoby): Użytkownicy wskazali potrzebę drobnych usprawnień, m.in. doprecyzowania etykiet oraz lepszego wyróżnienia CTA. II tura (4 osoby): Po wprowadzeniu zmian interfejs został oceniony bardzo pozytywnie, bez zgłoszonych barier. Pojawiła się natomiast sugestia dodania filtra lokalizacji przetargów według odległości od użytkownika – pomysł ten planujemy uwzględnić w dalszych etapach rozwoju wyszukiwarki.
Kluczowe problemy wykryte podczas testów
1# Poprawa czytelności zawartości ramek w wynikach wyszukiwania
Użytkownicy nie rozumieli znaczenia ikony BIZ przetargi niepubliczne), była myląca i mało istotna.
Zmiana
Usunięcie znacznika
Zbyt krótkie opisy powodowały konieczność wchodzenia w szczegóły przetargu.
Zmiana
Dodanie dodatkowego wiersza dla przedmiotu zamówienia.
Użytkownicy uznali datę opublikowania ogłoszenia za mniej istotną od terminu składania ofert.
Zmiana
Usunięcie daty.
Data publikacji była mylona z datą składania dokumentów i wprowadzała chaos informacyjny.
Zmiana
Wyróżnienie liczby dni oraz daty zakończenia przetargu.
2# Zmiany w organizacji filtrów na górze
Użytkownicy oczekiwali natychmiastowych efektów po wyborze filtra.
Zmiana
Usunięcie przycisku „Szukaj” po ustawieniu filtrów. Wyniki aktualizują się automatycznie po zmianie wartości w filtrach.
Użytkownicy wskazali, że termin składania ofert to najważniejsze kryterium wyszukiwania.
Zmiana
Przeniesienie filtra „Termin składania ofert” z panelu bocznego do głównej sekcji filtrów (obok wyszukiwarki i branży).
3# Zmiany w organizacji filtrów bocznych
Niektóre filtry były nieużywane i generowały niepotrzebne obciążenie poznawcze.
Zmiana
Usunięcie niepotrzebnych filtrów.
4# Zmiany w organizacji filtrów bocznych
Zauważyłam, że użytkownicy w ogóle nie zauważali / skupiali uwagi na karcie z wybranymi filtrami.
Zmiana
Zmiana karty z domyślnie rozwiniętej na zwiniętą. Dodanie wyróżnionego CTA „Zapisz filtry w Moja Strefa”.
5# Dodanie wartości przetargu w kartach i wynikach
Użytkownicy zwracali uwagę na brak informacji o wartości przetargu, podkreślając, że jest to dla nich jedna z kluczowych danych.
Zmiana
Dodanie wartości przetargu w kartach wyników. Pozwala to użytkownikom szybciej ocenić atrakcyjność ofert już na pierwszy rzut oka.
Podsumowanie
Projektując nową wyszukiwarkę przetargów, skupiłam się na realnych potrzebach użytkowników, opierając się na ich sugestiach i wnioskach z przeprowadzonych badań.
Zadbałam o to, by kluczowe informacje – takie jak wartość przetargu czy najważniejsze filtry – były dobrze widoczne, co ułatwia szybkie porównywanie i podejmowanie decyzji.
Intuicyjna nawigacja, czytelny układ oraz przejrzysta hierarchia treści pomogą użytkownikom sprawnie dotrzeć do poszukiwanych danych, zgodnie z ich oczekiwaniami.
Makiety końcowe
