PATRYK PYRKA01
Websites & web applications↗
Website design and custom web application development with Next.js and React. Responsive interfaces shaped around your content and how people use them.
INDEPENDENT DIGITAL STUDIOENGINEERING × VISUAL IDENTITY
WEBSITES · BACKEND · VISUAL IDENTITY
CODEMEETSDESIGN.
Websites, backend systems and visual identity. From design to deployment.
BASED IN POLAND · WORKING EVERYWHERE01 — THE INTERSECTIONCODE / SYSTEMS / IDENTITY
[02] / THE MINDSETNOT TWO DISCIPLINES. ONE PRACTICE.
I don’t separatetechnology fromdesign.
Code, systems and design — in one studio.
I build all three.
CODE
SYSTEMS
IDENTITY
SYSTEMS
IDENTITY
[03] / WHAT I BUILD_
FROM CONCEPT TO PRODUCTION02
Backend & API integrations↗
Java and Spring backend development, REST APIs and system integrations. Business logic and databases built to support the ongoing development of your application.
03
Logo & visual identity↗
Logo design and visual identity for businesses. Typography, colour and graphic assets that give your brand a consistent presence on your website and beyond.
04
Graphics & animation↗
Graphic design, animation and interactive website elements. Original compositions that give your brand character and support its communication.
[04] / BUILT THROUGH EXPERIENCE_
PRACTICE MAKES PRECISE.09+
×YEARS IN SOFTWARE
05+
YEARS IN DESIGN
[05] / SELECTED OUTPUT_
NEXT.JS / DESIGN / DEVELOPMENTSystems with
character.
A meeting point for logic and instinct.
Different websites. Distinct identities.
PROJECT_001 / LIVE WEBSITE
FLC
Fort Lauderdale Collection — luxury automobilesA cinematic showcase of luxury automobiles. An animated intro, interactive inventory and a scroll-controlled Porsche sequence create a digital showroom experience.
- Next.js
- TypeScript
- React
- Motion design
Loading website…
Demo version. Forms do not send submissions.
PROJECT_002 / LIVE WEBSITE
Marcin Bąk
Personal training, boxing & MMA websiteA cinematic website for a boxing and MMA coach. Scrolling moves through a sequence of scenes: training philosophy, disciplines and services. Typography, imagery and motion tell one connected story.
- Next.js
- TypeScript
- GSAP
- Framer Motion
Loading website…
Demo version. Forms do not send submissions.
PROJECT_003 / LIVE WEBSITE
Kierunek
Psychology centre websiteA calm, clear website for a psychology centre. Services, pricing, a blog and a contact form connected to a Sanity content management system.
- Next.js
- TypeScript
- Tailwind CSS
- Sanity
Loading website…
Demo version. Forms do not send submissions.
[06] / UNDER THE HOOD_
SYSTEM MODULESThe right tools.
No unnecessary noise.
Chosen for the problem.
Connected by experience.
01 [Backend]
- Java 8–21IN PRACTICE
- KotlinIN PRACTICE
- Spring / Spring BootIN PRACTICE
- MicronautIN PRACTICE
- Spring Data / Spring SecurityIN PRACTICE
- Hibernate / JPAIN PRACTICE
- jOOQIN PRACTICE
02 [Frontend]
- Next.jsIN PRACTICE
- ReactIN PRACTICE
- TypeScriptIN PRACTICE
- JavaScriptIN PRACTICE
- HTMLIN PRACTICE
- CSSIN PRACTICE
03 [Design]
- FigmaIN PRACTICE
- CorelDRAWIN PRACTICE
- Adobe PhotoshopIN PRACTICE
- Adobe IllustratorIN PRACTICE
- Adobe After EffectsIN PRACTICE
04 [Architecture / integration]
- MicroservicesIN PRACTICE
- Modular monolithsIN PRACTICE
- Domain-Driven DesignIN PRACTICE
- REST / SOAPIN PRACTICE
- KafkaIN PRACTICE
- RabbitMQ / JMSIN PRACTICE
05 [Data / persistence]
- PostgresIN PRACTICE
- MySQLIN PRACTICE
- OracleIN PRACTICE
- RedisIN PRACTICE
- DB2IN PRACTICE
- Microsoft SQL ServerIN PRACTICE
06 [Cloud / infrastructure]
- AWS / Amazon S3IN PRACTICE
- AzureIN PRACTICE
- KubernetesIN PRACTICE
- DockerIN PRACTICE
- OpenShiftIN PRACTICE
- RancherIN PRACTICE
GOOD DESIGN
WITHOUT ENGINEERING
IS A MOCKUP.
GOOD ENGINEERING
WITHOUT DESIGN
IS INVISIBLE.
I WORK IN BETWEEN.
ENGINEERED TO WORK. DESIGNED TO MATTER.[08] / NEXT CHAPTERYOUR IDEA STARTS HERE.
LET’S BUILD
SOMETHING
WORTH
REMEMBERING.
Need a website, custom web application
or visual identity?
Let’s talk.