About this typeface

Legibility comes first. Atkinson was designed for readers with low vision. It makes similar characters distinct, so people need not guess. About this typeface ↗

Complex subjects.
Clear form.

I design identities, websites and digital publications. I give information a clear shape.

01

antal

DIGITAL CONTENT · WEBSITE SUPPORT2025–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.

Moja rola
digital copywriting · redakcja · content design

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.
Co powstało
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

IDENTITY / SOUND2026

Od znaku do odsłuchu

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

Moja 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 MASTER / MINI · adaptacje językowe · prototyp odsłuchu
Co powstało
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 designie
rzeczy / idee / ludzie
Design × 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 · MASTER / MINI
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

Author website · PL / EN / AR2026

A professional
calling card

Published work, experience and contact — in one place.

research · information architecture · editing · design and development

Open website ↗
01
Organise the body of work

Search writing by subject, publication and language. Conversations, photographs and the CV have their own places.

02
Let the author speak

Reportage excerpts, recorded conversations and a book sample introduce Dalia’s writing and thinking.

03
Make collaboration easier

Three kinds of enquiry lead to contact with a suggested subject: writing, research or an event.

Approved by the author · public launch coming soon

Explore the full website ↗

Website: wonderla_b · writing: Dalia Mikulska · opening photograph: Hubert Tereszkiewicz · book cover: Marta Konarzewska

04

Nimer Assi · Identity Inked

Artist website · commissions · EN / AR2026

A calligrapher’s
website

Artwork, portrait commissions and calligraphy lessons.

design and development · video editing · EN / AR

05

kotky Katii

Artist website · shop2026

KOTKY KATII / 2026

Katia’s world
in one place

An artist’s website, artwork catalogue and shop for originals and prints.

Katia Sokołowa-Zyzak paints, illustrates and creates ceramics. Her signature: cats with character and vivid colour.

design and development · catalogue · e-commerce

01 / An excerpt from the original websiteWORK IN PROGRESS

An original excerpt from Katia’s website. Draw a cat at random and view the artwork up close.

02 / COLOUR FROM ART

From artwork to palette

Paper and black form the base. Colours from Katia’s artworks bring her visual language to the website.

Core palette
MINIMAL
A black and white cat with yellow eyes holds a blue crystal ball containing a figure. A book and red cloth lie in front. Katia’s drawing AR0001, dated 10 October 2026.
Paper#FBFCF7
Cat’s black#131315
Red cloth#F00F11
Yellow eyes#FFDB1F
Blue crystal ball#1B51E0
The palette in one artworkAR0001 · 10.10.2026
Extended palette
CURRENT WEBSITE PALETTE

Ochre, green and teal extend the interface palette.

Red#BA2B25
Artwork by Katia · K05. The red background of “Kotek”.
K05
Blue#2882D7
Artwork by Katia · IG42. The blue background behind a cat riding a rooster.
IG42
Golden yellow#C6A80C
Artwork by Katia · IG78. Golden fabric in a cat portrait.
IG78
Ochre#B28346
Artwork by Katia · IG24. The cat’s ochre coat.
IG24
Green#4E7266
Artwork by Katia · AR0098. Green foliage surrounding a flower.
AR0098
Teal#449783
Artwork by Katia · IG49. A teal background with dancing figures.
IG49
Three colour flows
HeadlineOriginal headline gradient
Random drawOriginal button state
OrdersOriginal button state
Colour sources and specifications

Core palette: samples from the displayed reproduction after photographic correction. Extended palette: the existing website colours, adapted for the interface. HEX and RGB in sRGB. These values describe the reproduction, without physical pigment calibration.

Photograph corrected for lighting and white balance. The samples match this reproduction.

Whites

Warm paper, off-white and a cool light shade. They create breathing room, reveal the line and let colour stand out.

Paper#FAF6EDRGB 250 246 237
Off-white#F1EEE6RGB 241 238 230
Cool white#DAE5EARGB 218 229 234
Blacks and greys

Solid shapes, clear outlines, delicate marks. On the website, this structure becomes ink, graphite and a lighter supporting shade.

Ink#252B35RGB 37 43 53
Graphite#50545ARGB 80 84 90
Light ink#C5C3BFRGB 197 195 191
Paper#FBFCF7 · RGB 251 252 247Cat’s black#131315 · RGB 19 19 21Red cloth#F00F11 · RGB 240 15 17Yellow eyes#FFDB1F · RGB 255 219 31Blue crystal ball#1B51E0 · RGB 27 81 224
Extended palette
Artwork by Katia · K05
Colour source · K05

Red. The red background of “Kotek”. Identity and portrait accents.

Accent#BA2B25
Surface#EAC3BB
Text#952B29
Red#BA2B25 · RGB 186 43 37Blue#2882D7 · RGB 40 130 215Golden yellow#C6A80C · RGB 198 168 12Ochre#B28346 · RGB 178 131 70Green#4E7266 · RGB 78 114 102Teal#449783 · RGB 68 151 131

All three gradients come from Katia’s current website: the “Imagination takes many forms” headline, the random-draw button and order buttons. The original headline flows for 10 s in each direction; reduced motion stops its animation.

