✶ brocki bielkowski / case study
MIBROX / BRAND LANGUAGE / INFORMATION ARCHITECTURE / UX/UI / B2B

MIBROX

Jak opowiedzieć architekturę procesów tak, żeby właściciel firmy zobaczył w niej mniej chaosu — i więcej miejsca na rozwój.
KIERUNEK I ART DIRECTION
MIKOŁAJ BIELKOWSKI

ZAKRES
INFORMATION ARCHITECTURE / COPY DIRECTION / UX/UI / BRAND LANGUAGE / B2B POSITIONING
MIBROX nie potrzebował strony, która opowiada, że procesy są ważne. Potrzebował strony, która sama działa jak dobrze zaprojektowany proces: prowadzi od symptomu do zrozumienia, od zrozumienia do decyzji, a od decyzji do pierwszego konkretnego kroku.
01 / 07THE PROBLEM

PROCESS CONSULTING WITHOUT CONSULTING FOG.

Największym ryzykiem nie był brak treści. Była nim abstrakcja.

Jak sprzedać coś, czego klient często nie umie jeszcze nazwać?

Architektura procesów, automatyzacja, CRM, fractional management czy porządkowanie odpowiedzialności brzmią dobrze dla kogoś, kto już zna problem. Właściciel mniejszej firmy często zaczyna jednak w innym miejscu: „muszę o wszystko dopytywać”, „nie wiem, gdzie są ustalenia”, „sprzedaż obiecała coś, czego realizacja nie widziała”.

Projekt strony musiał więc działać na dwóch poziomach jednocześnie. Zachować spójność z językiem branży i budować eksperckość MIBROX, ale nie wymagać od odbiorcy znajomości konsultingowego słownika przed pierwszym kontaktem.

To zmieniło sposób myślenia o całym serwisie. Nie projektowaliśmy prezentacji kompetencji dla kogoś, kto już wie, że potrzebuje architektury procesów. Projektowaliśmy drogę dla właściciela lub lidera, który wie tylko, że zespół rośnie, informacje zaczynają się rozchodzić, decyzje wracają do niego, a narzędzia przestają wystarczać. Strona musiała pomóc nazwać ten stan, zanim zacznie proponować rozwiązanie.

Najpierw symptom. Potem mechanizm. Dopiero na końcu nazwa rozwiązania.

Mała firma potrzebuje konkretu szybciej

Przy pracy z organizacjami 10–50 osób abstrakcyjny język doradczy jest szczególnie ryzykowny. Właściciel rzadko szuka „transformacji operacyjnej” jako takiej. Szuka sposobu, żeby mniej rzeczy wracało do niego, żeby zespół wiedział, co ma zrobić dalej, a sprzedaż nie gubiła ustaleń po podpisaniu oferty. Dlatego język strony musiał zaczynać się od sytuacji, które można rozpoznać w ciągu kilku sekund.

W większej firmie ta sama narracja powinna nadal działać, ale umożliwić wejście głębiej: w role, statusy, przekazania, standardy, środowisko pracy i sposób utrzymania zmiany. To napięcie między prostotą wejścia a głębokością treści było jednym z głównych problemów projektowych.

Dwie skale firmy, dwa poziomy dojrzałości

Zakres 10–50 osób oznacza organizacje, w których właściciel nadal bywa centrum informacji i decyzji. Zakres 50–200 osób oznacza już wiele zespołów, większą liczbę przekazań i potrzebę ujednolicenia standardów. Ta różnica wpływała nie tylko na ofertę, ale na sam sposób redagowania strony.

Dlatego komunikacja nie mogła zakładać jednego „idealnego klienta”. Musiała pozwolić odbiorcy rozpoznać siebie przez skalę, symptomy i sytuacje operacyjne.

Pytanie projektowe 01

Czy właściciel ma zrozumieć usługę, zanim rozpozna własny problem?

Pytanie projektowe 02

