LIVECUP.app
Blog
Autor: LiveCup Team6 min czytania

Twoja strona turnieju wygląda teraz jak prawdziwa strona wydarzenia

Hero bannery, plakaty, harmonogramy, mapy obiektów i karuzele sponsorów — wgraj raz, udostępnij jednym linkiem, zachwyć każdego gracza.

Pierwsze wrażenie: hero banner na całą szerokość

Do tej pory strona turnieju otwierała się zwykłym tytułem i kilkoma chipami. Działało, ale nie robiło wrażenia. Od tego wydania możesz wgrać obraz 16:9, który wypełnia górę strony — jak Wimbledon, Padel American Tour czy każda poważna transmisja esportowa.

Obraz sięga od krawędzi do krawędzi, a ciemny gradient na dole sprawia, że tytuł, lokalizacja, data startu i odliczanie na żywo zawsze pozostają czytelne. Wybierz efektowne ujęcie obiektu, zeszłoroczny finał lub oficjalną grafikę — hero nadaje ton całej stronie.

Tournament public page with full-bleed hero banner, title, start date, and registration call-to-action

Wszystko na swoim miejscu: sześć kategorii mediów

Organizatorzy zrzucali wszystkie zdjęcia do jednej ogólnej galerii i mieli nadzieję, że gracze znajdą to, czego potrzebują. Już nie. LiveCup dzieli teraz uploady na sześć dedykowanych kategorii: Hero banner, Plakat, Harmonogram, Mapa obiektu, Regulamin i Sponsorzy.

Każda ma własny slot w panelu admina z jasnymi wskazówkami co do typów plików. Plakaty i hero bannery to single-slot (jedno zwycięskie zdjęcie). Harmonogram, obiekt i regulamin przyjmują wiele plików — przeciągnij, aby uporządkować. PDF-y są obywatelami pierwszej klasy: LiveCup automatycznie generuje miniaturkę, więc regulamin PDF wygląda równie dobrze jak JPG.

Media tab showing poster, schedule day cards, venue map, and rules document

Widok publiczny z zakładkami, który ma sens

Strona turnieju na żywo mieści mnóstwo — drabinki, tabele, wyniki meczów, rejestrację, grafiki, sponsorów. Zrzucenie tego na jeden niekończący się scroll zabijało doświadczenie. Widok publiczny ma teraz cztery sticky zakładki: Info, Media, Tabela, Mecze. Gracze lądują dokładnie tam, gdzie powinni, w zależności od statusu turnieju.

Zakładka Info to lobby — opis, zarejestrowani gracze, flow dołączania z kodem QR i podgląd galerii. Tabela lub Mecze otwierają się domyślnie, gdy turniej ruszy na żywo. Na mobile zakładki zwijają się do wąskiego pill-bara przyklejonego do góry podczas przewijania.

Info tab with team stats, join section with QR code, registered players, and media preview bar

Karuzela sponsorów — jedno źródło prawdy

LiveCup miał już logotypy sponsorów na widoku TV dla obiektów pokazujących turniej na dużym ekranie. Trzymanie tego osobno od strony publicznej oznaczało, że organizatorzy musieli konfigurować te same logotypy dwa razy. Już nie.

Wgraj każdego sponsora raz — nazwa, logo, opcjonalny link do strony — a LiveCup pokaże ich zarówno na widoku TV, jak i jako animowaną karuzelę na stronie publicznej. Gracze mogą kliknąć logo, by otworzyć stronę sponsora. Sponsorzy mają teraz własną sekcję w panelu admina, wyraźnie oddzieloną od ustawień TV.

Animated sponsors carousel with logos of Bullpadel, Red Bull, Wilson, and Babolat scrolling across the tournament page

Mobile-first, bo tak większość graczy otwiera Twój link

Każdy element tego wydania był testowany w viewporcie iPhone'a 390×844 przed czymkolwiek innym. Hero spada do 260 pikseli wysokości na małych ekranach, żeby nigdy nie zjadł folda. Zakładki to tap-targety po 40 pikseli. Miniaturki w zakładce Media zwijają się do 2-kolumnowego gridu dla plakatów i zdjęć obiektu.

Odliczanie i podpowiedź „Rejestracja otwarta” trzymają się jednej linii na mobile, przechodzą w drugi wiersz tylko wtedy, gdy przetłumaczony tekst jest niezwykle długi. Flow udostępniania i dołączania używa systemowego share sheet tam, gdzie to dostępne, z fallbackiem do schowka wszędzie indziej.

Mobile view of tournament public page with hero banner filling width

Kompaktowe miniaturki, dotknij by powiększyć

Gracze nie potrzebują widzieć każdej strony harmonogramu w pełnej rozdzielczości od razu. Zakładka Media pokazuje każdy obraz jako kompaktową kartę z podpisem pod spodem. Dotknij miniaturki, a otworzy się w pełnoekranowym lightboxie z nawigacją lewo/prawo i obsługą strzałek na desktopie.

PDF-y dostają to samo traktowanie: automatycznie wygenerowana miniaturka siedzi w gridzie, a oryginalny plik jest o jedno dotknięcie. Regulamin, zgody, tabele punktacji — wszystko, czego gracze mogą potrzebować, uporządkowane i w zasięgu bez opuszczania strony.

Mobile Media tab with compact 2-column thumbnail grid for schedule images and venue map

Galeria grafik turniejowych jest dostępna na PRO, BUSINESS oraz każdym turnieju odblokowanym kredytem. Utwórz turniej lub zaktualizuj go i daj graczom coś wartego udostępnienia.

Organizuj turnieje, którymi gracze naprawdę chcą się dzielić

Hero bannery, plakaty, sponsorzy, rejestracja QR, tabela na żywo i widok TV — wszystko w jednym miejscu.

Utwórz turniej