Geneza
Piotr Golczyk, założyciel Empatyzera, jest menedżerem i marketerem z blisko dwudziestoletnim doświadczeniem w zarządzaniu ludźmi. Pracował w małych i średnich firmach, a potem w międzynarodowej firmie technologicznej, gdzie prowadził globalny, rozproszony zespół marketingowy. Spotykali się w nim ludzie od backendu i analityki po kreację i copywriting, a różnorodność zespołu szybko nauczyła go jednego: ta sama sytuacja bywa odbierana zupełnie inaczej przez różne osoby.
Przez lata szukał odpowiedzi w coachingu, mentoringu, rocznym programie rozwoju umiejętności miękkich, a także w narzędziach takich jak DISC, MBTI, Big Five czy Reiss Motivation Profile. Każde z nich dawało wartościową wiedzę o sobie i innych, ale ta wiedza szybko blednie: po szkoleniu łatwo o niej zapomnieć, a złożoną diagnozę łatwiej zapamiętać jako etykietę niż jako narzędzie do działania.
Prawdziwa luka jest gdzie indziej, między wiedzą a działaniem. Wiedzieć, czym różnią się ludzie, to jedno. Wiedzieć, jak w danej rozmowie przekazać komuś swoją intencję tak, by nie została źle odczytana, to zupełnie inna sprawa, zwłaszcza że nawet duże doświadczenie nie chroni przed odruchem, by traktować innych tak, jak sami chcielibyśmy być traktowani.
Z tej luki powstał Empatyzer.
Em łączy wiedzę o użytkowniku, drugiej osobie i sytuacji, a przed rozmową podpowiada, jak dobrać sposób komunikacji i na co uważać, żeby intencja została jasno przekazana i nie została źle odczytana. Dzięki temu wiedza o ludziach zaczyna pracować dokładnie wtedy, kiedy jest potrzebna, a każda rozmowa może stać się lekcją lepszego zarządzania.
Empatyzer. Przed ważną rozmową.
02 M
M pochodzi z imienia Em i działa również jako samodzielny znak. Jego kształt przechodzi w falę, z której rozwija się dalszy język wizualny marki.
LiteraLitera z EmSamodzielny symbolFala
04 Ludzie
Postaci pokazują realne różnice między ludźmi: temperament, wiek, styl pracy i perspektywę. Empatyzer jest systemem, w którym mieści się wiele różnych osób.
05 Fotografia
Fotografia opowiada o ludziach, którzy muszą się ze sobą dogadać: różne nastroje, sytuacje i punkty widzenia.
06 Plaster
Osobne zdjęcia można symbolicznie skleić w jeden zespół. Fragmenty pozostają różne, a spina je wspólny język marki: Em, M i fala. Plaster jest elementem pomocniczym identyfikacji i pracuje obok logotypu.
07 Wzór i tło
Powtarzające się M tworzy wzór. W większej skali ta sama fala buduje tło. Oba zastosowania wyrastają z jednego motywu i pozostają elementami drugiego planu.
Wersja podstawowa to logotyp „.empatyzer” w fiolecie na papierze. Wersja odwrócona (jasna) pracuje na fiolecie i innych ciemnych polach. Logotyp jest jedną całością, a jego formy skrócone to sygnet „.em” i symbol M, opisane niżej.
Pole ochronne wokół logotypu jest równe wysokości litery M (oznaczonej na rysunku). Pozostaje wolne od tekstu, innych znaków i krawędzi formatu. Minimalna szerokość logotypu: 120 px na ekranie, 25 mm w druku. Poniżej tej wielkości używaj sygnetu „.em” albo symbolu M.
Znak dopasowuje się do dostępnej szerokości. Od 120 px pracuje pełny logotyp, od 48 do 119 px sygnet „.em”, poniżej 48 px symbol M. Progi wynikają z rozmiarów minimalnych: znak zmienia stopień skokowo, zamiast kurczyć się poniżej minimum.
Reguła w CSS (zapytania kontenerowe): trzy formy w jednym kontenerze, widoczna zawsze jedna.
.logo { container-type: inline-size; }
.logo__wordmark, .logo__em, .logo__m { display: none; }
@container (min-width: 120px) { .logo__wordmark { display: block; } }
@container (min-width: 48px) and (max-width: 119.98px) { .logo__em { display: block; } }
@container (max-width: 47.98px) { .logo__m { display: block; } }Skrócona forma znaku: kropka i imię Em. Używana tam, gdzie pełny logotyp jest za długi: w ikonach, awatarach, małych oznaczeniach w interfejsie, na plastrze i we wzorach.
Najkrótsza forma znaku, zawsze w oryginalnej geometrii litery z logotypu. M pracuje jako awatar Em, favicon, element wzoru i środek fali.
Na ciemnych i nasyconych polach znak jest jasny (papier). Na jasnych polach jest fioletowy. Znak ma tylko te dwie wersje; zmienia się pole wokół niego.
Dziewięć kolorów, jedna baza. Fiolet buduje środowisko marki; lawenda, mgła i papier dają oddech; morski, błękit i indygo są polami pomocniczymi; żółty i różowy to akcenty o określonym znaczeniu.
Ten sam znak, inne pole. Fiolet dla usług i firm, morski dla szpitali i medycyny, żółty dla produkcji.
Wartości WCAG dla najczęstszych zestawień. Tekst ciągły wymaga 4,5:1, duży tekst i elementy graficzne 3:1.
| Zestawienie | Kontrast | Zastosowanie |
|---|---|---|
| AaPapier na fiolecie | 11.39:1 | Tekst dowolnej wielkości |
| AaPapier na ciemnym fiolecie | 13.90:1 | Tekst dowolnej wielkości |
| AaMgła na ciemnym fiolecie | 6.01:1 | Tekst drugoplanowy |
| AaFiolet na papierze | 11.39:1 | Tekst dowolnej wielkości |
| AaFiolet na żółtym | 7.87:1 | Tekst dowolnej wielkości |
| AaFiolet na mgle | 4.93:1 | Tekst ciągły (granica AA) |
| AaPapier na morskim | 3.40:1 | Tylko duży tekst i znak |
| AaPapier na mgle | 2.31:1 | Tylko znak |
Wzór to fala M powtórzona w rzędach, a tło to ta sama fala rozciągnięta na cały format. Oba pokazujemy w działaniu: wypełniają kadr, a logotyp stoi obok, w spokojnej strefie.
Przed ważną rozmową.
Przed ważną rozmową.
Przed ważną rozmową.
Przed ważną rozmową.
Przed ważną rozmową.
Przed ważną rozmową.
Cały komponent jest opisany matematycznie i generowany z parametrów. Fala spokojna: jednostka okresowa. Fala pobudzona: ekstrema i krzywe Béziera o poziomych stycznych. Zakłócenie: zygzak z obwiednią potęgową. M pozostaje oryginalną literą z logotypu.
Okres P = 155,96 jednostki, amplituda A (szczyt–dolina) = 91,15. Cztery segmenty: szczyt wysoki → dolina → szczyt niski → dolina → szczyt wysoki. Niski szczyt leży 0,5775·A poniżej wysokiego. Punkty kontrolne podajemy niżej w ułamkach P i A.
| # | c1 (x/P, y/A) | c2 (x/P, y/A) | end (x/P, y/A) |
|---|---|---|---|
| 1 | (0.1295, 0.0000) | (0.1291, 1.0000) | (0.2611, 1.0000) |
| 2 | (0.1271, 0.0000) | (0.0667, -0.5589) | (0.2390, -0.5775) |
| 3 | (0.2000, -0.0216) | (0.1212, 0.5775) | (0.2382, 0.5775) |
| 4 | (0.1220, 0.0000) | (0.1245, -1.0000) | (0.2618, -1.0000) |
y(x)/A ≈ c0 + Σk=1..8 [akcos(2πk·x/P) + bksin(2πk·x/P)]
c0 = 0.5748; a = [-0.1754, -0.4179, -0.0352, 0.0385, -0.0088, 0.0262, 0.0060, -0.0112]; b = [0.0200, -0.0055, 0.0134, -0.0005, -0.0126, 0.0042, -0.0022, -0.0023]
Odchylenie od oryginału: maks. 0,008 % amplitudy (jednostka Béziera) · szereg ośmiu harmonicznych: maks. 1,67 %, RMS 0,63 %.
Fala spokojna: odchylenie od oryginału maks. 0,02 % amplitudy. Fala pobudzona: maks. 1,58 %, RMS 0,58 %; reguła generująca (półokresy malejące liniowo od 187 do 82 jednostek, szczyty i doliny przesuwające się liniowo) odtwarza jej ekstrema z dokładnością ±6 jednostek. Zakłócenie: 31 wierzchołków między punktami styku, amplituda a₀ + (1 − a₀)·uᵖ, gdzie u rośnie od 0 na brzegu do 1 w środku. Wszystkie parametry są w pliku wave-model.json i w obiekcie EmWave.
Obie fale oddychają: amplituda zmienia się o kilka procent w rytmie 6,5 s (fala spokojna) i 8,2 s (fala pobudzona), a punkty styku z M pozostają nieruchome. Bez M zakłócenie drga. Przy systemowym ustawieniu ograniczonego ruchu komponent jest statyczny.
Ta sama jednostka, generowana w czasie rzeczywistym, w dopuszczalnych zestawieniach kolorystycznych. Rzędy wypełniają całe pole; bieżącą wersję można pobrać jako SVG albo PNG.
Jeden plik SVG, jeden viewBox. Lewa i prawa fala są identyczne w obu stanach. Stan pierwszy: oryginalne M. Stan drugi: zakłócenie z różowym gradientem. Po przełączeniu zmienia się wyłącznie środek.
Logotyp jest rysowanym liternictwem, a do tekstów służą kroje pisma. Tytuły składamy krojem Outfit (300–400), tekst ciągły krojem Figtree (400–500). Oba kroje są bezpłatne (licencja SIL OFL), dołączone do plików strony i mają komplet polskich znaków.
Zrozumieć drugą osobę przed ważną rozmową.
Empatyzer pomaga zrozumieć drugą osobę przed ważną rozmową: jej potrzeby, preferencje, reakcje i perspektywę. Dzięki temu rozmowa jest świadoma i lepiej dopasowana. Polskie znaki: ąćęłńóśźż.
Em jest trenerką obecną w produkcie. Jej awatar to okrąg z symbolem M. Sygnet „.em” pracuje jako małe oznaczenie w interfejsie, a wykresy przejmują paletę: morski i indygo na fiolecie, różowy dla napięcia.
Dwanaście postaci z jednego systemu ilustracji. Każda ma imię i występuje w jednej pozie. Pokazuj je w grupach, bo różnorodność jest ich sensem.
Naturalne światło, realne miejsca pracy, różne nastroje. Kadry kwadratowe lub zbliżone do kwadratu. Podpisy pod zdjęciem. Plaster z sygnetem .em może łączyć zdjęcia w zespół.
Krótko: oryginalne pliki, właściwy kontrast, pole ochronne, spokojna strefa wokół znaku. Reszta wynika z tych czterech zasad.
Wyniki, tempo, rywalizacja. Liczy się cel na koniec kwartału.
Relacje, opieka, zgoda. Decyzje dojrzewają długo i nie zawsze są wypowiedziane.
Lider improwizuje, praca wymaga procedur. Styl sporny.
Maszyna z domieszką wyścigu: procedury, raporty i liczby. Decyzje zapadają na górze, wiadomości idą w dół szybciej niż w górę. Na tym tle każdy zespół wykształcił własny styl.
Relacje, opieka, lojalność. Ryzyko: decyzje rozmywają się w zgodzie.
Pomysły, próby, swoboda. Ryzyko: nic nie ma końca ani terminu.
Wyniki, rywalizacja, cel. Ryzyko: ludzie stają się środkiem do celu.
Procedury, kontrola, przewidywalność. Ryzyko: wiadomości nie idą w górę.
Prezeska zarządu
kontrola · liczby · dystans
Prowadzi firmę tak, jak prowadzi arkusz: wszystko ma być policzone i na czas. Poukładana do bólu, twarda w rozmowie, niewzruszona: nie boi się ani decyzji, ani ludzi. Napędzają ją wpływ, porządek i pozycja. Ludzi czyta słabo: widzi fakty, nie stany; ocenę traktuje jak dane i nie rozumie, dlaczego ktoś przeżywa zdanie, które dla niej było neutralne. Wyrosła w polskiej firmie rodzinnej i przekształciła ją w korporację: szef decyduje, mówi się wprost (jak na Polskę), a zaufanie zdobywa się wynikami.
wpływ · porządek · pozycja
słabo: widzi fakty, nie stany
Polska · szef decyduje · mówi wprost · ufa za wyniki
Stanowisko pasuje do temperamentu. Koszt: nie widzi, jak jej zdania lądują dwa piętra niżej.
Dyrektor operacyjny
wizja · na głos · ciepło
Odkrywa, co myśli, mówiąc. Głowa pełna nowych pomysłów, listy zadań giną gdzieś po drodze; energię bierze z ludzi, jest ciepły i niewzruszony. Napędzają go ciekawość, ludzie i poczucie sensu. Ludzi czyta średnio: salę wyczuwa świetnie, skutki własnych słów słabo. Dorastał w Lagos, studiował w Londynie: z domu wyniósł szacunek dla hierarchii i mówienie między wierszami, ufa po znajomości, a czas traktuje elastycznie.
ciekawość · ludzie · sens
średnio: wyczuwa salę, nie skutki własnych słów
Nigeria / Wielka Brytania · szef decyduje · między wierszami · ufa po znajomości
Stanowisko niedopasowane: człowiek pomysłów na stanowisku od procedur, między prezeską, która chce liczb, a zespołami, które jego luźne myśli biorą za polecenia.
Kierowniczka sprzedaży
tempo · cel · głośno
Mówi szybko, decyduje szybciej. Pełna energii, poukładana, twarda w rozmowie; napięcie zamienia w ruch. Napędzają ją wygrywanie, pozycja i tempo. Ludzi czyta tak sobie: klientów rozumie, cichych nie; milczenie bierze za brak zaangażowania. Polka, ale mówi wprost bardziej niż większość Polaków, w sporze idzie na zwarcie, a termin to termin.
wygrywanie · pozycja · tempo
tak sobie: rozumie klientów, nie cichych
Polska · mówi wprost · spór na zwarcie · termin to termin
Stanowisko pasuje. Koszt: zespół dostosowuje się do jej tempa albo znika z jej pola widzenia.
Starszy opiekun kluczowych klientów
wynik · presja · konkret
Dowozi liczby i nosi napięcie w barkach. Poukładany, spięty, twardy w rozmowie, nieufny wobec nowości: sprawdzone metody, sprawdzeni ludzie. Napędzają go pozycja, bezpieczeństwo i porządek. Ludzi czyta słabo, bo cudze zamiary widzi przez pryzmat zagrożenia. Polak z głową pełną hierarchii: z górą się nie spiera, w dół wybucha, zwykle przez telefon.
pozycja · bezpieczeństwo · porządek
słabo: cudze zamiary widzi jako zagrożenie
Polska · z górą się nie spiera · w dół wprost · termin to termin
Dobry sprzedawca, który chce kierować. Rywalizuje z Zofią o to samo krzesło i o to samo prawo do głosu.
Specjalistka ds. sukcesu klienta
relacje · wprost · uważność
Pyta wprost i słucha do końca. Ciepła i miękka w rozmowie, otwarta na ludzi i na nowe, niewzruszona. Napędzają ją ludzie, akceptacja i sens. Ludzi czyta dobrze: perspektywę klienta i kolegi widzi równie wyraźnie. Amerykanka z Chicago: prosi wprost i odmawia bez urazy, szefa traktuje jak kolegę, a zaufanie zaczyna od zadania i szybko przenosi na relację.
ludzie · akceptacja · sens
dobrze: widzi perspektywę klienta i kolegi
USA · mówi wprost · szef jak kolega · ufa za wyniki, potem po znajomości
Rola pasuje. Niedopasowana do wyścigu w zespole Zofii: cel kwartału i dobro klienta nie zawsze idą w parze, a ona bierze na siebie tę różnicę.
Kierowniczka produktu
opieka · aluzja · cierpliwość
Buduje zespół herbatą i pytaniem „jak się czujesz”. Miękka, poukładana, cicha, bywa spięta. Napędzają ją opieka nad innymi, spokój i dobre imię. Ludzi czyta dobrze, ale wie, co czują inni, i nie mówi, czego sama chce. Polka: mówi między wierszami, krytykę owija w uprzejmość, ufa po znajomości, a zgoda jest dla niej ważniejsza od tempa.
opieka · spokój · dobre imię
dobrze: wie, co czują inni, nie mówi, czego sama chce
Polska · między wierszami · krytyka owinięta · ufa po znajomości
Częściowo pasuje: świetnie prowadzi ludzi, gorzej prowadzi decyzje. Jej prośby giną u dosłownych, a jej „może byś kiedyś” to dla niej polecenie na dziś.
Projektantka produktu
precyzja · plan · decyzja
Mówi, gdy skończy myśleć, i traktuje wypowiedziane słowa jak decyzje. Poukładana do bólu, cicha, otwarta na nowe formy, nie na chaos. Napędzają ją porządek, ciekawość i samodzielność. Ludzi czyta średnio: użytkowników rozumie lepiej niż współpracowników. Z Kairu, studia w Warszawie: w domu mówi się między wierszami, w pracy świadomie wybrała mówienie wprost, żeby przetrwać między dwoma światami; słowa szefa to dla niej polecenia.
porządek · ciekawość · samodzielność
średnio: użytkowników rozumie lepiej niż kolegów
Egipt / Polska · szef decyduje · wprost z wyboru · termin to termin
Stanowisko pasuje. Potrzebuje jawnych decyzji; luźne myśli Samuela zamienia w czterdzieści ekranów makiet.
UX writerka
słowa · wrażliwość · ton
Słyszy ton, zanim usłyszy treść. Miękka, wrażliwa, spięta, cicha, otwarta na nowe. Napędzają ją akceptacja, sens i spokój. Ludzi czyta dobrze, czasem za dobrze: dopisuje zamiary tam, gdzie ich nie było. Polka: mówi między wierszami, unika sporu, krytykę owija w trzy akapity, żeby nikogo nie zranić.
akceptacja · sens · spokój
dobrze, czasem za dobrze: dopisuje zamiary
Polska · między wierszami · krytyka owinięta · unika sporu
Rola pasuje jak ulał. Niedopasowana do bezpośrednich: jedno zdanie Jonasa nosi w sobie przez tydzień.
Analityk produktu
dosłownie · dane · spokój
Słowa znaczą dla niego dokładnie to, co znaczą. Poukładany, niewzruszony, cichy, w rozmowie ani twardy, ani miękki. Napędzają go porządek, samodzielność i ciekawość. Ludzi czyta słabo, ale nie ze złej woli, tylko z dosłowności: aluzji nie odbiera, bo jej nie widzi. Polak, który z natury mówi i słyszy wprost; grzeczność bierze za treść, nie za ton.
porządek · samodzielność · ciekawość
słabo: aluzji nie widzi
Polska · słyszy wprost, z natury · termin to termin
Świetny w analizie, przegrywa z aluzją. „Jak będziesz miał chwilę” bierze dosłownie i jest szczerze zdziwiony pretensją.
Lider wdrożeń
luz · ludzie · improwizacja
Przynosi ciastka i rozwiązuje problemy w rozmowie na korytarzu. Miękki, towarzyski, otwarty na nowe, na luzie z planami i niewzruszony. Napędzają go ludzie, wspólny stół i samodzielność. Ludzi czyta dobrze: wie, kto czego potrzebuje, zanim ten ktoś powie. Marokańczyk z Lyonu: mówi między wierszami, ufa po znajomości, czas traktuje elastycznie, a szefa jak kolegę.
ludzie · wspólny stół · samodzielność
dobrze: wie, kto czego potrzebuje, zanim usłyszy
Maroko / Francja · między wierszami · ufa po znajomości · czas elastyczny
Stanowisko niedopasowane: improwizator na czele zespołu, który żyje z procedur i terminów. Zespół go lubi, procesy go nie lubią.
Inżynier wdrożeń
wprost · struktura · jakość
Mówi „to nie działa” i uważa to za komplement dla rozmówcy. Poukładany, niewzruszony, twardy w rozmowie, w towarzystwie ani cichy, ani głośny. Napędzają go porządek, zasady (są po to, żeby ich przestrzegać) i samodzielność. Ludzi czyta tak sobie: rozumie argumenty, nie tony. Holender z Rotterdamu: krytykę mówi wprost, szefa traktuje jak kolegę, spór to dla niego normalna praca, a termin to termin.
porządek · zasady · samodzielność
tak sobie: rozumie argumenty, nie tony
Holandia · krytyka wprost · szef jak kolega · spór to praca
Technicznie pasuje idealnie. Jego szczerość brzmi w Polsce jak atak, a łagodność Polaków brzmi dla niego jak brak zdania.
Programista front-end
energia · pomysł · jutro
Ma trzy pomysły na minutę i żaden termin w kalendarzu. Głowa pełna nowego, luz z planami, towarzyski, miękki, bywa spięty. Napędzają go ciekawość, ruch i samodzielność. Ludzi czyta średnio: rozumie ich, gdy się zatrzyma, a zatrzymuje się rzadko; w konflikcie milknie, żeby nie powiedzieć czegoś, czego pożałuje. Polak z pokolenia Z: mówi wprost, szefa traktuje jak kolegę, czas elastycznie, a „dlaczego?” to dla niego pytanie, nie bunt.
ciekawość · ruch · samodzielność
średnio: rozumie ludzi, gdy się zatrzyma
Polska (pokolenie Z) · mówi wprost · szef jak kolega · czas elastyczny
Twórczo pasuje. Plany i terminy go bolą, dlatego z Amirą rozmawia się trudno, a z Karimem za łatwo.
