1) Wprowadzenie

UI/UX (User Interface / User Experience) to elementy i zasady, które wpływają na wygląd, wygodę i interakcję użytkownika z platformą.
W Bitfun interfejs jest zaprojektowany tak, aby był:

• czytelny,

• lekki i szybki,

• responsywny,

• oparty na komponentach,

• wizualnie spójny w całej platformie.

Do budowy layoutu używamy frameworka Bulma, który zapewnia nowoczesną, modularną strukturę CSS. Nad nim nakładamy własne style neonowo-cyberpunkowe, które tworzą charakterystyczny wygląd Bitfun.

2) Gdzie i jak jest wykorzystywane

Na platformie Bitfun UI/UX pełni kluczową rolę w:

• stronach gier,

• leaderboardach,

• profilach użytkowników,

• panelu logowania i rejestracji,

• panelu wsparcia technicznego,

• dashboardzie minigier.

UI jest zbudowane w 80% na Bulmie, a następnie rozszerzone własnym stylem:

• neonowe obramowania,

• efekt glow,

• ciemny motyw,

• responsywne komponenty,

• animacje hover i aktywacji,

• spójne boxy, tabelki i layouty.

3) Zastosowanie

3.1) Formularze

3.2) Tabela wyników

3.3) Neonowe style Bitfun

4) Struktura UX

4.1) Spójność

Wszystkie elementy wyglądają podobnie dzięki jednemu frameworkowi (Bulma) + wspólnej palecie kolorów.

4.2) Minimalizm

Brak przeładowania elementów. Wszystko jest lekkie i szybkie.

4.3) „Game feel”

Ekrany przypominają estetykę futurystycznych paneli z gier.

4.4) Responsywność

Działa na PC, tabletach i telefonach (Bulma robi to automatycznie).

4.5) Wygoda użytkownika

Przykłady:

• jasna struktura przycisków,

• wyróżnione komunikaty,

• czytelne leaderboardy,

• duże i wygodne formularze.

5) Podsumowanie

UI/UX Bitfun to połączenie:

• Bulma — struktura, grid, responsywność, prosty CSS,

• Autorskie style neonowe — wygląd, klimat, identyfikacja wizualna,

• JS do interakcji — formularze, dynamiczne leaderboardy, animacje.

W efekcie platforma jest szybka, czytelna i estetyczna w swoim cyberpunkowym stylu.