Ula Rządkowska
Gotowa do pracy
Redesign strony internetowej
Rozwijanie statystyk o większą wartość
W skrócie
Analizowane przez nas targi mają już za sobą dziesięć edycji. Z tej okazji podjęliśmy decyzję o odświeżeniu strony internetowej. Wydarzenie na przestrzeni lat zyskiwało coraz większą popularność, co przełożyło się również na rosnącą liczbę odwiedzin witryny. W konsekwencji zdecydowaliśmy o przygotowaniu nowej odsłony strony, dostosowanej indywidualnie do charakteru i skali targów.
W dalszej części tekstu skupię się na statystykach, ponieważ to one w najbardziej najtrafniejszy sposób oddają skalę targów.
Projekt grupowy
Moja rola:
Design
Usability Testing
Funkcjonalność
Prototypowanie
Harmonogram:
Kwiecień 2025 – Maj 2025
01 Badania
Kompozycja starej wersji
Celem jest rozbudowanie statystyk o szerszy zakres informacji, przedstawionych w bardziej przystępnej i atrakcyjnej formie. Poniższa analiza składa się na kompozycję starej wersji oraz przekazywanych informacji.
Wnioski
Mocna kompozycja centralna zbudowana wokół elementów, która przede wszystkim skupia się na kole umieszczonym w samym środku. Główne problemy tego układu to:
– nierównomierne rozmieszczenie elementów,
– dominacja jednego elementu (który jest jedynie wizualnym dodatkiem),
– nadmierna różnorodność fontów – zastosowano aż sześć różnych stylów, bez wyraźnej hierarchii ułatwiającej czytelność.
Informacje starej wersji
Wnioski
Statystyki i elementy wizualne mają pokazać targi jako wydarzenie o rosnącej skali i międzynarodowym charakterze. Jednak część zabiegów (globus, powtarzanie danych, mieszanie dat) może być odbierana jako nienaturalne „podbijanie” znaczenia. Pozytywnym efektem jest poczucie, że wydarzenie targowe niesie realną wartość, która z roku na rok systematycznie się zwiększa.
02 Odbiorcy
Rodzaje odbiorców
Aby skutecznie projektować i rozwijać stronę wydarzenia targowego, ważne jest zrozumienie, do kogo treść jest kierowana i jakie potrzeby powinna zaspokajać. Odbiorcy różnią się celami, oczekiwaniami oraz sposobem korzystania z treści.
Można wyróżnić trzy kluczowe grupy odbiorców do których strona targów jest skierowana:
Odwiedzający poszukują precyzyjnych informacji oraz możliwości nawiązania wartościowych relacji biznesowych.
Wystawcy postrzegają udział w targach jako opłacalną inwestycję i skuteczny sposób na rozwijanie swojej firmy.
Patronom zależy na budowaniu profesjonalnego wizerunku wydarzenia, zwiększaniu rozpoznawalności marki oraz angażowaniu się w wartościowe formy współpracy i promocji.
Nauka od konkurencji
Zawsze przed projektowaniem analizuję konkurencję by zdobyć inspirację lub dowiedzieć się czegoś nowego. Zdecydowanie znalazłam tam pewne przydatne wzorce, które dobrze odpowiadają na nasze główne problemy.
03 Ideation
Horyzontalne podejście do prezentowania treści
Zależało nam na rozwinięciu sekcji o dodatkowe informacje, aby lepiej ukazać skalę targów. Jednocześnie chcieliśmy uniknąć dalszego wydłużania strony w pionie, ponieważ już teraz zawiera ona wiele różnych elementów. Zamiast projektować element w dół, zdecydowaliśmy się na rozwiązanie horyzontalne.
Jednym z zastosowanych rozwiązań jest oś czasu (timeline). Przepływ informacji jest zgodny z naturalnym kierunkiem czytania – od lewej do prawej. Dodatkowo ułożenie naprzemienne (góra–dół) kafelków pozwoliło skrócić komponent i zmniejszyć warunek przewijania w prawo, przy zachowaniu dobrej czytelności.
04 Prototyp
Testy użyteczności
Nowa sekcja Statystyki została zaprojektowana tak, by pełniła rolę narracji targów z poprzednich lat. Hierarchia zaczyna się od krótkiego sloganu wprowadzającego, który pełni rolę tytułu i natychmiast przyciąga uwagę użytkownika. Następnie wzrok kieruje się ku wyróżnionym prognozom. Estymacje pełnią rolę wstępu, płynnie kierują uwagę w stronę wizualizacji wcześniejszych edycji.
Prototyp umożliwia przesuwanie osi czasu lewo-prawo, żeby sprawdzić rozmieszczenie kafelków między sobą. Weryfikowaliśmy, czy narracja jest zrozumiała, angażująca i wspiera w podejmowaniu podejmowanie decyzji. Proces iterowania różnych układów osi czasu i kart był szybki. Umożliwiło nam to wybranie najbardziej intuicyjnego i estetycznego rozwiązania.
Hiearchia wzroku
1. Zdjęcie – największy element, który najszybciej przyciąga uwagę. Estetyczny sposób na zainteresowanie użytkownika treścią
2. Data – informuje, kiedy wydarzenie miało miejsce
3. Edycja – numer kolejnej edycji. Liczba edycji buduje zaufanie. Ilość edycji są dowodami na skuteczność projektu. Pozytywne rezultaty przekładają się na ciągłość i rozwój wydarzenia.
4. Trzy najważniejsze statystyki – łatwe do porównania z poprzednimi i kolejnymi latami. Zestawienie statystyk w tej formie nadaje liczbom większą wagę i ukazuje rozmiar przedsięwzięcia.
05 Wygląd UI
Wersja końcowa UI
System Design
06 Refleksja
1# Hierarchizacja
Zrozumiałam, że podchodząc do jakiegokolwiek projektowania, powinno się najpierw ustalić priorytety i cele. Nowa sekcja Statystyk, służy teraz w przyjemniejszy sposób za historię wszystkich edycji targów. W rezultacie powstała sekcja, która łączy funkcjonalność, estetykę i storytelling. Używając odpowiedniej hierarchii treści – od sloganu wprowadzającego, poprzez estymacje, aż po timeline – użytkownik jest prowadzony w sposób spójny i angażujący.
2# Wzbudzanie zainteresowania
Nauczyłam się, jak w atrakcyjny wizualnie sposób prezentować informacje. W dzisiejszym, szybkim tempie życia ludzie coraz rzadziej czytają treści w całości – ograniczają się do skanowania stron. Z tego powodu zadanie designerów staje się coraz trudniejsze. Aby przyciągnąć uwagę odbiorcy, warto wykorzystywać zdjęcia oraz komponować moduły w angażujący i przemyślany sposób. Istotne jest, by nie przeładowywać przestrzeni, lecz jak najlepiej wykorzystać dostępne miejsce, nadając mu sens i funkcję.
3# Marketing
Aktualny projekt jest mocno związany z promocją marki i wspieraniem sprzedaży. W związku z tym przy okazji podświadomie uczę się metod skutecznej prezentacji produktu. Istnieje wiele sposobów, by udowodnić wartość marki. W tym projekcie, rozkładając każdą edycję na pojedyncze elementy, pokazałam, że ich liczba stanowi dowód na efektywność targów. Dodatkowo, użycie zdjęć z wydarzeń jeszcze bardziej uwiarygodniło przekaz, podkreślając realność i sukces wszystkich dotychczasowych edycji.