Prezentacja strony na laptopie z hero image i wyraźnym CTA

Projekt: Strona Pracuj.pl Reklama

Klient: Grupa Pracuj S.A.
Zakres: ux / ui design
Rok: 2024

Redesign, który poprawia komunikację, skraca ścieżkę do kontaktu i wzmacnia przekaz marki, stawiając w centrum pracowników różnych branż.

PRZEGLĄD PROJEKTU

Strona reklama.pracuj.pl prezentuje ofertę reklamową Pracuj.pl, umożliwiając firmom promowanie swoich marek i ofert pracy poprzez różne formaty reklamowe skierowane do kandydatów.

ZADANIE

Celem projektu był kompleksowy redesign strony. Poprzednia wersja nie spełniała już standardów rynkowych, zawierała błędy funkcjonalne i nieaktualne treści. Kluczowym wyzwaniem było usprawnienie procesu pozyskiwania ofert reklamowych i jego integracja z wewnętrznymi systemami organizacji, aby zapewnić płynność i efektywność działania.

Na poziomie komunikacyjnym, zadaniem było przełamanie stereotypowego postrzegania Pracuj.pl jako serwisu wyłącznie dla „white collars” (specjalistów i menedżerów). Chcieliśmy wzmocnić wizerunek platformy jako miejsca z ofertami dla wszystkich poszukujących pracy, w tym wykwalifikowanych fachowców i pracowników sektora usług.

Projekt obejmował również prezentację nowej oferty produktów reklamowych i dostosowanie strony do firmowego design systemu.

ROZWIĄZANIE

Proces rozpoczął się od zrozumienia potrzeb. Przeprowadziłem wywiady z zespołem marketingu i sprzedaży, by zrozumieć ich potrzeby i wyzwania. Warsztaty z zespołem odpowiedzialnym za systemy wewnętrzne pozwoliły wypracować nowe podejście do formularza kontaktowego i ścieżki obsługi zapytań.

Kolejnym etapem był audyt użyteczności strony, oparty na analizie heurystycznej i dopasowanych checklistach. Ze względu na brak danych analitycznych, pomocniczym źródłem informacji o zachowaniach użytkowników i dostępności strony były heatmapy z narzędzia AI Zyro oraz raport z Google Lighthouse.

Dodatkowo benchmarking dostarczył dodatkowych wniosków dotyczących standardów branżowych i obszarów potencjalnych usprawnień.

REZULTAT

Na podstawie zebranych insightów powstały prototypy, które po kilku iteracjach doprowadziły do finalnych projektów. Wybrane zostały prostsze wizualnie i bardziej czytelne rozwiązania. Treść i jej układ zostały zoptymalizowane zgodnie z wytycznymi zespołu SEO, z naciskiem na wyeksponowanie oferty reklamowej. W nowym projekcie uproszczono ścieżkę kontaktu – formularz jest dostępny po jednym kliknięciu w przycisk, który pozostaje widoczny ma każdej podstronie, „pływając” z użytkownikiem podczas przewijania.

Warstwa wizualna strony została zaprojektowana w lekkim, kolorowym i pozytywnym stylu, odchodząc od dotychczasowych, chłodnych i formalnych estetyk biznesowych. W centrum uwagi znaleźli się użytkownicy – odbiorcy produktów reklamowych – a nie ekrany zawierające wizualizacje produktów. Dzięki temu strona zyskała bardziej ludzki i emocjonalny charakter, jednocześnie podkreślając różnorodność grupy docelowej poprzez przedstawienie pracowników z różnych branż.

NASTĘPNE KROKI

Kolejnym etapem będzie analiza danych, która pozwoli ocenić skuteczność wprowadzonych rozwiązań i zweryfikować ich wpływ na konwersję. Elementem, którego zabrakło we wdrożeniu z powodu nierozstrzygnięcia kwestii prawnych, jest sekcja case studies produktu „Praca Marzeń”. To szczególnie istotne, ponieważ jest to produkt niestandardowy i nieoczywisty – jego lepsze zrozumienie ułatwiłyby konkretne przykłady. Dodatkowo, jak pokazała analiza benchmarków, case studies z kampanii to rynkowy standard, nie tylko jako element storytellingu, ale jako narzędzie sprzedażowe.
Strona główna w wersji desktop z sekcjami, hierarchią treści, zoptymalizowana pod kątem SEO
Strona produktu Display w wersji desktop opisująca jego cechy i formaty reklamowe
Strona produktu Artykuł sponsorowany w wersji desktop opisująca jego korzyści i specyfikację
Strona produktu Mailing reklamowy w wersji desktop opisująca jego korzyści i specyfikację
Strona produktu Praca marzeń w wersji desktop opisująca jego korzyści i specyfikację
Strona w wersji desktop opisująca użytkowników serwisu Pracuj.pl
Strona kontaktu w laptopie z danymi kontaktowymi przedstawiciela handlowego i formularzem
Strona główna z sekcją hero image w smartfonie
3 smartfony prezentujące jak strona główna serwisu wygląda w wersji na telefon
4 widoki prezentujące sekcje hero image produktów reklamowych w wersji mobile
Hero image strony Użytkownicy w wersji mobilnej
Smartfon prezentujący fragment strony Użytkownicy z wykresami kołowymi i danymi liczbowymi
Smartfon prezentujący fragment strony Użytkownicy z atrakcyjnymi wykresami słupkowymi
Nawiążmy współpracę!
Jeśli planujesz projekt i szukasz partnera do jego realizacji, chętnie porozmawiam – napisz do mnie!