LOADING 0%

design & brands

brocki
bielkowski

Tworzymy marki, budujemy strony i projektujemy systemy, które pomagają firmom mówić wyraźniej i budować większe zaufanie.

Jak myślimy

MESSAGE AUDIENCE FORM

Najpierw szukamy sensu, odbiorcy i właściwego komunikatu. Dopiero później nadajemy temu formę.

Obietnica

BRANDS
THAT NEVER
BREAK

Wzmacniamy sposób, w jaki firmy mówią o sobie, budujemy ich obecność i tworzymy rzeczy, które dobrze działają i dobrze się pamięta.

Biała klasyczna rzeźba na jasnym tle

Twoja praca ma znaczenie. Dlatego warto pokazać ją światu w sposób, na jaki zasługuje. Tworzymy marki i strony, które pomagają innym zobaczyć wartość tego, co robisz. Dobry projekt powinien budować zaufanie, wspierać rozwój i pracować na Twoją reputację. Zaczynamy od zrozumienia Twojej pracy. Dopiero potem nadajemy jej formę.

01 / 03

MIBROX

Architektura procesów.
Zrób miejsce na rozwój.

Typ: Landing page
Ekrany: 14
Odbiorcy: Właściciele firm B2B / liderzy zespołów

Cel

Przełożyć złożoność operacyjną na klarowną drogę do rozmowy.

Zakres

Branding / Digital

Paleta kolorów

#164c3b
#242827
#66716a
#edf1ec
#ffffff
#e3b84b

Dlaczego wygląda właśnie tak

Projekt opiera się na strukturze, klarowności i porządku. To odzwierciedla pracę MIBROX: porządkowanie złożonych procesów i tworzenie przestrzeni na rozwój. Każdy element ma swoje miejsce i cel.

MIBROX — fragment strony 1 z 14

MIBROX — fragment strony 2 z 14

MIBROX — fragment strony 3 z 14

MIBROX — fragment strony 4 z 14

MIBROX — fragment strony 5 z 14

MIBROX — fragment strony 6 z 14

MIBROX — fragment strony 7 z 14

MIBROX — fragment strony 8 z 14

MIBROX — fragment strony 9 z 14

MIBROX — fragment strony 10 z 14

MIBROX — fragment strony 11 z 14

MIBROX — fragment strony 12 z 14

MIBROX — fragment strony 13 z 14

MIBROX — fragment strony 14 z 14

Porcelanowe rynienki z miękkimi zagięciami, osiadające na jasnej powierzchni

02 / 03

MAGNAR

Dwa światy.
Wspólny kierunek.

Typ: Platforma / strona WWW
Ekrany: 23
Języki: 14

Cel

Pokazać agencję pracy jako partnera biznesowego. Połączyć potrzeby firm i kandydatów w jednym, spójnym systemie komunikacji.

Odbiorcy

Zakłady pracy / właściciele / kadra zarządzająca / kandydaci

Zakres

Strategia / UI/UX / Web / Motion / Content / Podcasty / Materiały szkoleniowe

Paleta kolorów

#0d1b2e
#d4920a
#f0ede6
#9aa0a6
#ffffff

Dlaczego wygląda właśnie tak

Projekt łączy perspektywę biznesu i kandydata. Ruch prowadzi uwagę, typografia porządkuje informacje, a czytelna struktura ułatwia odnalezienie właściwej ścieżki. Za systemem pozostaje człowiek.

Cienka tafla szkła na czterech porcelanowych narożnikach, niżej mały panel na opis i trzy przyciski

01 / Fundament

Linie konstrukcyjne budują wizualny szkielet marki. Pierwszy ekran ustala rytm, skalę i język projektu. Wszystko, co pojawia się dalej, wyrasta z tego systemu.

03 / 03

NFL PICK’EM

Transmisja, dane i typowanie
zamknięte w jednym systemie.

Typ: Aplikacja webowa
Ekrany: 12 głównych widoków
Odbiorcy: Fani NFL / prywatne ligi / gracze Pick’em

Cel

Zamienić typowanie meczów w czytelne, angażujące doświadczenie inspirowane transmisją sportową.

Zakres

Branding / Digital Product / UI System / Motion Direction

Paleta kolorów

#0d1b2e
#242827
#6c819e
#f0ede6
#9e2b2b

Dlaczego wygląda właśnie tak

Projekt łączy język transmisji sportowej z klarownością interfejsu. Segmentowa konstrukcja, mocny rytm i kontrolowana dynamika budują napięcie bez utraty czytelności. Dane nadają strukturę, a narracja zamienia wynik w historię.

NFL PICK’EM — fragment strony 1 z 14

NFL PICK’EM — fragment strony 2 z 14

NFL PICK’EM — fragment strony 3 z 14

NFL PICK’EM — fragment strony 4 z 14

NFL PICK’EM — fragment strony 5 z 14

NFL PICK’EM — fragment strony 6 z 14

NFL PICK’EM — fragment strony 7 z 14

NFL PICK’EM — fragment strony 8 z 14

NFL PICK’EM — fragment strony 9 z 14

NFL PICK’EM — fragment strony 10 z 14

NFL PICK’EM — fragment strony 11 z 14

NFL PICK’EM — fragment strony 12 z 14

NFL PICK’EM — fragment strony 13 z 14

NFL PICK’EM — fragment strony 14 z 14

Porcelanowe rynienki z subtelnym poziomym detalem

Perspektywa

Zmień zainteresowanie
w zaufanie.

Polecenie, LinkedIn, spotkanie, wiadomość. W wielu relacjach biznesowych zainteresowanie pojawia się wcześniej. Strona przejmuje je i zamienia w kolejne wrażenie.

01 / KONTEKST

Najpierw nazwisko. Potem adres.

Ktoś poleca Twoją firmę. Rozmowa idzie dobrze. Nazwa zostaje w głowie. Chwilę później klient otwiera stronę.

Sprawdza właśnie Ciebie.

Strona staje się drugim spotkaniem — odbywa się już bez Twojego udziału, dlatego każdy element komunikacji pracuje samodzielnie.

02 / PIERWSZE WRAŻENIE

50ms

Badania nad pierwszym wrażeniem pokazują, że ocena wizualnej atrakcyjności strony może powstać niemal natychmiast.

Najpierw widzimy. Dopiero później zaczynamy czytać.

Kompozycja, typografia, rytm i czytelność są pierwszymi informacjami, jakie odbiorca otrzymuje o firmie.

03 / WIARYGODNOŚĆ

Wiarygodność ma formę.

Badania nad wiarygodnością stron pokazują, że użytkownicy zwracają uwagę między innymi na profesjonalny wygląd, przejrzystość informacji, możliwość zweryfikowania firmy i łatwy kontakt.

Design buduje oczekiwania. Forma podpowiada, czego można spodziewać się po firmie za ekranem.

Porządek sugeruje porządek. Spójność wzmacnia pewność decyzji.

Zainteresowanie otwiera rozmowę. Strona prowadzi ją dalej.

Dobra strona przejmuje zainteresowanie, które już istnieje, i prowadzi je dalej — w stronę zaufania.

„Doskonałość osiąga się nie wtedy, gdy nie ma już nic do dodania, lecz wtedy, gdy nie ma już nic do odjęcia.”

Antoine de Saint-Exupéry

Manifest

Good design should make
things clearer, not louder.

We remove what is unnecessary.
We strengthen what is important.
We design for people first.

BIELKOWSKI / Mikołaj

Creative Direction / Design / Branding

BROCKI / Miłosz

Strategy / Client Communication / Relationships

brocki / bielkowski design & brands