O tym kroju

Czytelność przede wszystkim. Atkinson powstał z myślą o osobach słabowidzących. Różnicuje podobne znaki, zamiast zmuszać czytelnika do zgadywania. O kroju ↗

Złożony temat
Czytelna forma

Identyfikacje · Strony · Publikacje

01

antal

TREŚCI CYFROWE · OBSŁUGA STRONY2025–2026

Wiele usług.
Jedna logika treści

Oferta Antal obejmuje usługi z różnych obszarów działalności. Uporządkowałem ich opisy i napisałem treści tak, by odbiorca rozumiał, na czym polega usługa, co ją wyróżnia i jaki może zrobić następny krok.

Rola
teksty internetowe · redakcja · projektowanie treści

Pracowałem na dostarczonym projekcie wizualnym: makietach w Figmie, gotowych modułach i grafikach.

Zakres
Przeredagowałem materiały starego serwisu oraz opracowałem nagłówki, slogany i opisy usług z uwzględnieniem SEO. Język i argumenty dopracowywałem z pracownikami poszczególnych działów.
Efekt
Treści prowadzą przez podstrony usługowe: wyjaśniają ofertę, pokazują jej atuty, odpowiadają na pytania i ułatwiają kontakt z ekspertem. Treści i układ informacji wdrożono w odświeżonym serwisie Antal.
Zobacz serwis antal ↗Podoba Ci się? Porozmawiajmy o Twoim projekcie ↗
02

na głos

Identyfikacja · dźwięk2026

Od znaku do odsłuchu

Odświeżyłem logotyp „Na Głos. Czytamy Internet”, pierwotnie stworzony dla aktorki i lektorki Magdy Karel.

Rola
identyfikacja wizualna · rekonstrukcja wektorowa · projekt interakcji audio

Na Głos · projekt dla Magdy Karel · odświeżenie identyfikacji · 2026

Zakres
audyt i rekonstrukcja znaku · warianty PODSTAWOWY / POMNIEJSZONY · adaptacje językowe · prototyp odsłuchu
Efekt
Odświeżony system znaku przygotowany do różnych skal i języków oraz koncepcja przycisku zamieniającego tekst w audio.

Splątane litery układają się w organiczną formę ludzkiego gardła.

Koncepcja audio

Rozwijam przycisk, który pozwoli odsłuchać tekst na stronie. W makiecie możesz sprawdzić próbkę. To koncepcja, nie wdrożona aplikacja.

formamagazyn o projektowaniu
rzeczy / idee / ludzie
Projektowanie × nauka1 min czytania
Co widzisz, zanim zaczniesz czytać?

Zanim przeczytasz pierwsze zdanie, masz już wrażenie, czy strona Ci się podoba. Badacze sprawdzili, jak szybko powstaje ta ocena.

Kobieta skupiona na ekranie laptopa; na biurku obok leży smartfon.
50 milisekund ekspozycjiJuż przy tak krótkim spojrzeniu układ strony wpływał na ocenę jej wyglądu.Ilustracja AI
Prosto. Ale znajomo

W badaniu z 2012 roku uczestnicy oceniali zrzuty stron pokazywane między innymi przez 50 milisekund. Najlepiej wypadały projekty łączące niewielką złożoność wizualną z układem typowym dla danej kategorii serwisów. Sama prostota nie wystarczała, gdy strona wyglądała obco.

Co z tego wynika?

Dla projektanta to zachęta, by zadbać o hierarchię i znajome punkty orientacyjne, a charakter budować choćby typografią. To interpretacja wyników, nie gotowa recepta: badanie dotyczyło pierwszego wrażenia. Nie dowodzi, że mniej elementów zawsze oznacza lepszą użyteczność.