Headlinelinear-gradient(110deg, #BA2B25 0%, #215FA8 28%, #356753 52%, #82561E 76%, #BA2B25 100%)
Random drawlinear-gradient(105deg, #e5c95d, #faf6ed)
Orderslinear-gradient(110deg, #952b29, #204f82)
Colour as an information system

Colour separates sections and identifies active elements. The original fans, tails and flowing headline bring Katia’s visual language into the interface.

Website in production.

A glimpse of the work in progress. Shop launching soon.

WORK IN PROGRESS
A similar project? Let’s talk ↗
Design and development: WONDERLA_B · artwork: Katia Sokołowa-Zyzak
04

cisco

PROJECT COORDINATION2019–2020

Cisco EMEAR · 2019–2020

Złożona technologia. Prosty przekaz

Koordynowałem produkcję materiałów komunikacyjnych Cisco dla rynków EMEAR. Zespół przekładał technologiczne tematy na czytelne prezentacje i animacje w ramach globalnych zasad marki.

Moja rola
creative project management · briefy · kontakt z klientem · koordynacja zespołu i produkcji
Zakres
prezentacje · raporty · animacje · adaptacje na rynki EMEAR
Co powstało
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

COPY / CAMPAIGNS2015–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ą.

Moja rola
copywriter
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.
Co powstało
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

CAMPAIGN2014–2015

KampaniaCampaign

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

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

Moja rolaMy role
koncepcja kreatywna · copywriting · content marketing · digital storytellingcreative concept · copywriting · content marketing · digital storytelling
ZakresScope
mechanika promocji, komunikacja konkursu i opowieść o wyprawie rozwijana w wideo oraz kanałach twórcówpromotion mechanics, contest communication and an expedition story developed through video and creators’ channels
Co powstałoOutcome
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 content marketing 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 content. In 2015, Żywioł Ekspedycja received the YouTube Special Award for content marketing 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

CONCEPT / VIDEO2013–2014

Koncepcja i wideoConcept and video

Jeden produkt.
Dwie historie
One product.
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… product, then chose Marcin’s or Magda’s recipe.

Moja rolaMy role
koncepcja kreatywna · scenariusze i przepisy · copywriting · produkcja kreatywnacreative concept · scripts and recipes · copywriting · creative production
ZakresScope
koncepcja formatu · dobór obsady · założenia produkcyjne · produkcja w studiu · montaż · muzyka · interakcje na YouTubeformat concept · casting · production brief · studio production · editing · music · YouTube interactions
Co powstałoOutcome
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 recipe films and interactive screens connecting the material. Instead of one linear story, viewers chose what to watch next.
08

metamorphosis

DIGITAL STORYTELLING2014–2015

Opowieść cyfrowaDigital storytelling

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

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

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

Preserved website screens — not a reconstruction of the live site.

MOJA ROLAMY ROLE
koncepcja, projekt narracji i interfejsu
concept, narrative and interface design
ZAKRESSCOPE
adaptacja literacka łącząca grafikę, słuchowisko, muzykę i interakcję
a literary adaptation combining graphics, radio drama, music and interaction
CO POWSTAŁOOUTCOME
Prototyp cyfrowej opowieści pokazany na wystawie NInA Beta / New Storytelling w 2015 roku.
A digital storytelling 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 PRODUCTION
09

archive

SELECTED WORK / VARIOUS FORMATS2008–2026
WYBRANE FRAGMENTY

Prace z różnych lat

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

10

in production

PROJECTS / PUBLICATIONS2026

Na stole
laboratoryjnym

Projekty w toku, próby i eksperymenty

PROJEKT · W PRODUKCJI
Metamorphosis 2026

Redakcja treści i nowa oprawa archiwalnej publikacji interaktywnej.

Key visual 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ę.

What can we
create together?

01

Website

Helps people find their next step.

  • information architecture
  • copy, layout and website support
  • visual design
  • development and launch
  • digital publications and content websites
02

Visual identity

A brand with a language of its own.

  • logo, typography and colour
  • visual system
  • series, formats and templates
  • usage guidelines and publishing rhythm
03

Campaign

One idea. Many formats.

  • concept and headline
  • key visual
  • graphic formats
  • landing page, digital and video

I write, design and code.

Wojtek is exceptionally creative, works brilliantly with people and always focuses on solutions.

He led projects across EMEAR and built strong relationships with international clients from the outset.

His strengths included advising on projects, negotiating budgets and timelines, preparing briefs, and presenting ideas and solutions to clients.

Information first. Creation follows.

  1. We agree

    Scope and quote.

    Invoice 1/250% before we start.
  2. I research

    I check the facts, organise the content and prepare two ideas.

  3. You choose

    One of the two ideas sets the direction for the work.

  4. I refine

    Two rounds of revisions included.

  5. I deliver

    Finished materials or a live website.

    Invoice 2/2Remaining 50% after project approval.

    Ready when you are. Click away.

Chesh_AI Catwonderla_b assistant
I collect project enquiries for Wojtek
Chesh_AI Cat

That depends a good deal on where you want to get to.

Tell me what you want to make or change. We will find a way forward, even if you are still choosing your destination.

The cat follows a guided conversation and builds your brief. You review it before sending it to Wojtek.

00
How contact works

The conversation helps prepare your brief. Review it before sending. If your email app opens, send the message there and attach files yourself. Contact: wojtek.a.lewicki@gmail.com

© 2026

© 2026