Jak mówić ekspercko bez tworzenia dystansu wobec mniejszej firmy?

Pytanie projektowe 03

Które informacje budują zaufanie, a które tylko powiększają katalog usług?

Pytanie projektowe 04

Jak zamienić złożoną usługę w czytelną drogę do pierwszej decyzji?

02 / 07INFORMATION ARCHITECTURE

THE PAGE IS THE PROCESS.

Struktura serwisu miała pokazać porządek, zanim zaczniemy o nim mówić.

Od rozpoznania do decyzji

Układ strony został zbudowany jak rozmowa z przedsiębiorcą. Nie zaczyna się od listy kompetencji. Najpierw nazywa sytuację: wzrost nie powinien oznaczać, że wszystko zależy od jednej osoby. Następnie pokazuje sygnały do zmiany, kompetencje, przykład procesu, docelowy sposób pracy i dopiero potem pełną metodę współpracy.

01Problem
02Sygnały
03Kompetencje
04Proces
05Pierwszy krok

To rozwiązywało ważny problem informacyjny. Mała firma może wejść na stronę z jednym prostym bólem operacyjnym, a większa organizacja z konkretną potrzebą architektury procesu. Obie powinny znaleźć właściwy poziom szczegółowości bez przechodzenia przez kilkanaście równorzędnych usług.

Warstwa informacyjna musiała być gęsta, ale nie ciężka

Usługa dotyka procesów, systemów, sprzedaży, zarządzania i wdrożenia. Próba skrócenia wszystkiego do kilku sloganów obniżyłaby wiarygodność. Z kolei zbyt duża liczba szczegółów na starcie zmieniłaby stronę w dokument konsultingowy.

Dlatego treść została ułożona warstwowo: duże zdanie prowadzi, krótki akapit tłumaczy, a dopiero listy i modele dają szczegół. Odbiorca może skanować stronę szybko albo wejść głębiej bez zmiany kontekstu.

Dwa tryby czytania jednej strony

Pierwszy tryb to skanowanie. Właściciel firmy powinien w ciągu kilkudziesięciu sekund zrozumieć: dla kogo jest MIBROX, jakie problemy rozwiązuje, jak wygląda sposób pracy i jaki jest pierwszy krok. Drugi tryb to weryfikacja. Osoba, która wraca po rekomendacji albo po pierwszej rozmowie, potrzebuje już więcej: przykładów, zakresu, sposobu wdrożenia, informacji o narzędziach, branżach i odpowiedzialności.

Dlatego kolejne sekcje nie powtarzają tego samego claimu innymi słowami. Każda ma inne zadanie informacyjne. „Sygnały do zmiany” pomagają się rozpoznać. „Kompetencje” porządkują ofertę. Model sprzedaż → realizacja pokazuje sposób myślenia. Docelowy sposób pracy pokazuje korzyść z trzech perspektyw: właściciela, zespołu i klienta. „Jak pracujemy” zmienia doradztwo w sekwencję decyzji. Audyt domyka drogę konkretnym punktem wejścia.

Informacja miała działać jak proces: każda sekcja przygotowuje decyzję potrzebną w następnej.
03 / 07LANGUAGE SYSTEM

FROM ABSTRACT TO OPERATIONAL.

Język nie miał upraszczać kompetencji. Miał upraszczać wejście do kompetencji.

Branżowy termin zawsze dostaje praktyczną konsekwencję

„Architektura procesów” została połączona z obietnicą: wiadomo, co ma się wydarzyć i kto za to odpowiada. „Systems & automation” z jednym źródłem informacji, statusami i alertami. „Fractional management” z utrzymaniem standardu po wdrożeniu.

Ten zabieg utrzymuje MIBROX w profesjonalnym języku B2B, ale każda abstrakcyjna kompetencja zostaje natychmiast przełożona na sposób działania firmy.

Structure creates space. To nie dekoracyjny claim. To skrót całej logiki marki: struktura ma uwolnić uwagę, odpowiedzialność i możliwość wzrostu.