Koncepcja zastosowania · makieta portalu
System znaku
PL · PODSTAWOWY / POMNIEJSZONY
Zobacz konstrukcję i skalę GEOMETRIA / BÉZIER / SKALA
Na Głos — znak podstawowy
01 / GEOMETRIAObwiednia i pole ochronne
Obwiednia znaku 1000 × 1000 jednostek, osie i pole ochronne 125 jednostek z każdej strony
Proporcja
1 : 1
Moduł ochronny
x = A / 8 = 125
02 / BÉZIERKotwica i wspólna styczna
Powiększony detal łuku z kotwicą i dwoma współliniowymi uchwytami
MASTER
13 konturów · 326 krzywych
Kotwica P · x / y
755.876 / 29.223
03 / SKALA EKRANOWARzeczywiste rozmiary w pikselach
MASTER
MASTER 96 px
96 px
MASTER
MASTER 64 px
64 px
MINI
MINI 32 px
32 px
MINI
MINI 24 px
24 px
MASTER
od 64 px
MINI
24–63 px
Adaptacje znaku do różnych języków
WERSJE JĘZYKOWE
PLna głos
Znak czarnyna głos — znak czarny
Negatywna głos — negatyw
Sygnet + typografiana głos. czytamy internet
ENGOUT LOUD
Znak czarnyOUT LOUD: organiczny splot liter i asymetrycznych prześwitów
NegatywOUT LOUD — negatyw
Sygnet + typografiaOUT LOUD. we read the internet
HEבקול רם
Znak czarnyבקול רם — znak czarny
Negatywבקול רם — negatyw
Sygnet + typografia
ARبصوت عالٍ
Znak czarnyبصوت عالٍ — znak czarny
Negatywبصوت عالٍ — negatyw
Sygnet + typografia
Koncepcja osadzenia w serwisach

Ten sam artykuł, cztery języki i cztery konteksty redakcyjne. Znak oraz przycisk odsłuchu dostosowują się do typografii i układu każdej makiety.

onet.plPolski znak · odsłuch przy artykule
theguardian.comEnglish mark · editorial audio
haaretz.comZnak hebrajski · układ RTL
aljazeera.comZnak arabski · układ RTL

Autorskie makiety koncepcyjne inspirowane językiem wizualnym serwisów. Nie są zrzutami stron, wdrożeniami ani projektami wykonanymi dla wymienionych redakcji. Fotografia w makietach: ilustracja AI.

03

Dalia Mikulska

Serwis autorski · PL / EN / AR2026

Zawodowa
wizytówka

Publikacje, doświadczenie i kontakt – w jednym miejscu.

research · architektura informacji · redakcja · projekt i wdrożenie

Otwórz serwis ↗
01
Uporządkować dorobek

Katalog publikacji można przeszukiwać według tematu, medium i języka. Rozmowy, zdjęcia i CV mają własne miejsca w serwisie.

02
Oddać głos autorce

Fragmenty reportaży, nagrania rozmów i próbka książki pozwalają poznać sposób pisania i myślenia Dalii.

03
Ułatwić współpracę

Trzy rodzaje propozycji prowadzą do kontaktu z podpowiedzianym tematem: tekst, research lub spotkanie.

Projekt zaakceptowany przez autorkę · przed publicznym startem

Obejrzyj pełny serwis ↗

Projekt serwisu: wonderla_b · teksty: Dalia Mikulska · fotografia otwarcia: Hubert Tereszkiewicz · okładka książki: Marta Konarzewska

04

Nimer Assi · Identity Inked

Serwis artysty · zamówienia · EN / AR2026

Strona
kaligrafa

Galeria prac, zamówienia na portrety i lekcje kaligrafii.

projekt i wdrożenie · montaż wideo · EN / AR

05

kotky Katii

Serwis artystki · sklep2026

KOTKY KATII / 2026

Świat Katii
w jednym miejscu

Wizytówka artystki, katalog prac i sklep z oryginałami oraz wydrukami.

Katia Sokołowa-Zyzak maluje, ilustruje i tworzy ceramikę. Znana z kotów z charakterem i wyrazistego koloru.

projekt i wdrożenie · katalog · e-commerce

01 / Fragment oryginalnego serwisuWORK IN PROGRESS

Oryginalny fragment strony Katii. Możesz wylosować kotka i obejrzeć pracę z bliska.

02 / KOLOR Z OBRAZÓW

Od obrazu do palety

Papier i czerń budują bazę. Kolory z prac Katii przenoszą charakter jej twórczości do serwisu.

