Football Academy to akademia piłkarska, która buduje markę nie tylko na boisku - otwarcia oddziałów, osiągnięcia i materiały brandingowe muszą żyć w jednym, spójnym systemie. Zamiast rozproszonych plików i ręcznego przygotowywania grafik powstał Football Academy System: wewnętrzna aplikacja webowa z interaktywną przeglądarką modeli 3D.
Centrum produktu to galeria zasobów 3D - od symbolicznych „kluczy” po materiały związane z wydarzeniami (np. otwarcie oddziału Football Baby). Manager może obracać model, zmieniać oświetlenie i od razu eksportować plik do GLB, PNG lub SVG.
01 / WyzwanieMarka akademii potrzebuje narzędzi, nie tylko strony wizytówki
Akademia rośnie - nowe oddziały, wydarzenia, materiały dla trenerów i zawodników. Bez centralnego systemu każdy plik żyje osobno: w Discordzie, na dysku, w mailu. Brakuje wspólnego miejsca do przeglądania zasobów 3D, kontroli dostępu i szybkiego eksportu pod social media, prezentacje czy print.
- Zasoby 3D w przeglądarce. Modele muszą dać się obejrzeć bez Blendera i bez instalacji - z sensowną kontrolą kamery i światła.
- Role i uprawnienia. Zawodnik, trener i manager mają inne potrzeby - system musi to odzwierciedlać.
- Eksport pod wiele kanałów. Ten sam asset ma wyjść jako GLB (3D), PNG (grafika) i SVG (wektor), bez osobnego pipeline'u.
Gdy akademia traktuje branding jak produkt - a nie jak folder na dysku - potrzebuje aplikacji, która łączy galerię, uprawnienia i eksport w jednym miejscu.
02 / RozwiązanieDashboard z viewerem Three.js i panelem zarządzania
Aplikacja oparta na Next.js z przeglądarką 3D (Three.js / React Three Fiber). Widok „Przegląd” pokazuje aktualny model w ciemnym, gamingowym UI; strzałki przełączają galerię. Panel boczny daje tryby Obróć i Światło, eksport GLB/PNG/SVG oraz akcje zarządzania (m.in. usuwanie) dla roli Manager.
Trzy role, jeden produkt
Przełącznik ról (Zawodnik / Trener / Manager) pokazuje, że system nie jest tylko galerią - to narzędzie operacyjne akademii. Manager zarządza zasobami, trener i zawodnik korzystają z przeglądu w zakresie swoich uprawnień. Nawigacja: Przegląd, Lista, Zarządzaj - jasny podział między konsumpcją a administracją.
Jeden asset, trzy wyjścia: model 3D do dalszej pracy, raster do social mediów i wektor do materiałów drukowanych - bez ręcznego konwertowania poza systemem.
03 / RezultatSystem, który pokazuje markę akademii w 3D
Football Academy dostała wewnętrzny system z nowoczesnym UI, przeglądarką 3D i rolami użytkowników - miejsce, w którym osiągnięcia i materiały brandingowe żyją jako produkt, a nie jako luźne pliki. Viewer z kontrolą światła i eksportem sprawia, że przygotowanie assetu pod konkretny kanał zajmuje sekundy, nie godziny.
Budujesz aplikację z WebGL, galerią assetów albo systemem ról dla organizacji sportowej? Porozmawiajmy - łączę UX dashboardu z technologią 3D w przeglądarce.
Buduję aplikacje webowe i systemy dla firm - od projektu po wdrożenie. Specjalizuję się w Next.js, Supabase i integracjach z zewnętrznymi serwisami. Każdy projekt obsługuję osobiście.