Copy jako narzędzie kwalifikacji

Strona nie próbuje przekonać każdego. Opisuje konkretne sytuacje: rozproszone ustalenia, brak właściciela zadania, ręczne zbieranie statusu, problem przekazania sprzedaż → realizacja. Jeśli firma nie rozpoznaje tych symptomów, prawdopodobnie nie jest jeszcze w odpowiednim momencie na ten typ pracy.

Dzięki temu copy pełni funkcję sprzedażową bez agresywnego języka sprzedażowego. Pokazuje zakres problemu, pozwala się w nim odnaleźć i naturalnie prowadzi do audytu.

Cztery kompetencje, jeden język

Oferta obejmuje architekturę procesów, systems & automation, sprzedaż B2B i rozwój rynków oraz fractional management. Każdy z tych obszarów mógłby prowadzić do osobnej strony i osobnego słownika. Zamiast tego wszystkie zostały spięte jedną zasadą redakcyjną: najpierw rezultat w pracy zespołu, potem metoda i narzędzia.

Dlatego CRM, Asana, HubSpot czy rozwiązania no-code nie są bohaterem komunikacji. Pojawiają się dopiero wtedy, gdy wiadomo, jaki proces mają wspierać. Podobnie fractional management nie jest przedstawiany jako egzotyczny model współpracy, lecz jako sposób utrzymania standardu po wdrożeniu. W ten sposób technologia i konsulting pozostają środkami, a nie produktem samym w sobie.

To pozwoliło zachować język wiarygodny dla branży, ale bez przesuwania ciężaru komunikacji na modne terminy. MIBROX ma brzmieć jak ktoś, kto rozumie organizację od środka, a nie jak firma sprzedająca metodologię.

04 / 07VISUAL LANGUAGE

ORDER YOU CAN SEE.

Forma musiała być spokojna, techniczna i uporządkowana — bez wyglądu „software dashboardu”.

Kolor nie dekoruje. Organizuje.

Ciemna zieleń pełni rolę koloru kompetencji i decyzji. Grafit niesie typografię i stabilność. Jasna, lekko chłodna powierzchnia daje oddech i pozwala utrzymać dużą ilość informacji bez wizualnego ciężaru.

RolaKolorZnaczenie w systemie
Primary#164C3Bdecyzja, kompetencja, CTA, najważniejsze akcenty
Graphite#242827tekst, struktura, powaga
Muted#66716Awarstwa pomocnicza, opisy, meta
Pale#EDF1ECsekcje oddechu i porządkowanie gęstej treści

Architektura zamiast dekoracji

Siatka, cienkie linie, numeracja, duże bloki typograficzne i powtarzalny rytm sekcji budują wrażenie systemu. Projekt nie potrzebuje wielu ozdobników, bo sama konstrukcja strony staje się wizualnym odpowiednikiem tego, co firma sprzedaje.

To ważne szczególnie w kategorii doradczej. Nadmierna ilość ilustracji lub technologicznych efektów mogłaby sugerować narzędzie zamiast doradztwa. Z kolei klasyczny korporacyjny layout obniżyłby odrębność marki. MIBROX dostał więc język bardziej zbliżony do architektury i edytorialu niż do SaaS-u.

Gęstość informacji też jest elementem identyfikacji

Strona nie została celowo „odchudzona” do kilku wielkich claimów. MIBROX sprzedaje pracę wymagającą zrozumienia zależności, więc serwis musi mieć wystarczającą ilość informacji, żeby odbiorca mógł realnie ocenić zakres. Kluczowe było nie usunięcie treści, lecz nadanie jej rytmu: nagłówek, lead, linia konstrukcyjna, numer, przykład, rezultat.

