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

strony · identyfikacje · cyfrowe publikacje

01

Antal

serwis firmowy2025–2026online

Praca na dostarczonych makietach.

analiza materiałów · architektura informacji · pisanie i redakcja treści · SEO · konsultacje z ekspertami · brief dla grafika

Projekt graficzny serwisu wykonała inna osoba.

serwis firmowy

analiza materiałów · architektura informacji · pisanie i redakcja treści · SEO · konsultacje z ekspertami · brief dla grafika

Treści i architekturę informacji opracowałem na podstawie dostarczonych makiet i identyfikacji wizualnej. Projekt graficzny serwisu wykonała inna osoba.

02

Identity Inked · Nimer Assi

sklep artysty2026w toku

Portrety kaligraficzne i lekcje.

research · architektura informacji · redakcja treści · identyfikacja wizualna · projekt UX/UI · opracowanie zdjęć i montaż wideo · SEO · wdrożenie

EN / AR

Strona
kaligrafa

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

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

03

Na głos

lektor online2026w toku

Od znaku do odsłuchu

Czyta tekst. Opisuje obrazy, wykresy i wygląd strony.

Rola
identyfikacja wizualna · rekonstrukcja wektorowa · projekt interakcji audio
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ć?

Tekst: wonderla_b

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
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.

04

Wedel

kampanie digital2015–2016dawna realizacja

05

Winiary

serial kulinarny2013–2014dawna realizacja
YouTubePL
Jeden pomysł, dwa przepisy — oprawa serii Winiary
Winiary

Winiary

@SzkolaGotowania

Jeden pomysł, dwa przepisy

Wyróżniony odcinek
Chłopski garnek

Pełny odcinek 2:04

Produkty Winiary w codziennym gotowaniu.

Filmy
Jeden pomysł, dwa przepisy

Zwiastun 0:30

Zapiekanka makaronowa z szynką — miniatura z daniem i żółtą planszą
Zapiekanka makaronowa z szynką

Winiary Pomysł na…

Tylko miniatura
Zapiekanka ziemniaczana z mięsem — miniatura z daniem i żółtą planszą
Zapiekanka ziemniaczana z mięsem mielonym

Winiary Pomysł na…

Tylko miniatura
Kurczak w sosie śmietanowo-ziołowym — miniatura z daniem i żółtą planszą
Kurczak w sosie śmietanowo-ziołowym

Winiary Pomysł na…

Tylko miniatura
Spaghetti po bolońsku — miniatura z daniem i żółtą planszą
Spaghetti po bolońsku

Winiary Pomysł na…

Tylko miniatura
Ryba w sosie śmietanowo-koperkowym — miniatura z daniem i żółtą planszą
Ryba w sosie śmietanowo-koperkowym

Winiary Pomysł na…

Tylko miniatura
Gołąbki bez zawijania — miniatura z daniem i żółtą planszą
Gołąbki bez zawijania

Winiary Pomysł na…

Tylko miniatura

06

Żywiec Zdrój

kampania i filmy2014–2015dawna realizacja
YouTubePL
Żywioł Ekspedycja 2014. Uwolnij swoją siłę! — Islandia, Żywiec Zdrój i rozbryzgi wody.

Żywiec Zdrój

Żywioł Ekspedycja

Islandia 2014 · Borneo 2015

Film twórcy · Islandia 2014
Ekspedycja na Islandię #1

Martin Stankiewicz

Relacja z wyprawy na Islandię podczas Ekspedycji Żywioł.

Oryginalny film z kanału Martina Stankiewicza.

Filmy twórców · Islandia 2014

5 filmów

YouTube Special PrizeKTR · Content marketingTylko miniatura
07

Dalia Mikulska

portfolio zawodowe2026w toku

Publikacje, doświadczenie i kontakt z autorką.

research · architektura informacji · redakcja treści · projekt UX/UI · SEO · wdrożenie

PL / EN / AR

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

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

08

Katia Sokolova-Zyzak

galeria i sklep artystki2026w toku

Galeria obrazów i grafik z formularzem zapytań.

research · architektura informacji · redakcja treści · projekt UX/UI · system kolorów · wdrożenie

PL / EN / RU · formularz demonstracyjny

prace: Katia Sokolova-Zyzak

kolor z obrazów

Barwy prac wyznaczają akcenty, tła i gradienty serwisu.

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.
AR0001 · 10.10.2026
Papier#FBFCF7
Czerń kota#131315
Czerwień sukna#F00F11
Żółć oczu#FFDB1F
Błękit kuli#1B51E0
Praca Katii · K05. Czerwone tło obrazu „Kotek”.
Czerwień#BA2B25
Praca Katii · IG42. Błękitne tło z kotem na kogucie.
Błękit#2882D7
Praca Katii · IG78. Złocista tkanina w kocim portrecie.
Złocista żółć#C6A80C
Praca Katii · IG24. Ochrowe umaszczenie kota.
Ochra#B28346
Praca Katii · AR0098. Zieleń otaczająca kwiat.
Zieleń#4E7266
Praca Katii · IG49. Turkusowe tło z tańczącymi postaciami.
Turkus#449783

