INDEPENDENT DIGITAL STUDIOENGINEERING × VISUAL IDENTITY

CREATIVE MIND. ENGINEERED OUTPUT.

CODEMEETSDESIGN.

FIG. 001 — ORDER INTO POSSIBILITY

SCROLL TO ENTER ↓

Engineering digital products with the precision of code and the character of design.

> explore_work ↗contact_ ↗

BASED IN POLAND · WORKING EVERYWHERE01 — THE INTERSECTIONCODE / SYSTEMS / IDENTITY

[02] / THE MINDSETNOT TWO DISCIPLINES. ONE PRACTICE.

I don’t separatetechnology fromdesign.

CODE
SYSTEMS
IDENTITY

A digital product should work flawlessly, communicate clearly and have a visual identity worth remembering.
I build all three.

[03] / WHAT I BUILD_

FROM CONCEPT TO PRODUCTION

Web↗

Fast, carefully engineered web experiences built around clarity, performance and interaction.

Next.jsReactTypeScriptUI engineering

Backend↗

Reliable systems, APIs and services designed for production, scale and long-term maintainability.

JavaSpringRESTDatabasesDistributed systems

Identity↗

Visual systems that give digital products a distinct, consistent and recognizable voice.

Brand systemsArt directionTypographyLogo design

Creative↗

Graphic design and digital experiences where technology becomes part of the visual language.

Graphic designMotionCreative developmentDigital art

[04] / BUILT THROUGH EXPERIENCE_

PRACTICE MAKES PRECISE.

09+

YEARS IN SOFTWARE

05+

YEARS IN DESIGN

[05] / SELECTED OUTPUT_

NEXT.JS / DESIGN / DEVELOPMENT

Systems with
character.

A meeting point for logic and instinct.
Two websites. Two distinct identities.

PROJECT_001 / LIVE WEBSITE

Kierunek

Psychology centre

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

PROJECT_002 / LIVE WEBSITE

Marcin Bąk

Boxing / MMA / personal training

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

[06] / UNDER THE HOOD_

SYSTEM MODULES

The 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

[07] / THE SPACE BETWEEN

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 digital product, backend system
or visual identity?
Let’s talk.