Projekt UX/UI oraz wdrożenie strony dla TAURON Arena Kraków
Podsumowanie projektu:
Nowa architektura i wydajność – Zaprojektowaliśmy od podstaw nową strukturę bazy danych, dzięki czemu strona ładuje się szybciej i sprawnie obsługuje tysiące wydarzeń.
Nowoczesny UX/UI – Stworzyliśmy czytelny, wysokokontrastowy layout z wymienialnymi modułami UX, ułatwiającymi dotarcie do kluczowych informacji na każdej podstronie.
Migracja i automatyzacja – Przenieśliśmy ponad 4 tysiące wydarzeń przy pomocy dedykowanego bota migracyjnego i wdrożyliśmy automatyczne tłumaczenie treści oparte na AI.
Bezpieczeństwo i dostępność – Zabezpieczyliśmy stronę przed atakami botów oraz zaprojektowaliśmy zoptymalizowaną pod mobile, interaktywną mapę obiektu.
Nasz klient
TAURON Arena Kraków to największa i najnowocześniejsza hala widowiskowo-sportowa w Polsce, mogąca pomieścić nawet 22 000 widzów. Obiekt gości największe wydarzenia sportowe, koncerty i eventy biznesowe, dlatego jego strona www musi sprostać wymaganiom zarówno kibiców, jak i partnerów korporacyjnych.
Nowa struktura baz danych i szybkość ładowania
Zaprojektowaliśmy od podstaw nową architekturę bazy danych, zoptymalizowaną pod kątem obsługi tysięcy wydarzeń i dynamicznie zmieniającej się treści. Zastosowaliśmy refaktoryzację backendu oraz wdrożyliśmy mechanizmy cache’owania. To przełożyło się na lepszy performance strony, wyższy współczynnik Core Web Vitals oraz realnie odczuwalną przez użytkowników płynność działania serwisu.
Front End
Layout strony zaprojektowaliśmy w oparciu o zasady wysokiego kontrastu i czytelnej hierarchii wizualnej, tak aby podstawowe informacje – repertuar wydarzeń, bilety, kontakt – były dostępne w sposób intuicyjny. Interfejs powstał zgodnie z dobrymi praktykami UI design, z zachowaniem pełnej responsywności (RWD) oraz zgodności ze standardami WCAG.
Moduły UX
Na poszczególnych podstronach wdrożyliśmy wymienialne moduły UX, dzięki którym administratorzy mogą samodzielnie eksponować istotne informacje i linki tematycznie powiązane z daną sekcją serwisu.
Takie podejście modułowe pozwala elastycznie zarządzać contentem bez ingerencji programistycznej i dopasowywać komunikację do bieżących potrzeb biznesowych. To rozwiązanie znacząco skraca ścieżkę użytkownika do poszukiwanej informacji.
Szybka translacja AI
Wdrożyliśmy mechanizm automatycznego tłumaczenia treści oparty na sztucznej inteligencji, dzięki czemu wszystkie nowe publikacje trafiają do użytkowników anglojęzycznych niemal natychmiast po dodaniu polskiej wersji.
Rozwiązanie to eliminuje opóźnienia w komunikacji wielojęzycznej, tak istotne przy obsłudze międzynarodowych wydarzeń i gości areny. To realna oszczędność czasu redakcji przy zachowaniu spójności contentowej w obu wersjach językowych.
Oferta wynajmu hali oraz stref VIP
Wynajem hali oraz lóż VIP to jeden z ważnych filarów przychodowych klienta, dlatego zaprojektowaliśmy dedykowaną ścieżkę prezentującą tę część oferty. Sekcja zawiera szczegółowy opis stref, interaktywny plan obiektu oraz formularze kontaktowe, ułatwiające szybkie pozyskanie leadów biznesowych. Takie podejście wspiera bezpośrednio cele sprzedażowe i finansowe klienta.
Proces zakupu biletu
Zaprojektowaliśmy elastyczny proces zakupowy, w którym użytkownik samodzielnie wybiera preferowany portal biletowy dla danego wydarzenia.
Migracja danych
Jednym z największych wyzwań projektu była migracja ponad 4 tysięcy wydarzeń z poprzedniej wersji serwisu. Aby zapewnić pełną integralność danych, napisaliśmy dedykowanego bota migracyjnego, który automatycznie przeniósł i uporządkował całą bazę eventów oraz postów. Takie podejście pozwoliło zachować historię wydarzeń przy jednoczesnym wdrożeniu nowej struktury danych.
Ochrona strony
Ze względu na skalę ruchu i wysoką rozpoznawalność marki, wdrożyliśmy kompleksowe mechanizmy bezpieczeństwa chroniące serwis przed atakami botów oraz ruchem generowanym automatycznie. Zastosowane rozwiązania anti-bot i rate-limiting zabezpieczają stronę przed przeciążeniem i nieautoryzowanym dostępem do zasobów.
Interaktywna mapa obiektu
Zoptymalizowaliśmy interaktywną mapę TAURON Areny Kraków pod urządzenia mobilne. Rozwiązanie znacząco poprawia orientację w obiekcie zarówno przed, jak i w trakcie wydarzenia, przy dużym natężeniu ruchu.