serwis artystki · katalog prac

research · architektura informacji · redakcja treści · projekt UX/UI · system kolorów · katalog prac · formularz zapytań · wdrożenie

wersja responsywna · PL / EN / RU · formularz demonstracyjny

prace: Katia Sokolova-Zyzak

09

Cisco

materiały cyfrowe2019–2020dawna realizacja

briefy · kontakt z klientem · koordynacja międzynarodowego zespołu i produkcji · prace kreatywne · prezentacje ofertowe · rozliczenia projektów · kontrola spójności marki

Lionbridge × Cisco EMEAR · praca zespołowa

Prowadzenie projektów kreatywnych dla Cisco EMEAR

EMEAR — Europa, Bliski Wschód, Afryka i Rosja

Cisco · EMEAR
Spójność marki na rynkach

Złożone tematy technologiczne upraszczaliśmy do czytelnych form wizualnych, wspólnych dla komunikacji Cisco w całym regionie EMEAR.

praca zespołowa · Lionbridge × Cisco EMEAR · 2019–2020praca zespołowa · Lionbridge × Cisco EMEAR · 2019–2020SHOWREEL · 00:54
Infografika Cisco Multicloud networking: 62% badanych organizacji w Europie wdrożyło już SD-WAN
Z raportu Cisco62% organizacji w Europie wdrożyło już SD‑WAN.93% respondentów EMEAR przewidywało wdrożenie rozwiązań intent-based networking w ciągu dwóch lat.
Wyróżnienie pracownicze · Cisco EMEARCustomer Satisfaction Wojciech Lewicki Treść wyróżnieniaZwiń

Wojciech has been doing a great job working with our EMEAR clients. He has been building solid working relationships, managing complex projects with tight budgets and many times has exceeded client expectations.

He is also working very closely with our core brand art directors and senior designers to brainstorm slogans, concepts and graphics.

The EMEAR clients have been re-engaging and coming back for more!

10

Viva Palestyna

publikacja cyfrowa2026online

Artykuł o wykorzystaniu systemów AI przy wyznaczaniu celów w Gazie, uzupełniony o dokumenty, fotografie i wykresy.

research OSINT · weryfikacja źródeł · tekst i redakcja · projekt publikacji

artykuł analityczny · publikacja cyfrowa

research OSINT · weryfikacja źródeł · tekst i redakcja · projekt publikacji

„AI wskazuje cel. Ile decyzji zostaje człowiekowi?” · Viva Palestyna · 2026

11

Pushback

adaptacja cyfrowa książki2026w toku

Notatnik projektowy · w toku

Reportaż Jane A. Gee. Projekt adaptacji cyfrowej obejmuje sposób czytania książki oraz osobną warstwę materiałów źródłowych.

architektura informacji · redakcja · UX/UI · motion · research OSINT

cyfrowa adaptacja książki reporterskiej

Śledztwo OSINT poszerza lekturę książki Jane A. Gee o dodatkowe dane i kontekst. Dokumenty, artykuły i fotografie tworzą warstwę źródłową towarzyszącą reporterskiej opowieści.

research OSINT · architektura informacji · redakcja · projekt UX/UI · motion

Materiały projektu

Fotografia autorki z egzemplarzem PUSHBACK.
Fotografia autorki z egzemplarzem PUSHBACK. Źródło: materiały projektu PUSHBACK
O warstwie źródłowej

Dokumenty, artykuły i fotografie stanowią osobną, opcjonalną warstwę. Tekst reportażu pozostaje w formie nadanej przez autorkę. Materiały dodatkowe są w opracowaniu.

12

GALED — księga pamięci Raciąża

publikacja cyfrowa2026w toku

Polska wersja w opracowaniu · 2026

GALED

przekład · redakcja · retusz fotografii · opracowanie typograficzne

Szkice publikacji o żydowskiej społeczności Raciąża.

Oryginalna okładka księgi pamięci społeczności Raciąża
KSIĘGA PAMIĘCIGALEDHistorie żydowskiej
społeczności RaciążaCYFROWA ADAPTACJA
Galed le-kehilat Raciaz. Red. E. Tsoref, Tel Awiw, 1965. Księga źródłowa / JewishGen ↗

Wybierz zdjęcie i odtwórz proces. Możesz wstrzymać pokaz lub przejść do wybranego etapu.

Raciąż i jego mieszkańcy

Zdjęcie 1 z 12

Żydowscy mieszkańcy Raciąża na pocztówce.

Raciąż · ok. I wojny światowej · autor nieustalony

Polska-org.pl ↗Pocztówka · datowanie orientacyjne

