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.
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.
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.
0:00 / --:--
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.
forma / magazyn o designie↗
forma.magazyn o designie
rzeczy / idee / ludzie
Design × 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.
0:00 / --:--
50mspierwsze wrażenie
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
01 / GEOMETRIAObwiednia i pole ochronne
Proporcja
1 : 1
Moduł ochronny
x = A / 8 = 125
02 / BÉZIERKotwica i wspólna styczna
MASTER
13 konturów · 326 krzywych
Kotwica P · x / y
755.876 / 29.223
03 / SKALA EKRANOWARzeczywiste rozmiary w pikselach
MASTER
96 px
MASTER
64 px
MINI
32 px
MINI
24 px
MASTER
od 64 px
MINI
24–63 px
Adaptacje znaku do różnych języków
WERSJE JĘZYKOWE
Znak czarnyNegatywSygnet + typografia
PLna głos
Znak czarny
Negatyw
Sygnet + typografia
ENGOUT LOUD
Znak czarny
Negatyw
Sygnet + typografia
HEבקול רם
Znak czarny
Negatyw
Sygnet + typografia
בקול רםקוראים את האינטרנט
ARبصوت عالٍ
Znak czarny
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.
onetWIADOMOŚCI / DESIGN☰
DESIGN · 1 MIN CZYTANIA
Co widzisz, zanim zaczniesz czytać?
O tym, jak szybko powstaje pierwsze wrażenie strony.
Posłuchaj artykułuna głos · głos AI▶
DESIGN · 1 MIN CZYTANIA
onet.plPolski znak · odsłuch przy artykule
The GuardianNews Opinion Culture☰
DESIGN · 1 MIN READ
What do you see before you start reading?
How quickly a website makes its first impression.
Listen to this articleOUT LOUD · AI voice▶
DESIGN · 1 MIN READ
theguardian.comEnglish mark · editorial audio
HAARETZחדשות דעות תרבות☰
עיצוב · דקת קריאה
מה רואים לפני שמתחילים לקרוא?
הרושם הראשוני מאתר נוצר מהר יותר מכפי שנדמה.
האזנה לכתבהבקול רם · קול AI▶
עיצוב · דקת קריאה
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
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.
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.
The artist’s gallery and shop
Choose an artwork, original or print, medium and format. Orders currently go through enquiries to the artist; online payments are in preparation.
Gallery · original website excerptWORK IN PROGRESS
Artwork catalogue ↗Artwork and print options ↗
Screenshots from Katia’s website in production. Click to enlarge.
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
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#BA2B25K05
Blue#2882D7IG42
Golden yellow#C6A80CIG78
Ochre#B28346IG24
Green#4E7266AR0098
Teal#449783IG49
Three colour flows
HeadlineOriginal headline gradientRandom drawOriginal button stateOrdersOriginal 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.
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.
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.
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.
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.
Konkurs był początkiem. Nie końcem kampaniiThe 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
01 / MECHANIZM01 / 05
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 historieOne 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
FILM01 / 03
GrafikiStills
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.
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ę.
02 / SERVICESINFORMATION → FORM
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
WebsiteWebsite: from 4 000 PLN excl. tax
Visual identityVisual identity: from 4 500 PLN excl. tax
CampaignCampaign: from 5 000 PLN excl. tax
Exact quote after a conversation.
03 / ABOUTWOJTEK LEWICKI
I write, design and code.
Wojtek is exceptionally creative,works brilliantly with peopleand always focuses on solutions.
He led projects across EMEARand built strong relationshipswith international clients from the outset.
His strengths includedadvising on projects,negotiating budgets and timelines,preparing briefs,and presenting ideas and solutionsto clients.
Amy DixonCreative Services Manager, Cisco
Information first. Creation follows.
01
We agree
Scope and quote.
Invoice 1/250% before we start.
02
I research
I check the facts, organise the content and prepare two ideas.
03
You choose
One of the two ideas sets the direction for the work.
04
I refine
Two rounds of revisions included.
05
I deliver
Finished materials or a live website.
Invoice 2/2Remaining 50% after project approval.
Ready when you are. Click away.
05 / ContactCONVERSATION → CLARITY
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.
Your message to Wojtek
Review your message and add your reply email. You can agree the rest together.
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