Dostępny na nowe projekty — 2026
<developer & designer />
Projektuję.
Koduję.
Ożywiam.
Programista, designer i grafik. Łączę czysty kod z dopracowanym wyglądem — strony, aplikacje i identyfikacje, które działają szybko i zostają w pamięci.
nova.css | index.html | app.js
/* nova.css — budujemy stronę od zera */
:root { --accent: #c6ff3d; }
.site { background: #07080c; color: #eef1f6; }
.nav { border-color: rgba(255, 255, 255, .08); }
.logo { color: #c6ff3d; }
.title { background: linear-gradient(90deg, #c6ff3d, #2de2ff, #8b5cff); }
.btn { background: #c6ff3d; box-shadow: 0 0 40px #c6ff3d88; }
.mockup { transform: rotate(-4deg); border-radius: 20px; }
.cover { background: linear-gradient(135deg, #8b5cff, #2de2ff); }
.avatar { background: linear-gradient(135deg, #c6ff3d, #2de2ff); }
.metric { color: #c6ff3d; }
.notify { opacity: 1; transform: none; }
.logos { opacity: .8; }
.features { gap: 16px; }
.gallery { gap: 12px; }
.dash { transform: perspective(900px) rotateX(10deg); }
.chart { --fill: 1; }
.stats { border-color: rgba(255, 255, 255, .1); }
.cta { background: linear-gradient(120deg, #8b5cff, #2de2ff); }
.footer { border-color: rgba(255, 255, 255, .08); }
// $ npm run deploy → ✓ 200 OKnova.studio — localhost:3000
◆ nova
Strony, które robią wrażenie.
Projektujemy i kodujemy produkty cyfrowe, które działają szybko i wyglądają świetnie.
scroll
WordPress
React
TypeScript
UI / UX
Figma
Node.js
Branding
Motion
<html>
{ css }
fn()
git push
npm run build
</>
200 OK
deploy ✓
<section id=”projekty”>
// 01 — Portfolio
Projekty dla różnych branż.
(05 demo · kliknij i przetestuj)
Działające strony koncepcyjne: filtry, koszyk, rezerwacje i formularze naprawdę działają. Otwórz dowolną i sprawdź, jak mogłaby wyglądać Twoja.
<komis />
MOTORA
Komis samochodowy: oferta z filtrami marki, paliwa i ceny, kalkulator raty i zapytanie o auto jednym kliknięciem.
<kawiarnia />
Ziarno & Para
Kawiarnia i brunch: menu w zakładkach, status „otwarte teraz” liczony na żywo, galeria i rezerwacja stolika.
<salon />
Atelier Lumi
Salon beauty: cennik w akordeonie, rezerwacja terminu w trzech krokach i suwak metamorfozy przed/po.
<sklep />
Linea
Sklep z ceramiką: filtry kategorii, sortowanie, koszyk z licznikiem darmowej dostawy i newsletter.
<kancelaria />
Lex Nova
Kancelaria prawna: specjalizacje w zakładkach, proces współpracy, zespół, FAQ i formularz konsultacji.
<twoj-projekt />
Twój projekt?
To miejsce czeka na Twój pomysł. Strona, sklep, rezerwacje albo identyfikacja — zbudujmy to razem.
<section id=”uslugi”>
// 02 — Co robię
Od pomysłu do działającego produktu.
(04)
{ }
01
Strony i sklepy
Szybkie, dostępne i przygotowane pod SEO strony na WordPressie — od landing page’a po e-commerce.
</>
02
Aplikacje webowe
Interaktywne panele i aplikacje w React i TypeScript — od makiety do wdrożenia.
◐
03
UI / UX design
Interfejsy projektowane wokół użytkowników: makiety, prototypy, design system.
✦
04
Grafika i motion
Identyfikacja wizualna, ilustracje, 3D i animacje, które ożywiają markę.
<section id=”proces”>
// 03 — Proces · git log –oneline
Prosty proces, zero niespodzianek.
a3f9c21
Rozmowa i brief
Poznaję cel, odbiorców i budżet. Wychodzimy z jasnym zakresem.
7be04d9
Projekt i prototyp
Makiety i kierunek wizualny. Klikasz prototyp, zanim powstanie kod.
e51c8a2
Kod i wdrożenie
Wydajność, dostępność, SEO i panel, który da się łatwo edytować.
f00d42b
Start i rozwój
Publikacja, testy i opieka po starcie. Rozwijamy projekt dalej.
100%
kodu pisanego ręcznie
24h
maksymalny czas odpowiedzi
4
dziedziny: kod, UI/UX, grafika, motion
∞
ciekawości nowych technologii
<section id=”o-mnie”>
// 04 — O mnie
Trochę inżynier, trochę artysta.
Pracuję na styku kodu i designu, więc projekt nie gubi się „w tłumaczeniu” między grafikiem a programistą. Jedna osoba odpowiada za to, żeby wyglądało świetnie i działało bez zarzutu.
Po godzinach eksperymentuję z grafiką 3D, generatywną sztuką i nowymi frameworkami.
$ whoami
Marcin — developer & designer
$ cat stack.json
{
"frontend": ["HTML", "CSS", "JavaScript", "React"],
"backend": ["PHP", "WordPress", "Node", "SQL"],
"design": ["Figma", "Photoshop", "Illustrator"],
"3d": ["Blender"]
}
// stale się uczę → wersja 2026.1Piszę kod tak, jak projektuję: z dbałością o detal, którego nikt nie widzi — ale każdy czuje.
— moja zasada nr 1
<section id=”kontakt”>
// 05 — Kontakt
Zbudujmy coś
razem
$ mail kontakt@pankiewicz.info ⏎
Masz pomysł, projekt albo pytanie? Wypełnij formularz albo napisz bezpośrednio — odpowiadam w ciągu 24 godzin.