Skan jest materiałem źródłowym. Rekonstrukcja detali i kolorów to współczesna interpretacja.

13

The Killing of Gaza

publikacja cyfrowa2026w toku

Notatnik projektowy · 2026

The Killing of Gaza

The Killing of Gaza — Gideon Levy
Wydanie angielskie · Verso Books, 2024
Planowana adaptacja cyfrowa

Punktem wyjścia są reportaże Gideona Levy’ego i sposób ich czytania na ekranie. Trwają rozmowy z wydawcą. Zakres i warunki realizacji są do ustalenia.

Zobacz wydanie Verso ↗
Gideon Levy
Fot. Girrit, Bordeaux, 2025 · CC0 1.0

Autor

Gideon Levy

Dziennikarz i autor związany z „Haaretz”.

14

Metamorphosis

publikacja cyfrowa2014–2015w toku

Publikacja cyfrowa · 2014–2015

Metamorphosis

Internetowa adaptacja Przemiany Franza Kafki, łącząca grafikę, słuchowisko, muzykę i interakcję. Projekt pokazano na wystawie NInA Beta / New Storytelling w 2015 roku.

koncepcja · projekt narracji · projekt interfejsu

Zachowane plansze projektu — bez rekonstrukcji działającej strony.

Metamorphosis — ekran otwierający internetową adaptację Przemiany Franza Kafki

Ekran projektu · plansza otwierająca

01 / 07

nowa adaptacja

W 2026 roku pracuję nad nową wersją projektu.program wystawy z 2015 roku ↗

archiwum

archiwum2008–2026

Wybrane prace · 2008–2026

Archiwum

Kampanie, strony, filmy i ilustracje z różnych etapów mojej pracy.

WYBRANE FRAGMENTY

Prace z różnych lat

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

Wojtek Lewicki — portret

Wojtek Lewicki

piszę · projektuję · koduję

02 / OfertaINFORMACJA → FORMA

co możemy zrobić razem

Wybierz punkt wyjścia. Zakres, termin i pełną cenę ustalimy przed rozpoczęciem pracy.

ceny orientacyjne · brutto

strony i portfoliood 2 990 zł

w zakresie podstawowym

  • jednostronicowa witryna na dostarczonych materiałach
  • projekt responsywny i wdrożenie
  • formularz kontaktowy i podstawowe SEO

poza podstawowym zakresem

Prosta strona lub jednostronicowe portfolio korzystają z dostarczonych materiałów. Rozbudowane portfolio i autorskie serwisy z własną strukturą lub interakcjami wyceniam indywidualnie. Większe strony, sklepy, publikacje cyfrowe i opracowanie treści — indywidualna wycena.

identyfikacja wizualnaod 3 590 zł

w zakresie podstawowym

  • projekt znaku i podstawowych wariantów
  • dobór typografii i palety kolorów
  • podstawowe zasady stosowania identyfikacji

poza podstawowym zakresem

Rozbudowany branding, szablony, druk i kolejne formaty — indywidualna wycena.

grafika i kampanieod 1 590 zł

w zakresie podstawowym

  • koncepcja i jeden motyw graficzny
  • dwie adaptacje do uzgodnionych formatów
  • pliki przygotowane do publikacji

poza podstawowym zakresem

Wideo, animacje, strony kampanii i rozbudowane zestawy formatów — indywidualna wycena.

teksty i researchod 690 zł

w zakresie podstawowym

  • krótki tekst lub redakcja materiału do ok. 3 000 znaków
  • podstawowe sprawdzenie informacji
  • finalny tekst gotowy do publikacji

poza podstawowym zakresem

Pogłębiony research, OSINT, dłuższe teksty i publikacje cyfrowe — indywidualna wycena.

Dodatkowe koszty i wycena

Domena, hosting, plan Framera, płatne licencje, poczta i usługi zewnętrzne są rozliczane osobno. Przed rozpoczęciem pracy podaję, które wydatki są jednorazowe, a które się odnawiają, oraz proszę o ich akceptację.

Każde rozszerzenie zakresu wyceniam osobno i uzgadniam przed realizacją.

DATA DESIGN

najpierw informacja później kreacja

  1. Zaczynamy od rozmowy

    Mówisz, czego potrzebujesz. Ustalamy zakres, termin i cenę.

    Po akceptacji wyceny wystawiam pierwszą fakturę (50%).

  2. Wybieramy kierunek

    Robię research, przedstawiam pomysł i pokazuję makietę.

    Dwie rundy poprawek w cenie.

  3. Dostajesz gotowy projekt

    Po akceptacji projektu wystawiam drugą fakturę (50%).

    Po opłaceniu przekazuję materiały.
    Stronę uruchamiam w ustalonej domenie.

Pani kochana, można klikać.

porozmawiajmy

przyjmuję zlecenia

wojtek@wonderla-b.com
Dodaj szczegóły · opcjonalnie
Łącznie do 10 MB