WB Studio↘Realizacje↘SZULI.PRO
Realizacja 08 / 2026Marka osobista · MMA

SZULI.PROmarka osobista zawodnika MMA, która działa także poza klatką

Grzegorz „Szuli” Szulakowski miał już rozpoznawalność, sportową historię i własny charakter. Zadaniem strony było zebrać to w jednym miejscu — dla fanów, mediów, partnerów i ludzi, którzy chcą wejść z nim we współpracę.

szuli.pro
↗
Grzegorz Szulakowski — wejście do walki
SZULI
KarieraPoza klatkąKontaktWIN-WIN
Zawodnik MMA · Trener · CzłowiekSZULI

Kariera, życie poza klatką, strefa WIN-WIN i kontakt — wszystko w jednym miejscu.

Projekt + teksty + 3 języki + wdrożenie
03wersje językowe PL / EN / DE
07organizacji i federacji pokazanych w karierze
02osobne ścieżki kontaktu: Kontakt i WIN-WIN
01spójny system marki osobistej
Punkt wyjścia

Nie tylko fighter.

Najprostsza wersja tej strony mogła być galerią walk i rekordem. Tyle że Szuli funkcjonuje równolegle jako zawodnik, trener, partner dla marek i po prostu człowiek. Strona musiała pomieścić wszystkie te role — bez rozmywania sportowego charakteru.

01 / marka

Jedna osoba. Kilka różnych odbiorców.

Fan szuka kariery i walk. Media — szybkiego kontaktu i konkretów. Partner biznesowy chce zobaczyć, kim jest zawodnik i czy współpraca ma sens.

02 / charakter

Strona miała brzmieć jak Szuli, nie jak agencja PR.

Copy jest krótkie, bezpośrednie i czasem zaczepne. Design robi to samo: czerń, biel, czerwień, duże typografie i zdjęcia, które nie potrzebują ozdobników.

03 / cel

Sportowa wiarygodność + realna droga do współpracy.

Dlatego obok kariery powstała osobna strefa WIN-WIN — dla sponsorów, marek, wydarzeń i projektów.

Architektura informacji

Każdy odbiorca dostaje własną ścieżkę.

Struktura nie próbuje zmieścić wszystkiego na jednej stronie. Każdy temat ma własne miejsce, a wspólny system nawigacji trzyma markę razem.

01 / StartHome

Kim jest Szuli i dokąd użytkownik może pójść dalej.

02 / SportKariera

Walki, organizacje i najważniejsze momenty zawodowej drogi.

03 / CzłowiekPoza klatką

Trener, mąż, ojciec i codzienność poza sportowym obrazkiem.

04 / BiznesWIN-WIN

Dedykowana strefa dla współprac, marek i partnerów.

05 / KontaktKontakt

Media, trening, eventy i inne sprawy kierowane właściwą ścieżką.

Kierunek wizualny

Agresja kontrolowana.

W MMA łatwo przesadzić z ogniem, czaszkami i „fight posterem” na każdym ekranie. Tutaj sportowa energia została zamknięta w prostym systemie: mocne fotografie, skala typografii i jeden czerwony akcent.

Grzegorz Szulakowski — portret czarno-biały
Black / white / red

Bez zbędnego „premium”.
Ma być mocno i prawdziwie.

Trzy kolory. Zero przypadkowości.

Czerń buduje tło i koncentrację. Biel niesie typografię. Czerwień jest sygnałem — CTA, akcent, kierunek ruchu.

Fotografia zamiast dekoracji

Zdjęcia z walk, treningów i życia poza klatką są głównym nośnikiem charakteru. UI ma je porządkować, a nie z nimi konkurować.

Ruch tylko tam, gdzie coś wnosi

Wejścia sekcji, ticker, federacje, drobne przejścia i SOUND ON. Efekt ma podbijać temperament marki — nie odciągać od treści.

Kariera

Sportowa historia musi wyglądać jak sportowa historia.

Zamiast tabeli rekordów i kilku miniatur — mocne kadry, osobna narracja kariery i czytelny kontekst organizacji, dla których Szuli walczył.

Grzegorz Szulakowski w klatce MMA
PRO MMA / MOJA KARIERA

Nie chowamy emocji
w małych kartach.

Walka MMA Grzegorza SzulakowskiegoAkcja / walka
Zwycięstwo Grzegorza SzulakowskiegoZwycięstwo / moment
Walczył dla / organizacje i federacje
KSWFENTFLPLMMAPRIMESTRIFESCF
Poza klatką

Marka osobista nie kończy się po gongu.

Jedna z najważniejszych decyzji w projekcie: nie robić z człowieka wyłącznie zawodnika. Osobna sekcja pokazuje role, których nie widać w rekordzie MMA.