W efekcie wizualna dyscyplina pełni również funkcję UX. Powtarzalna hierarchia mówi odbiorcy, gdzie znajduje się w narracji i jak czytać kolejne poziomy szczegółu. To ten sam rodzaj porządku, który MIBROX proponuje klientom w ich własnych procesach.

05 / 07COMMERCIAL ARCHITECTURE

MAKE THE FIRST STEP LEGIBLE.

Im bardziej złożona usługa, tym ważniejszy prosty początek współpracy.

Audyt jako produkt wejściowy

Zamiast kończyć stronę ogólnym „skontaktuj się z nami”, MIBROX definiuje pierwszy etap: audyt procesowy. Odbiorca widzi, co dostanie — mapę obecnego procesu, diagnozę wąskich gardeł, ocenę kosztów i rekomendacje — oraz zna cenę wejścia: 4 500 zł.

To szczególnie ważne przy pracy z mniejszymi firmami. Zakres „doradztwa procesowego” może być postrzegany jako otwarty i trudny do wycenienia. Produkt wejściowy redukuje niepewność bez upraszczania późniejszej współpracy.

4elementy audytu
4 500PLN / etap 01
1czytelny punkt decyzji
4etapy dalszej pracy

Każdy etap ma rezultat

Audyt, architektura, wdrożenie i fractional nie są pokazane jako lista usług, lecz jako sekwencja. Każdy etap odpowiada na inne pytanie i ma opisany rezultat. Dzięki temu potencjalny klient może ocenić poziom zaangażowania zanim rozpocznie rozmowę.

Oferta została zaprojektowana jak drabina decyzji

Audyt odpowiada na pytanie „co właściwie nie działa?”. Architektura — „jak powinno działać?”. Wdrożenie — „jak uruchomić nowy sposób pracy?”. Fractional — „jak sprawić, żeby zmiana nie zniknęła po kilku tygodniach?”. Rozdzielenie tych etapów ma znaczenie zarówno informacyjne, jak i handlowe: klient nie musi kupować całej transformacji, żeby wykonać pierwszy sensowny krok.

Jawna cena audytu wzmacnia tę logikę. Przy usługach eksperckich niewidoczna wycena często zwiększa dystans, szczególnie dla mniejszych firm. Tutaj 4 500 zł działa nie tylko jako cena, ale jako informacja o skali pierwszego zaangażowania. Kolejne etapy pozostają wyceniane po diagnozie, ponieważ ich zakres zależy od rzeczywistej sytuacji organizacji.

Ważne było również to, żeby CTA nie pojawiało się jako przypadkowy przycisk po każdej sekcji. Najpierw budujemy rozpoznanie problemu, potem pokazujemy sposób pracy, a dopiero w odpowiednim momencie prosimy o decyzję. Sprzedaż jest więc częścią architektury informacji, a nie osobną warstwą nałożoną na stronę.

06 / 07TRUST & PROOF

SHOW HOW THE WORK FEELS.

Wiarygodność powstaje wtedy, kiedy odbiorca potrafi wyobrazić sobie współpracę.

Przykład zamiast deklaracji

Kluczowy fragment strony pokazuje moment podpisania oferty i przekazania projektu ze sprzedaży do realizacji. To mały model, ale spełnia ważną funkcję: zamiast mówić „projektujemy procesy”, pokazuje rodzaj decyzji, które w takim procesie trzeba uporządkować — zakres, termin, odpowiedzialność, dokumenty i potwierdzenie kompletności.

Takie scenariusze obniżają abstrakcyjność usługi i pozwalają klientowi odnieść projekt do własnej codzienności.

Osoba, nie anonimowa organizacja

Miłosz Brocki pojawia się jako konkretny partner w zmianie, a nie tylko podpis w stopce. To istotne przy doradztwie dla mniejszych i średnich organizacji, gdzie decyzja o współpracy jest w dużej mierze decyzją o zaufaniu do osoby, która wejdzie w codzienną pracę zespołu.