Paleta podstawowa
MINIMAL
Czarno-biały kot o żółtych oczach trzyma błękitną kulę z postacią. Przed nim leżą książka i czerwone sukno. Rysunek Katii AR0001 z datą 10 października 2026.
Papier#FBFCF7
Czerń kota#131315
Czerwień sukna#F00F11
Żółć oczu#FFDB1F
Błękit kuli#1B51E0
Paleta w jednej pracyAR0001 · 10.10.2026
Paleta rozszerzona
OBECNA PALETA SERWISU

Ochra, zieleń i turkus rozwijają paletę interfejsu.

Czerwień#BA2B25
Praca Katii · K05. Czerwone tło obrazu „Kotek”.
K05
Błękit#2882D7
Praca Katii · IG42. Błękitne tło z kotem na kogucie.
IG42
Złocista żółć#C6A80C
Praca Katii · IG78. Złocista tkanina w kocim portrecie.
IG78
Ochra#B28346
Praca Katii · IG24. Ochrowe umaszczenie kota.
IG24
Zieleń#4E7266
Praca Katii · AR0098. Zieleń otaczająca kwiat.
AR0098
Turkus#449783
Praca Katii · IG49. Turkusowe tło z tańczącymi postaciami.
IG49
Trzy przepływy koloru
ClaimOryginalny gradient tytułu
LosowanieOryginalny stan przycisku
ZamówieniaOryginalny stan przycisku
Źródła i dane kolorów

Paleta podstawowa: próbki z pokazywanej reprodukcji po korekcie fotografii. Paleta rozszerzona: dotychczasowe kolory serwisu, dopasowane do interfejsu. HEX i RGB w sRGB. To zapis barw reprodukcji, bez kalibracji pigmentów oryginału.

Fotografia po korekcie oświetlenia i balansu bieli. Próbki odpowiadają tej reprodukcji.

Biele

Ciepły papier, złamana biel i chłodny jasny ton. Dają oddech, wydobywają linię i pozwalają wybrzmieć kolorom.

Papier#FAF6EDRGB 250 246 237
Biel złamana#F1EEE6RGB 241 238 230
Biel chłodna#DAE5EARGB 218 229 234
Czernie i szarości

Zwarta plama, wyrazisty kontur, delikatny ślad. W serwisie ten porządek przechodzi w tusz, grafit i jasny ton pomocniczy.

Tusz#252B35RGB 37 43 53
Grafit#50545ARGB 80 84 90
Tusz rozjaśniony#C5C3BFRGB 197 195 191
Papier#FBFCF7 · RGB 251 252 247Czerń kota#131315 · RGB 19 19 21Czerwień sukna#F00F11 · RGB 240 15 17Żółć oczu#FFDB1F · RGB 255 219 31Błękit kuli#1B51E0 · RGB 27 81 224
Paleta rozszerzona
Praca Katii · K05
Źródło koloru · K05

Czerwień. Czerwone tło obrazu „Kotek”. Tożsamość i akcent portretów.

Akcent#BA2B25
Tło#EAC3BB
Tekst#952B29
Czerwień#BA2B25 · RGB 186 43 37Błękit#2882D7 · RGB 40 130 215Złocista żółć#C6A80C · RGB 198 168 12Ochra#B28346 · RGB 178 131 70Zieleń#4E7266 · RGB 78 114 102Turkus#449783 · RGB 68 151 131

Wszystkie trzy gradienty pochodzą z aktualnego serwisu Katii: tytułu „Wyobraźnia ma wiele postaci”, przycisku losowania i przycisków zamówień. Oryginalny claim płynie przez 10 s w obie strony; ograniczenie ruchu zatrzymuje animację.