Grzegorz Szulakowski jako trener
01 / poza klatkąTrener
Grzegorz Szulakowski — życie poza klatką
02 / poza klatkąMąż
Grzegorz Szulakowski jako ojciec
03 / poza klatkąOjciec
Grzegorz Szulakowski poza sportem
04 / poza klatkąCzłowiek
PL / EN / DE

Jedna marka.
Trzy języki.

Strona automatycznie rozpoznaje preferowany język przeglądarki i kieruje użytkownika do wersji polskiej, angielskiej lub niemieckiej. Każdy język ma pełną strukturę — nie jest tylko automatycznym tłumaczeniem jednego ekranu.

PLENDE
PolskiKariera

Pełna wersja bazowa dla lokalnych odbiorców i fanów.

EnglishCareer

Międzynarodowa wersja dla mediów, partnerów i federacji.

DeutschKarriere

Osobna wersja dla odbiorców niemieckojęzycznych.

EN / DE formularz
→
Azure Translator
→
Mail po polsku
Wiadomości z formularzy EN i DE są tłumaczone na polski przed wysłaniem do skrzynki — użytkownik pisze w swoim języku, odbiorca dostaje czytelną wiadomość bez ręcznego przeklejania do translatora.
Grzegorz Szulakowski — sekcja CHILL
Sound / Spotify

Strona dostała własny soundtrack.

SZULI.PRO / SOUNDJedno kliknięcie. Muzyka gra.
Playlist 01SZULI | PL.
PL ↗
Playlist 02SZULI | INTERNATIONAL
EN / DE ↗

Dla polskiej wersji działa osobna playlista, a EN/DE korzystają z playlisty międzynarodowej. Odtwarzacz można zminimalizować, a kontrolka SOUND ON pozostaje częścią doświadczenia strony — bez blokowania treści.

Strefa WIN-WIN

Nie „kontakt”.Współpraca.

Partner biznesowy nie trafia do tego samego formularza co każdy inny użytkownik. WIN-WIN ma osobny język, osobny kontekst i własny zestaw tematów: sponsoring, marka, projekt, wydarzenie, kampania czy partnerstwo.

Grzegorz Szulakowski — strefa WIN-WIN
Dedykowana ścieżka B2BJeśli ma być deal — niech ma sens dla obu stron.
SponsoringMarkaProjektEventMediaPartnerstwo
Mobile

Na telefonie dalej ma być SZULI.

Duża typografia, mocne zdjęcia i ciemny klimat nie mogą rozsypać się na małym ekranie. Mobile dostał własne kadrowanie, uproszczone menu, wybór języka i krótsze ścieżki do najważniejszych sekcji.

01PL / EN / DE dostępne od razu w nagłówku.
02Hero i Kariera kadrowane specjalnie pod pion.
03WIN-WIN i Kontakt pozostają łatwe do znalezienia.
04Ruch i efekty nie przeszkadzają w przewijaniu.
Mobilna sekcja Kariera SZULI.PRO
PRO MMA / MOJA KARIERAKARIERA
Mobilna sekcja Poza klatką SZULI.PRO
POZA KLATKĄNie tylko fighter.
Zakres WB Studio

Design był tylko jedną warstwą.

W projekcie trzeba było połączyć warstwę wizualną z wielojęzycznością, logiką formularzy, tłumaczeniami, audio, analityką i wdrożeniem bez utraty szybkości oraz charakteru.

01Strategia i UX

Rozdzielenie odbiorców: fan, media, partner biznesowy, kontakt ogólny.

02Copywriting

Teksty dopasowane do charakteru marki — bez korporacyjnego tonu.

03Web design

Indywidualny system black / white / red i sportowy rytm strony.

04PL / EN / DE

Pełne wersje językowe + automatyczny wybór języka.

05Formularze

Kontakt i WIN-WIN z rozróżnieniem źródła oraz tematów zapytania.

06Tłumaczenie

Wiadomości EN/DE tłumaczone do PL przed wysłaniem.

07Spotify / Sound

Dwie playlisty, SOUND ON i minimalizowany odtwarzacz.

08Analityka i wdrożenie

GA4, event lead, OG, mobile, hosting i uruchomienie produkcyjne.

Efekt

Nie strona fightera.Strona marki SZULI.

Kariera jest mocnym fundamentem, ale nie jedyną treścią. Powstało jedno miejsce, które pokazuje sport, człowieka i potencjał do współpracy — po polsku, angielsku i niemiecku.

Grzegorz Szulakowski po zwycięstwieSZULI.PRO / Namysłów / 08.2026

Masz markę.Zróbmy jej stronę.

Jeżeli Twoja firma albo marka osobista żyje głównie w social mediach, można zbudować jej miejsce, które pracuje na własnych zasadach — i wygląda jak Ty, a nie jak gotowy szablon.