FAQ domyka tę warstwę wiarygodności. Odpowiada na pytania o dojrzałość problemu, używane narzędzia, zaangażowanie zespołu i rezultat współpracy. Nie jest dodatkiem SEO. Jest częścią procesu decyzyjnego.

Kontekst branżowy bez udawania specjalizacji we wszystkim

Na stronie pojawiają się przykłady z technologii, przemysłu i intralogistyki. Nie jako trzy osobne oferty, lecz jako trzy warianty tej samej zależności: sprzedaż uruchamia pracę kilku osób, a jakość przekazania informacji wpływa na cały projekt. Dzięki temu MIBROX pokazuje kontekst branżowy bez tworzenia katalogu sektorów, który sugerowałby kompetencje szersze niż rzeczywisty model pracy.

Ten sam zabieg działa w sekcji „docelowy sposób pracy”. Zamiast obiecywać ogólną „efektywność”, strona pokazuje trzy punkty widzenia: właściciel dostaje wgląd bez zbierania statusów, zespół dostaje jasność kolejnego kroku, klient dostaje spójność od oferty po realizację. To są korzyści wynikające z procesu, a nie slogany dopisane po projekcie.

Strona ma sprawić, że pierwsza rozmowa zaczyna się poziom wyżej. Zamiast tłumaczyć od zera, można rozmawiać o konkretnym problemie firmy.
07 / 07THE RESULT

CLARITY BECOMES POSITIONING.

Nie mierzymy tu efektu biznesowego, którego nie mamy. Mierzymy spójność decyzji projektowych z rolą marki.

Strona jako demonstracja kompetencji

Najważniejszym efektem projektu jest zgodność treści, struktury i języka wizualnego. MIBROX mówi o porządku i sam jest uporządkowany. Mówi o odpowiedzialności i każda sekcja ma jasną funkcję. Mówi o przejściu od chaosu do systemu i prowadzi odbiorcę dokładnie taką drogą.

Serwis nie próbuje wyglądać jak duża firma konsultingowa ani jak produkt technologiczny. Buduje pozycję wyspecjalizowanego partnera B2B, który potrafi wejść zarówno do firmy 10–50 osób, jak i organizacji 50–200, nie zmieniając własnego języka — tylko poziom szczegółowości.

Najważniejszy rezultat: jedna narracja dla wielu wejść

Użytkownik może wejść na stronę z bardzo różnym problemem: CRM nie jest używany, sprzedaż i realizacja nie przekazują sobie pełnych danych, właściciel zbiera statusy ręcznie, firma rośnie i potrzebuje standardów albo zespół chce uporządkować rozwój sprzedaży B2B. Serwis nie tworzy dla każdego z tych przypadków osobnej opowieści. Pokazuje, że wszystkie są wariantami problemu struktury pracy.

To daje marce spójność, której trudno byłoby osiągnąć przy klasycznym podziale „usługi / branże / technologie”. MIBROX może rozwijać ofertę bez konieczności budowania od nowa całego języka. Nowa kompetencja ma miejsce w systemie wtedy, kiedy można ją opisać przez problem, sposób pracy i rezultat.

Co było naprawdę projektowane

WarstwaDecyzjaCel
Pozycjonowanieod „narzędzi” do architektury pracysprzedawać zmianę sposobu działania, nie software
Informacjasymptom → diagnoza → rozwiązanie → audytułatwić rozpoznanie potrzeby
Copytermin branżowy + konsekwencja operacyjnaeksperckość bez bariery językowej
UXwarstwowa gęstość treściobsłużyć szybkie skanowanie i głębokie czytanie
Visualzieleń, grafit, siatka, linie, numeracjapokazać porządek i stabilność
Sprzedażaudyt jako pierwszy produktzmniejszyć niepewność pierwszej decyzji
MAKE SPACE
FOR GROWTH.
MIBROX / CASE STUDY / BROCKI BIELKOWSKI
INFORMATION ARCHITECTURE / COPY / UX/UI / B2B