Claimlinear-gradient(110deg, #BA2B25 0%, #215FA8 28%, #356753 52%, #82561E 76%, #BA2B25 100%)
Losowanielinear-gradient(105deg, #e5c95d, #faf6ed)
Zamówienialinear-gradient(110deg, #952b29, #204f82)
Kolor jako system informacji

Kolor oddziela sekcje i wskazuje aktywne elementy. Oryginalne wachlarze, ogonki i płynący claim pokazują, jak język prac Katii działa w interfejsie.

Serwis w trakcie produkcji.

Fragment powstającej całości. Sklep uruchamiany wkrótce.

WORK IN PROGRESS
Podobny projekt? Porozmawiajmy ↗
Projekt i wdrożenie: WONDERLA_B · prace: Katia Sokołowa-Zyzak
04

cisco

Koordynacja projektów2019–2020

Cisco EMEAR · 2019–2020

Złożona technologia. Prosty przekaz

Koordynowałem produkcję materiałów komunikacyjnych Cisco dla rynków Europy, Bliskiego Wschodu, Afryki i Rosji (EMEAR). Zespół przekładał technologiczne tematy na czytelne prezentacje i animacje w ramach globalnych zasad marki.

Rola
prowadzenie projektów kreatywnych · opisy projektów · kontakt z klientem · koordynacja zespołu i produkcji
Zakres
prezentacje · raporty · animacje · adaptacje na rynki EMEAR
Efekt
Spójne materiały, które upraszczały złożone tematy i działały w różnych formatach oraz na wielu rynkach.
Podoba Ci się? Porozmawiajmy o Twoim projekcie ↗
05

wedel

Teksty i kampanie2015–2016

Teksty i kampanie

Jedna marka. Codziennie nowy temat

Komunikacja E.Wedel obejmowała wiele produktów, okazji i kanałów. Każdy temat potrzebował własnego pomysłu, ale marka musiała pozostać sobą.

Rola
autor tekstów
Zakres
Tworzyłem pomysły, hasła i teksty do kampanii produktowych, promocji, konkursów, filmów, mediów społecznościowych i serwisów internetowych.
Efekt
Główna idea marki była adaptowana do konkretnych produktów, okazji i formatów — często jako cyfrowe rozwinięcie spotu TV albo działań ATL. Powstawały kampanie produktowe, konkursy, filmy, media społecznościowe i interakcje projektowane z myślą o mechanice formatu, np. przewijanie strony zamienione w gest smarowania kremem.

JWT Warszawa · praca zespołowa

Podoba Ci się? Porozmawiajmy o Twoim projekcie ↗
06

żywiec zdrój

Kampania2014–2015

KampaniaKampania

Konkurs był początkiem.
Nie końcem kampanii
The competition was the beginning.
Not the end of the kampania

Konkurs prowadził do prawdziwej wyprawy. Ta z kolei stawała się historią publikowaną przez markę i twórców na YouTube.A consumer promocja led to a real expedition. The journey then became a story published by the brand and YouTube creators.

RolaMy role
koncepcja kreatywna · tworzenie tekstów · komunikacja poprzez treści · opowiadanie historii w mediach cyfrowychcreative koncepcja · tworzenie tekstów · komunikacja poprzez treści · opowiadanie historii w mediach cyfrowych
ZakresScope
mechanika promocji, komunikacja konkursu i opowieść o wyprawie rozwijana w wideo oraz kanałach twórcówpromocja mechanics, konkurs communication and an expedition story developed through wideo and creators’ channels
EfektOutcome
Dwie edycje formatu: Islandia 2014 i Borneo 2015. Pierwsza przyniosła sześć filmów na kanale marki oraz osobne materiały twórców. W 2015 roku Żywioł Ekspedycja otrzymała nagrodę specjalną YouTube za komunikację poprzez treści w konkursie Klubu Twórców Reklamy (KTR). Nagrodą było także szkolenie w londyńskim biurze Google i działającym tam YouTube Space.Two editions: Iceland 2014 and Borneo 2015. The first yielded six films on the brand channel and separate creator MATERIAŁY Z WYPRAWY. In 2015, Żywioł Ekspedycja received the YouTube Special Award for komunikacja poprzez treści in the Klub Twórców Reklamy (KTR) competition. The prize also included training at Google's London office and the YouTube Space located there.
07

winiary

Koncepcja i wideo2013–2014

Koncepcja i wideoKoncepcja and wideo

Jeden produkt.
Dwie historie
One produkt.
Two stories

Interaktywny serial kulinarny na YouTube. Widz zaczynał od produktu WINIARY Pomysł na…, a potem wybierał przepis Marcina albo Magdy.An interactive cooking series on YouTube. Viewers started with a WINIARY Pomysł na… produkt, then chose Marcin’s or Magda’s przepis.

RolaMy role
koncepcja kreatywna · scenariusze i przepisy · tworzenie tekstów · produkcja kreatywnacreative koncepcja · scenariusze and recipes · tworzenie tekstów · creative produkcja
ZakresScope
koncepcja formatu · dobór obsady · założenia produkcyjne · produkcja w studiu · montaż · muzyka · interakcje na YouTubeformat koncepcja · casting · produkcja opis projektu · studio produkcja · editing · music · YouTube interactions
EfektOutcome
Seria odcinków, osobne filmy z przepisami i interaktywne plansze łączące materiały. Widz nie oglądał jednej liniowej historii — sam wybierał dalszy ciąg.A series of episodes, separate przepis films and interactive screens connecting the material. Instead of one linear story, viewers chose what to watch next.
08

metamorphosis

Opowieść cyfrowa2014–2015

Opowieść cyfrowaOpowiadanie historii w mediach cyfrowych

Jedna opowieść. Wiele mediówOne story. Many media

Internetowa adaptacja Przemiany Franza Kafki. Statyczne plansze, słuchowisko, muzyka, grafika i interakcja prowadziły odbiorcę przez jedną cyfrową opowieść.

An interactive web story based on Franz Kafka’s The Metamorphosis. Literature, radio drama, music, graphics and animation combined into a single INTERNET experience.

INTERFEJS / STATYCZNE EKRANY SERWISU INTERFACE / STATIC STRONA INTERNETOWA SCREENS 2014–2015
Metamorphosis — ekran otwierający internetową adaptację Przemiany Franza Kafki
01 / 07

Zachowane plansze serwisu — nie rekonstrukcja działającej strony.

Preserved strona internetowa screens — not a reconstruction of the live site.

RolaMY ROLE
koncepcja, projekt narracji i interfejsu
koncepcja, narrative and interface projektowanie
ZAKRESSCOPE
adaptacja literacka łącząca grafikę, słuchowisko, muzykę i interakcję
a literary adaptation combining graphics, radio drama, music and interaction
EfektOUTCOME
Prototyp cyfrowej opowieści pokazany na wystawie NInA Beta / New Storytelling w 2015 roku.
A opowiadanie historii w mediach cyfrowych prototype shown at NInA Beta / New Storytelling in 2015.

DOKUMENTACJA

DOCUMENTATION

NInA Beta /
New Storytelling

2015

Projekt pokazano na wystawie „Opowiadanie na nowo” w NInA. Najpierw zobacz jego instalację; dalej — szerszy kontekst festiwalu.

The project was shown at NInA’s “Retelling” exhibition. First, explore its installation; then the wider festival context.

program festiwalu ↗festival programme ↗
Instalacja Metamorphosis — ekran serwisu, słuchawki i siedzisko z motywem chrząszcza
01 / 13

Metamorphosis na wystawie · instalacja

01 / PROJEKT NA WYSTAWIE01 / PROJECT AT THE EXHIBITION

02 / KONTEKST FESTIWALU — POZOSTAŁE PRACE I DOKUMENTACJA02 / FESTIVAL CONTEXT — OTHER WORKS AND DOCUMENTATION

Prezentacja: NInA Beta / New Storytelling · Warszawa · 2015Presented at NInA Beta / New Storytelling · Warsaw · 2015

Podoba Ci się? Porozmawiajmy o Twoim projekcie ↗ Write to me. We’ll work out the rest ↗
METAMORPHOSIS 2026 · ODŚWIEŻENIE W PRODUKCJI METAMORPHOSIS 2026 · REFRESH IN PRODUKCJA
09

archiwum

Różne formaty · wybór2008–2026
WYBRANE FRAGMENTY

Prace z różnych lat

Kampanie, strony, filmy i ilustracje — krótki przekrój przez kolejne etapy mojej pracy.

10

w produkcji

Projekty · publikacje2026

Na stole
laboratoryjnym

Projekty w toku, próby i eksperymenty

PROJEKT · W PRODUKCJI
Metamorphosis 2026

Redakcja treści i nowa oprawa archiwalnej publikacji interaktywnej.

Główny motyw graficzny artykułu AI wskazuje cel — Trzy narzędziaOPUBLIKOWANY ARTYKUŁOtwórz i przeczytaj ↗
PUBLIKACJA CYFROWA · OPUBLIKOWANE
AI WSKAZUJE CEL

Artykuł analizuje systemy Lavender, Gospel/Habsora i „Where’s Daddy?”. Weryfikacja źródeł i materiałów medialnych opiera się na analizie ogólnodostępnych źródeł (OSINT) oraz pracy dziennikarskiej. Infografiki i starannie dobrane fotografie współtworzą wizualną narrację — obraz przekazuje tu informacje na równi z tekstem.

03 / W PRZYGOTOWANIU
ADAPTACJA CYFROWA · W PRODUKCJI
PUSHBACK

Do świadectw dołączą dokumenty i dane z otwartych źródeł. Dzięki temu osobiste historie będzie można czytać wraz z ich kontekstem.

04 / W PRZYGOTOWANIU
DZIEDZICTWO · W PRODUKCJI
Galed le-kehilat Racionz

Tłumaczymy i redagujemy teksty, a archiwalne fotografie ostrożnie retuszujemy. Dzięki temu księga pamięci Żydów raciąskich staje się dostępna bez zacierania śladów oryginału.

05 / W PRZYGOTOWANIU
PUBLIKACJA · W ROZMOWACH
The Killing of Gaza

W planach: polski przekład i redakcja reportaży Gideona Levy’ego oraz ich adaptacja do publikacji cyfrowej.

06 / W PRZYGOTOWANIU
STRONA I SKLEP · W PRODUKCJI
Identity Inked / Nimer

Portrety tworzone z arabskich liter i słów staną się osią galerii. Projekt pokaże technikę kaligrafa z Nablusu i pozwoli zamówić własną pracę.

Co możemy
zrobić razem

01

Strona WWW

prowadzi użytkownika do celu

  • architektura informacji
  • teksty, układ i obsługa strony
  • projekt graficzny
  • programowanie i wdrożenie
  • publikacje cyfrowe i serwisy treściowe
02

Identyfikacja

marka z własnym językiem

  • znak, typografia i kolor
  • system wizualny
  • serie, formaty i szablony
  • zasady użycia i rytm publikacji
03

Kampania

jeden pomysł — wiele formatów

  • koncept i hasło
  • główny motyw graficzny
  • formaty graficzne
  • strona kampanii, materiały internetowe i wideo

Piszę, projektuję i koduję.

Wojtek jest niezwykle kreatywny, świetnie współpracuje z ludźmi i zawsze skupia się na rozwiązaniach.

Prowadził projekty w regionie EMEAR i od początku budował świetne relacje z międzynarodowymi klientami.

Do jego mocnych stron należały konsultacje projektowe, negocjowanie budżetów i terminów, przygotowywanie opisów projektów oraz prezentowanie klientom koncepcji i rozwiązań.

Najpierw informacja. Później kreacja.

  1. Ustalamy

    Zakres i wycena.

    Faktura 1/250% przed startem.
  2. Badam

    Sprawdzam fakty. Porządkuję treść. Przygotowuję dwa pomysły.

  3. Wybierasz

    Jeden z dwóch pomysłów nadaje kierunek dalszej pracy.

  4. Dopracowuję

    Dwie rundy poprawek w cenie.

  5. Dostarczam

    Gotowe materiały lub strona online.

    Faktura 2/2Dopłata 50% po akceptacji projektu.

    Pani kochana, można klikać.

Chesh_AI CatAsystent wonderla_b
Zbieram zlecenia dla Wojtka
Chesh_AI Cat

To zależy, dokąd chcesz dojść.

Opowiedz, co chcesz stworzyć albo zmienić. Znajdziemy drogę do celu — nawet jeśli jeszcze go szukasz.

Z rozmowy powstaje opis Twojego projektu.
Kot dołącza materiały do opisu. Wojtek dostaje je dopiero po Twojej akceptacji.

00
Jak działa kontakt

Rozmowa służy do przygotowania opisu projektu. Sprawdź jego treść przed wysłaniem. Jeżeli otworzy się Twój program pocztowy, wyślij wiadomość w nim i dołącz pliki samodzielnie. Kontakt: wojtek.a.lewicki@gmail.com

© 2026

© 2026