September Art Agency is a creative and production agency from Gdańsk, working internationally since 2013: photography, film, art direction and full production for clients like Numéro Switzerland, Elle Polska, adidas, New Balance and Puma. The site is their portfolio, their roster and their inbox.
The scope was the whole thing: UX and UI, the build, a custom admin panel, migration of the existing portfolio, and the documentation the team needs to keep it alive. Today it holds 39 projects and an 18-person roster, all edited through the panel.
Everything, solo. Design, front-end, back-end, the panel, the migration, the manual and the video walkthrough.
The old site had three problems, and none of them were visual.
On top of that, the brief was strict in a way I liked: two colours, one type family, no parallax, no particle effects, no custom cursor. And performance and accessibility were not aspirations. Lighthouse thresholds and WCAG 2.2 AA were written into the contract as conditions of acceptance.
Before I drew anything, I built a small voting app for the kickoff call: 21 reference sites, three people from the agency voting on each one. It turned an hour of \"I like this one\" into votes we could count, and it's where the typeface got decided.
Then I mapped every component to the reference it came from and audited my own first version against that map. One component failed outright and three were only partly right. The failure was the roster: I had designed filters for the eight people in the brief when the agency had three at the time. Version two was built for the content that existed, with a structure that could grow. It has since grown to 18 without a rebuild.
Paper #FAFAF7, ink #111111, and no accent colour anywhere in the interface. Colour comes only from the photographs and video. Form errors are signalled with border weight and type weight, not red.
The brief's own palette didn't pass the accessibility level the brief demanded. Its light grey gave 3.39:1 on paper, below the 4.5:1 that AA requires for small text. I measured it, moved it to a tone at 4.95:1, and did the same for form borders (1.42:1 raised to 3.32:1). It still reads as the same palette. It just meets its own requirement now.
Every project page carries its crew. The adidas \"Mundial\" campaign lists 35 credit lines, and 12 of them link to a team page. Each person's page pulls in every project they are credited on. Work and Team are two entrances to the same network, which is how the agency sells its talent: you arrive for a campaign and leave on a photographer's page with a \"Book\" button.
The homepage opens with a film, not a headline. A still frame holds the place and the video arrives after the first paint, with separate files for desktop and phone, so the first screen doesn't wait for the video file.
No headless SaaS. I wrote the panel for this team and this site, in their language (the site is English, the panel is Polish).
The idea behind it: the people editing the site are producers, not designers, so the design rules have to live in the tool.
Changes go live on save. Nobody waits for a deploy.
The panel ships with its own manual: 12 chapters, 42 topics, 57 steps. From the same source text I produced a video walkthrough (8 minutes 36 seconds, 16 chapters) and 14 short clips, one per area of the panel. One source, three formats, so they can't drift apart.
The site is live at septemberartagency.com with 39 projects and an 18-person roster, managed from the panel. It shipped three weeks ahead of the contractual deadline.
Lighthouse on the homepage, median of three runs each (8 October 2026): desktop 98 Performance, 100 Accessibility, 100 Best Practices and 100 SEO, with LCP at 0.4 s and CLS at 0; mobile 99, 100, 100 and 100, with LCP at 1.5 s and CLS at 0.
I don't have traffic or inquiry numbers to show yet, and I won't invent them. What I can show is what the client said:
\"We couldn't be happier with the collaboration! The website turned out exactly the way we imagined it: polished, good-looking and true to what we expected. Piotr understood our vision perfectly and turned it into a finished project. Communication was quick, and the whole process went smoothly and in a great atmosphere. Highly recommended!\"
— September Art Agency
EMWU Hats is a Polish sustainable fashion brand specializing in handcrafted, one-of-a-kind caps made entirely from upcycled materials — transforming discarded fabrics like old tracksuits into unique 5-panel caps. The project needed a web presence that would communicate both the brand's creative vision and its zero-waste mission.
Design & Development (Solo)
React, Next.js, CSS/SCSS
EMWU Hats operates at the intersection of streetwear culture and sustainable fashion — a space where authenticity is everything. The website needed to:
Rather than leading with products, the site opens with the \"Zero Waste Revolution\" message — positioning fashion as a force for change. This editorial approach establishes the brand's philosophy before any commercial ask.
The design emphasizes process and craft — showing the transformation from discarded materials to finished product. This transparency builds trust and differentiates EMWU from mass-market \"sustainable\" claims.
Clean layout with bold typography that lets the message breathe. The aesthetic bridges streetwear edge with environmental consciousness — no crunchy eco-design clichés.
Built with future e-commerce integration in mind. The current informational structure can evolve into a full shop as the brand grows, without requiring a rebuild.
A digital platform that authentically represents a small-batch sustainable fashion brand — educating first, selling second. The site serves as both a brand statement and a foundation for future growth.
For mission-driven brands, the website has to earn trust before asking for a transaction. Leading with \"why\" rather than \"buy\" creates a stronger foundation — especially in sustainability, where consumer skepticism runs high.
","additionalImages":"[\"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/shots/emwu-hats-mobile-cNcL36dnh5Np1BriO4LbaFMnmoqGdR.png\",\"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/shots/emwu-hats-desktop-vTGWZbRh5lafvtrVeVMYZ5YJISlJoT.png\"]","featured":true,"kind":null,"sortOrder":0,"category":"commercial","domain":null,"productStatus":null,"blobUrl":null,"createdAt":"2025-11-30T05:09:19.895Z","updatedAt":"2026-09-29T19:15:03.122Z"},{"id":10,"title":"KTW Soundscape","slug":"ktw-soundscape","mainImage":"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/1772231491980-Zrzut_ekranu_2026-02-27_o_23.17.41-i7aB14Gmx6GOd9PUsNYAJ8MAUTjAKN.png","mainVideo":"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/videos/1772231696928-Nagranie_z_ekranu_2026-02-27_o_23.17.49-eIZQSbaJJU0D7097oMoBvk98iOBU5G.mp4","caseStudy":false,"published":true,"description":"KTO soundscape","technologies":"[\"Next.js\",\"GSAP\",\"TypeScript\"]","siteUrl":"https://www.josefpankiewicz.com/","caseStudyContent":null,"additionalImages":"[\"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/shots/ktw-soundscape-mobile-l5AZYKnuRtTilh2l0ks96z2KFt1VAv.png\",\"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/shots/ktw-soundscape-desktop-HSVX0QhozEAWHrmwXbTY4sfHUwlL2Q.png\"]","featured":false,"kind":null,"sortOrder":0,"category":"commercial","domain":null,"productStatus":null,"blobUrl":null,"createdAt":"2026-02-27T22:36:00.918Z","updatedAt":"2026-08-05T22:41:59.206Z"},{"id":11,"title":"Self Space","slug":"self-space","mainImage":"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/1772431988552-Zrzut_ekranu_2026-03-2_o_07.12.40-FoipmBvaaEwIy7t62QyNzndqBZeG4M.png","mainVideo":"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/videos/1772431993891-Nagranie_z_ekranu_2026-03-2_o_07.09.50-s9qkmk2z0RUT1YUcFMI4ZfGde1nZJK.mp4","caseStudy":false,"published":true,"description":"Self Space","technologies":"[\"Next.js\",\"GSAP\",\"TypeScript\",\"Lenis\",\"Node.js\"]","siteUrl":"https://www.selfspace.net/","caseStudyContent":null,"additionalImages":"[\"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/shots/self-space-mobile-x4G7ZiT94IiZzh3CHTPXziPT1uIQiV.png\",\"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/shots/self-space-desktop-7nijD6uY3cDCcQV5gBHEGS70OESy2d.png\"]","featured":false,"kind":null,"sortOrder":0,"category":"commercial","domain":null,"productStatus":null,"blobUrl":null,"createdAt":"2026-03-02T06:13:54.066Z","updatedAt":"2026-08-05T22:42:02.223Z"},{"id":31,"title":"Showroom Engine — a platform-agnostic 3D product configurator, from photos to embed","slug":"showroom-engine","mainImage":"/projects-content/draft-placeholder.svg","mainVideo":"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/videos/1787188475880-Nagranie_z_ekranu_2026-08-20_o_03.09.10-8F9PGQVvFaNfO9jNv0GgDGvUvFQUEN.webm","caseStudy":true,"published":true,"description":"Merchants don't need a 3D viewer — Shopify gives them one for free. They need the models they don't have, and the data on which variant actually sells.","technologies":"[\"Next.js 16\",\"TypeScript 6\",\"React Three Fiber\",\"Three.js\",\"Drizzle + Neon\",\"Meshy AI\",\"Blender\",\"SCSS Modules\"]","siteUrl":"https://showroom-engine.vercel.app/","caseStudyContent":"Merchants don't need a 3D viewer — Shopify gives them one for free. They need the models they don't have, and the data on which variant actually sells.
Showroom Engine is my product bet on a simple observation: every e-commerce platform now ships a free 3D/AR viewer, and almost no merchant uses it — because they have no GLB files and no way to produce them. The viewer was never the bottleneck. The asset is. Showroom Engine covers the whole pipeline: photos in, optimized 3D model out, wired to real product variants, embedded anywhere, reporting which options customers actually touch.
Product, architecture, design, development. Solo.
The naive version of this product dies in five minutes of due diligence — a merchant googles \"Shopify 3D\" and finds out it's free. So the product had to be positioned and built around what's genuinely scarce: asset production (the wide bottleneck), variant-aware configuration (which the free viewers don't do), two-way sync with the store, and analytics that justify a subscription. And it had to work for clients who have no store platform at all — a furniture maker, a B2B catalog — which meant resisting the obvious move of building Shopify-first.
The runtime and panel never import a platform adapter directly — they talk to a contract (getAdapter(), capability flags). Standalone is the default adapter, with WooCommerce, Shopify, and a generic REST adapter behind the same interface. The first if (platform === 'shopify') in the runtime would quietly kill the product's entire advantage, so the rule is enforced at the architecture level, not by good intentions.
Meshy turns product photos into 3D geometry; Blender post-processing splits parts, names meshes (the mesh name is the variant-targeting contract), and compresses to under 3 MB. AI gets you 60–80% of a publishable model — so a manual acceptance gate is designed into both the pipeline and the pricing. The promise is \"model in 3 days,\" never \"upload photos, done.\"
A 2.5 kB loader script with a strict 15 kB budget, talking to the host page over postMessage. The demo renders a procedural product with zero assets and zero database — the whole thing works before any client uploads anything.
Workshop/print-shop aesthetic: paper, ink, vermilion. Contrast ratios are computed, not eyeballed — the accent color passes AA on interactive elements and is banned from small text.
Phase 0: scaffold builds clean, all routes render, the demo runs SSR with no external assets. A library of eight demo models is specced, each showing a different configurator mechanic — color, material, engraving, combinatorics, dimensions — because \"one engine, eight mechanics\" is the sales argument. Phased rollout is gated by a rule I'm actually following: no phase N+1 until someone has paid for phase N.
Positioning was the hardest engineering decision in the project. Everything in the architecture — the adapter contract, the standalone default, nullable store bindings in the schema — exists to keep the product sellable to people the obvious version would have excluded.
","additionalImages":null,"featured":false,"kind":null,"sortOrder":0,"category":"commercial","domain":null,"productStatus":null,"blobUrl":null,"createdAt":"2026-07-29T00:31:08.065Z","updatedAt":"2026-08-20T01:38:59.934Z"},{"id":33,"title":"Roostly","slug":"roostly","mainImage":"https://xara0aietsxw98sw.public.blob.vercel-storage.com/portfolio/roostly/roostly-hero-desktop-e2piSlglk3sePWJcuXPBSd2pEOrmp9.webp","mainVideo":"https://xara0aietsxw98sw.public.blob.vercel-storage.com/portfolio/roostly/roostly-loop-QPitcVbfd5ivyyhxyGfxV5o79KI7em.webm","caseStudy":false,"published":true,"description":"Direct-booking sites for apartments and small hotels — calendars synced with Booking and Airbnb, so the commission stays with the owner.","technologies":"[\"SaaS\",\"Payments\",\"Calendar sync\"]","siteUrl":"https://roostly.pl","caseStudyContent":"A design-first booking platform that lets apartment operators sell direct — and stop handing 15–18% of every reservation to Booking.com.
\nMost of my work is for clients. Roostly is mine. I'd kept running into the same thesis on rental projects: the tools these operators use are expensive, ugly, and foreign. So I validated it, then designed and built the whole thing solo — product, booking engine, channel sync, the Polish payment and invoicing layer, the security pass on top. This is the case study for how it came together and the decisions that mattered.
\nA short-term rental operator with 40,000 PLN a month in bookings pays Booking.com and Airbnb somewhere between 15% and 18% on every reservation. That's roughly 6,000 PLN a month. Over a year, about 72,000 PLN gone — not to marketing, not to product, just to being listed.
\nEvery operator knows a direct booking is worth more than an OTA booking. The reason they don't chase direct is that the alternatives are bad. The property-management tools that come with a website builder — Lodgify, Smoobu, OwnerRez — ship templates that looked dated in 2015. Read their reviews on G2 or Capterra and "the design is poor" is the consensus, not the exception. So operators run to Wix or Webflow to get something that looks like their brand, and the moment they do, they lose calendar sync. No sync means double bookings. A double booking means a cancelled guest, a refund, and a dented reputation.
\nFor Polish operators there's a second gap on top of the ugly one. The foreign tools don't take BLIK or Przelewy24, don't issue KSeF invoices (mandatory in Poland from April 2026), and put the owner in front of an English-only panel. So the honest choice was: pretty site with no engine, or working engine that looks like everyone else's and can't take a Polish payment.
\nRoostly is the third option.
\nThe obvious way to build this is also the way that kills it. To sync availability with Booking.com and Airbnb in real time, you need partner access to their APIs. Airbnb's is closed to a startup with zero listings. Booking.com's takes three to six months of certification before you can send a single date range. Spend that time and you've built plumbing, not a product.
\nSo I didn't build the channel manager. I rented one. Channex.io is a white-label connectivity layer. It holds the certified pipes to Booking, Airbnb, Vrbo and the rest, and exposes them over a clean API. Roostly sits on top of it.
\nThe important decision wasn't using Channex — it was refusing to depend on it. Roostly's own database is the source of truth for every reservation and every open date. Channex is a bridge, nothing more: a booking comes in through it, lands in my database; a date closes in my database, gets pushed back out through it. If Channex ever has to go, the product doesn't go with it. That's the difference between renting infrastructure and being owned by it.
\nThe whole pitch collapses if the generated site looks like Lodgify, so design was the product, not the paint.
\nInstead of one template with a color picker, Roostly ships four visual directions (Editorial, Minimal, Warm, Coastal), each a real React theme, not a skin. A boutique villa in Zakopane and a block of city apartments shouldn't wear the same layout, and they don't. Under the hood the themes are variants driven by CSS custom properties, so a client's colors and type flow through without forking the codebase. No Tailwind — SCSS Modules throughout, because the styling had to stay legible and ownable, not a wall of utility classes.
\nTwo things on the marketing site do more selling than any headline. The first is a savings calculator: an operator types in their monthly revenue and watches the yearly commission they're feeding the portals appear on screen. It isn't a gimmick. It's their own number, and it's usually bigger than they'd admit out loud. The second is a two-minute brief generator that lets a prospect sketch what they want before any call, no login. Both exist to make the value obvious before I have to explain it.
\nThe product is a multi-tenant SaaS. One database, with every table scoped by organization, so one operator can never see another's bookings, guests, or revenue — tenant isolation enforced at the query layer, not hoped for at the app layer. Auth runs on Clerk, so session and revocation are handled by people whose full-time job is handling them, and I'm not maintaining a home-grown token store I'd get wrong.
\nThe parts that had to work:
\nChannel sync. Bookings and availability move both ways through Channex over webhooks, processed as background jobs on Inngest, with my database as the record of truth. Polish channels that Channex doesn't cover, like Nocowanie.pl and Travelist, sit on a separate iCal path, because covering them is exactly the wedge a foreign PMS won't bother with.
\nPayments that a Polish guest will actually use. Stripe for cards and international, Przelewy24 for BLIK — the payment method most Poles reach for first. Stripe has carried Przelewy24 with BLIK natively since 2024, which meant one integration instead of two.
\nCompliance as a feature, not an afterthought. KSeF invoicing is built in because from April 2026 it's the law, and a Polish operator whose tool can't issue a compliant invoice isn't a customer.
\nNot double-booking anyone — ever. This is the part that has to be perfect, so it got the most care.
\nTwo guests, two devices, the same apartment, the same week, the same 30 seconds. Meanwhile a Channex webhook is trying to close that same week because someone just booked it on Booking.com. Get this wrong and the failure doesn't show up in a demo — it shows up as a furious phone call and a refund, and it destroys the one thing the product is selling: that direct is safe.
\nSo a booking attempt takes a row-level lock on the date slot before it does anything else, and the guest's payment intent holds that slot for 30 seconds — enough time to pay, not enough to squat. A competing attempt in that window waits or fails cleanly instead of racing. The Channex webhook that changes availability mid-flight has to be reconciled against the held slot rather than blindly applied, which means retries and rollbacks are part of the design, not an edge case bolted on later. Boring when it works. That's the goal.
\nI ran a full security audit on Roostly and wrote it up like I would for a client, because "it's my side project" is not a threat model.
\nWhat it found: no SQL injection, because Drizzle parameterizes every query and there's no string-built SQL anywhere. Tenant isolation is consistent across the codebase, so there's no path to read another organization's data by guessing an ID. Webhooks verify their signatures and fail closed — a forged or unsigned call is rejected, not trusted. The iCal importer has an SSRF guard, so a malicious calendar URL can't turn the server into a proxy into my own network. Secrets stay out of git. Security headers and a content-security policy are in place. The genuinely dangerous surfaces on a booking product (payments, availability, tenant boundaries) got audited first, because those are where a mistake costs real money.
\nThe point of putting this in a portfolio isn't the checklist. It's that I treated my own product with the same paranoia I'd bring to yours.
\nRoostly is built and deployed. The engine works, the sync works, the payment and invoicing layer works, and the marketing site is live at roostly.pl. It's in market entry — I'm talking to the operators it's for, the ones running 5 to 30 units who currently take reservations by phone and hand 15–18% of their revenue to a portal.
\nI'm not going to dress that up with invented numbers. There's no "+38% direct bookings" here yet, because the honest version is that the product is finished and the customers are early. What this case study is actually evidence of is narrower and, I'd argue, more useful: that I can take a market thesis, pressure-test it, design something that doesn't look generated, build the full stack behind it (multi-tenant, payment-grade, compliant), and harden it, on my own.
\nNext.js 16 (App Router) · Drizzle ORM · Neon Postgres · Clerk (auth) · Channex.io (OTA connectivity) · Stripe + Przelewy24 / BLIK · KSeF (invoicing) · Inngest (jobs & sync) · Resend (email) · Vercel · SCSS Modules
\nRoostly — roostly.pl
\n","additionalImages":"[\"https://xara0aietsxw98sw.public.blob.vercel-storage.com/portfolio/roostly/roostly-01-desktop-BkqUYvGigEHs2mmFdmyu80o33g3xqM.webp\",\"https://xara0aietsxw98sw.public.blob.vercel-storage.com/portfolio/roostly/roostly-02-desktop-SlTFRJHU5n9LTQgcxUrWPIKZiOCpHr.webp\",\"https://xara0aietsxw98sw.public.blob.vercel-storage.com/portfolio/roostly/roostly-03-desktop-pU1ZIGMBirddL1g7EyL13EfRUsoVhe.webp\",\"https://xara0aietsxw98sw.public.blob.vercel-storage.com/portfolio/roostly/roostly-04-desktop-C7AxcMgiFj7cD4jWlvRz5rkcPwmR7C.webp\",\"https://xara0aietsxw98sw.public.blob.vercel-storage.com/portfolio/roostly/roostly-05-desktop-Q37TIRzUucTvG6rV30EaeYv8DEuzxG.webp\",\"https://xara0aietsxw98sw.public.blob.vercel-storage.com/portfolio/roostly/roostly-06-desktop-CtC0F9kK1YTnPuQyp4vf74YRmrol0C.webp\"]","featured":false,"kind":"SaaS","sortOrder":0,"category":"products","domain":"roostly.pl","productStatus":"Live","blobUrl":null,"createdAt":"2026-07-29T00:31:08.184Z","updatedAt":"2026-08-28T03:50:06.479Z"},{"id":35,"title":"FRIENDZ × GOAT — from a store audit to a receipt-verification campaign platform","slug":"friendz-goat","mainImage":"/projects-content/goat-campaign-hero.jpg","mainVideo":null,"caseStudy":true,"published":true,"description":"What started as an e-commerce audit became a national promo campaign platform with AI receipt verification — and an ongoing partnership that keeps growing sideways.","technologies":"[\"Next.js 16\",\"Drizzle + Neon\",\"Upstash Redis\",\"Inngest\",\"Claude API\",\"Resend\",\"Turnstile\",\"React Three Fiber\",\"Blender\",\"SCSS Modules\"]","siteUrl":"https://alegoat.pl","caseStudyContent":"What started as an e-commerce audit became a national promo campaign platform with AI receipt verification — and an ongoing partnership that keeps growing sideways.
FRIENDZ is a Polish brand with a physical store, an online shop, and GOAT — their own beverage sold nationally through convenience chains. They didn't hire me for a project; the work kept finding the next project. The through-line of this case study is how a single engagement compounds: an audit surfaces the real problems, a campaign proves the platform, and a platform becomes the argument for what comes next.
Audit, architecture, full-stack development, AI pipeline, security, 3D content. Solo.
The engagement opened with a storefront and infrastructure audit: what's broken, what's costing money, what's blocking growth. Instead of a document that gets filed away, the audit became the shared to-do list the rest of the partnership has been drawing from ever since.
The centerpiece: a national promotion where customers buy GOAT, scan their receipt, and enter a juried contest for invitations to an event at the FRIENDZ house. Simple to say, hard to run honestly at scale:
AI receipt verification. Every submitted receipt runs through a pipeline: Claude vision reads it, byte-level forensics checks whether the file was manipulated, perceptual hashing catches duplicates, and AI-generated fakes get rejected outright. Digital receipts from Żabka arrive as signed documents — the platform verifies the cryptographic signature instead of trusting the pixels.
A real admin backend. A verification queue with appeals, fraud flags, user management, winners, notifications, dashboards, a \"retry AI\" button, and an emergency pause switch — because a live national campaign is not the place to discover you can't stop the machine.
Built to survive. A circuit breaker keeps the platform accepting submissions even if the AI layer stumbles. 73 integration tests run against real Postgres and Redis. A pre-launch security and performance audit caught a CSV formula injection and cut roughly 600 GB of projected transfer by removing dead 3D assets before peak traffic.
Product work in Blender and React Three Fiber feeds the brand's campaigns: a faithful 3D model of the GOAT bottle for social content, and interactive 3D on the campaign landing. Same partnership, different muscle.
The campaign platform is deliberately more than a one-off: accounts, points-for-purchases mechanics, and reward flows are the foundation for FRIENDZ WRLD — a fan loyalty world where buying the product feeds seasons, tiers, and rewards. The pitch for that platform stands on something better than slides: infrastructure that already ran a national campaign.
A national campaign delivered end to end — landing, verification pipeline, contest platform, admin backend — hardened by tests and a security audit before launch. And the less visible result: a client relationship that moved from \"fix our shop\" to \"plan our platform,\" which is the difference between a vendor and a partner.
Fraud handling is product design, not an add-on — the moment real rewards are involved, the verification pipeline is the product. And on partnerships: the best sales document I produced for this client was working software from the previous engagement.
","additionalImages":null,"featured":true,"kind":null,"sortOrder":0,"category":"commercial","domain":null,"productStatus":null,"blobUrl":null,"createdAt":"2026-07-29T00:31:08.369Z","updatedAt":"2026-09-29T19:15:03.122Z"},{"id":87,"title":"Ben-Day Press","slug":"ben-day-press","mainImage":"https://xara0aietsxw98sw.public.blob.vercel-storage.com/playground/thumbs/ben-day-press-Zl8ANpADop7WeuT77WuqTsu3eb0t1o.png","mainVideo":null,"caseStudy":false,"published":true,"description":null,"technologies":"[\"canvas\",\"halftone\",\"interactive\"]","siteUrl":null,"caseStudyContent":null,"additionalImages":null,"featured":false,"kind":null,"sortOrder":0,"category":"playground","domain":null,"productStatus":null,"blobUrl":"https://xara0aietsxw98sw.public.blob.vercel-storage.com/playground/ben-day-press-4ZweBYfM1NT1Cz3ckvjLrv3ICH9pYn.html","createdAt":"2026-08-20T01:43:46.247Z","updatedAt":"2026-08-20T01:43:46.247Z"},{"id":88,"title":"NIWWTS","slug":"niwwts","mainImage":"https://www.piotrfilipecki.com/projects-content/draft-placeholder.svg","mainVideo":null,"caseStudy":false,"published":true,"description":"Generative graphics on shirts, hoodies and posters. Point a phone at one and it starts moving — no app, nothing to install.","technologies":"[\"Generative\",\"WebGL\"]","siteUrl":"https://niwwts.com","caseStudyContent":null,"additionalImages":null,"featured":false,"kind":"Generative","sortOrder":0,"category":"playground","domain":null,"productStatus":null,"blobUrl":null,"createdAt":"2026-08-20T01:43:46.388Z","updatedAt":"2026-08-20T01:43:46.388Z"},{"id":1,"title":"Prozak 2.0","slug":"prozak-20","mainImage":"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/prozak1-hyBoRSYrGjxlJ2893LCIAEGtFE45Wx.png","mainVideo":"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/videos/1770884541299-Nagranie_z_ekranu_2026-02-12_o_09.17.12-fpljP8Bs2y0y0apgPsQAF3DStIR8Sw.mp4","caseStudy":true,"published":true,"description":"Prozak 2.0\nWebsite for Kraków's iconic nightclub — home to world-class DJs and legendary parties. Bold, immersive design that captures the energy of the club experience.","technologies":"[\"Next.js\",\"TypeScript\",\"Prismic.io → custom headless CMS\",\"GSAP\",\"Webhooks\"]","siteUrl":"https://prozakclub.com","caseStudyContent":"Prozak 2.0 is an iconic Kraków nightclub, beloved by electronic music enthusiasts and world-renowned DJs alike. The venue needed a digital presence that would match the energy and reputation of their legendary parties — from intimate club nights to their signature Roof Party and Boat Party summer events.
Design & Development
Prozak 2.0 had outgrown their previous web presence. They needed a site that could:
I leaned into bold, full-bleed photography and minimal UI to let the atmosphere speak for itself.
The design strips away unnecessary chrome — no gimmicks, just the vibe. Dark color palette, editorial typography, and confident whitespace create a premium feel that matches the club's status in European nightlife.
Built a flexible content structure with Prismic CMS that allows the Prozak team to independently manage events, lineups, and gallery content. This gives them full control without needing developer support for day-to-day updates. The site originally ran on Prismic; it was later reworked onto a custom headless CMS — the same editorial workflow, without the third-party dependency.
Implemented responsive image optimization with Prismic's image API, lazy loading, and efficient asset delivery to ensure the image-heavy layout doesn't compromise load times.
A website that feels like stepping into the club itself — immersive, confident, and unapologetically bold. The new platform serves as a proper digital home for one of Kraków's most important cultural institutions.
This project reinforced that sometimes the best design decision is knowing what to leave out. For a venue with this much visual identity, the website's job is to amplify — not compete.
","additionalImages":"[\"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/shots/prozak-20-mobile-6z5pdzF0oMqtfcZPcsNTcA6oU5FzG3.png\",\"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/shots/prozak-20-desktop-p3tfaIcfXxKVGBl4gOB6vsNavvx4tk.png\"]","featured":true,"kind":"Nightlife brand · web","sortOrder":1,"category":"commercial","domain":null,"productStatus":null,"blobUrl":null,"createdAt":"2025-11-30T02:19:11.084Z","updatedAt":"2026-09-29T19:15:03.122Z"},{"id":84,"title":"Perchly","slug":"perchly","mainImage":"https://www.piotrfilipecki.com/projects-content/draft-placeholder.svg","mainVideo":null,"caseStudy":false,"published":true,"description":"Your own website with online booking and BLIK payments — for barbers, tattoo artists and beauticians.","technologies":"[\"SaaS\",\"Booking\",\"Payments\"]","siteUrl":"https://perchly.eu","caseStudyContent":null,"additionalImages":null,"featured":false,"kind":"Product","sortOrder":1,"category":"products","domain":"perchly.eu","productStatus":"Live","blobUrl":null,"createdAt":"2026-08-20T01:43:45.978Z","updatedAt":"2026-08-20T01:43:45.978Z"},{"id":89,"title":"Interactive Morph","slug":"interactive-morph","mainImage":"https://www.piotrfilipecki.com/projects-content/draft-placeholder.svg","mainVideo":null,"caseStudy":false,"published":true,"description":null,"technologies":"[\"Experiment\",\"Motion\"]","siteUrl":"https://interactivemorph.vercel.app/","caseStudyContent":null,"additionalImages":null,"featured":false,"kind":"Experiment","sortOrder":1,"category":"playground","domain":null,"productStatus":null,"blobUrl":null,"createdAt":"2026-08-20T01:43:46.493Z","updatedAt":"2026-08-20T01:43:46.493Z"},{"id":3,"title":"Amadeusz Design","slug":"amadeusz-design","mainImage":"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/amadeusz1-jrozgNyNvapnwqA2QKfPnfGekSirre.png","mainVideo":null,"caseStudy":true,"published":true,"description":"Amadeusz Design\nPortfolio and lead generation platform for a Polish architecture and interior design studio. Minimal, gallery-forward layout showcasing residential and commercial projects.","technologies":"[\"Next.js\",\"TypeScript\",\"Prismic.io\",\"Framer Motion\",\"Webhooks\"]","siteUrl":"https://amadeuszdesign.vercel.app/","caseStudyContent":"Overview\nAmadeusz Design is a Polish architecture and interior design studio specializing in residential and commercial spaces. They needed a website that would reflect their design philosophy: modern, refined, and detail-oriented — while also serving as a functional lead generation tool for their turnkey design services.\nMy Role\nDesign & Development (Solo)\nTech Stack\nReact, Next.js, CSS/SCSS\n\nThe Challenge\nArchitecture and interior design studios live or die by their visual portfolio — but many fall into the trap of either over-designed websites that distract from the work, or bland templates that fail to differentiate. Amadeusz Design needed something in between:\n\nA platform that lets their 3D renders and project photography take center stage\nClear service communication (residential, commercial, turnkey solutions)\nSeamless booking flow for free consultations\nA premium, contemporary feel that signals credibility to high-end clients\n\nApproach\nDesign Language\nI developed a minimal, gallery-forward layout with generous whitespace and restrained typography. The visual hierarchy prioritizes project imagery while keeping navigation intuitive. The aesthetic mirrors what you'd expect from a design studio that values precision and sophistication.\nContent Structure\nOrganized the portfolio into clear categories (houses, apartments, offices) with a consistent project presentation format. Each category reinforces that every project is approached as a unique challenge — not cookie-cutter solutions.\nConversion Focus\nIntegrated a prominent CTA for free online consultations throughout the user journey. The booking flow is frictionless — no unnecessary steps between interest and action.\nPolish Language & Local Market\nFull Polish-language implementation with copy that speaks directly to the local market, emphasizing their turnkey approach and the experience of their team.\nResults\nA clean, confident web presence that positions Amadeusz Design as a premium player in the Polish interior design market. The site functions both as a portfolio showpiece and a working sales funnel.\n\nKey Takeaways\nFor creative studios, the website itself is a portfolio piece. Every design decision — from micro-interactions to image cropping — communicates something about how the studio approaches their craft. The goal was to make that statement as clear and intentional as their interior work.","additionalImages":"[\"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/shots/amadeusz-design-mobile-1qo50Zf5hbzaHAfSfbykz5Xk2kh0NP.png\",\"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/shots/amadeusz-design-desktop-x84JXGnjBc6dFVkaD0GyPlwhmixbbO.png\"]","featured":true,"kind":"Studio identity · web","sortOrder":2,"category":"commercial","domain":null,"productStatus":null,"blobUrl":null,"createdAt":"2025-11-30T02:19:11.254Z","updatedAt":"2026-08-28T10:10:21.137Z"},{"id":85,"title":"Serwis Book","slug":"serwis-book","mainImage":"https://www.piotrfilipecki.com/projects-content/draft-placeholder.svg","mainVideo":null,"caseStudy":false,"published":true,"description":"Booking for service businesses. The site is up; the product is still in build.","technologies":null,"siteUrl":"https://serwisbook.pl","caseStudyContent":null,"additionalImages":null,"featured":false,"kind":"Product","sortOrder":2,"category":"products","domain":"serwisbook.pl","productStatus":"In build","blobUrl":null,"createdAt":"2026-08-20T01:43:46.052Z","updatedAt":"2026-08-20T01:43:46.052Z"},{"id":90,"title":"Page Transitions","slug":"page-transitions","mainImage":"https://www.piotrfilipecki.com/projects-content/draft-placeholder.svg","mainVideo":null,"caseStudy":false,"published":true,"description":null,"technologies":"[\"Experiment\",\"Next.js\"]","siteUrl":"https://nextjs-transitions-review.vercel.app/","caseStudyContent":null,"additionalImages":null,"featured":false,"kind":"Experiment","sortOrder":2,"category":"playground","domain":null,"productStatus":null,"blobUrl":null,"createdAt":"2026-08-20T01:43:46.559Z","updatedAt":"2026-08-20T01:43:46.559Z"},{"id":2,"title":"HultAI","slug":"hultai","mainImage":"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/hultai1-8vtkQHgJ83dyjYyhTAmowW2MCZihCd.png","mainVideo":null,"caseStudy":false,"published":true,"description":null,"technologies":null,"siteUrl":null,"caseStudyContent":null,"additionalImages":null,"featured":true,"kind":"AI product · web","sortOrder":3,"category":"commercial","domain":null,"productStatus":null,"blobUrl":null,"createdAt":"2025-11-30T02:19:11.178Z","updatedAt":"2026-07-29T11:20:28.329Z"},{"id":44,"title":"Krakass","slug":"krakass","mainImage":"https://www.piotrfilipecki.com/projects-content/draft-placeholder.svg","mainVideo":"/projects-content/krakass-loop.webm","caseStudy":false,"published":true,"description":null,"technologies":"[\"Experiment\",\"Web\"]","siteUrl":"https://krakass.pl","caseStudyContent":null,"additionalImages":"[\"/projects-content/krakass-characters.jpg\"]","featured":false,"kind":"Experiment","sortOrder":3,"category":"playground","domain":null,"productStatus":null,"blobUrl":null,"createdAt":"2026-07-29T00:31:08.893Z","updatedAt":"2026-08-20T01:43:46.617Z"},{"id":86,"title":"Unwrap","slug":"unwrap","mainImage":"https://www.piotrfilipecki.com/projects-content/draft-placeholder.svg","mainVideo":null,"caseStudy":false,"published":true,"description":null,"technologies":null,"siteUrl":"https://unwrap.pl","caseStudyContent":null,"additionalImages":null,"featured":false,"kind":"Product","sortOrder":3,"category":"products","domain":"unwrap.pl","productStatus":"Launching soon","blobUrl":null,"createdAt":"2026-08-20T01:43:46.112Z","updatedAt":"2026-08-20T01:43:46.112Z"},{"id":4,"title":"East Eventz","slug":"easteventz","mainImage":"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/easteventz1-jNBXQfvGTbyA20PMk73obduz0e9cpQ.webp","mainVideo":null,"caseStudy":false,"published":true,"description":null,"technologies":null,"siteUrl":null,"caseStudyContent":null,"additionalImages":null,"featured":true,"kind":"Events · web","sortOrder":4,"category":"commercial","domain":null,"productStatus":null,"blobUrl":null,"createdAt":"2025-11-30T02:19:11.340Z","updatedAt":"2026-09-29T19:15:03.122Z"},{"id":5,"title":"Otsochodzi","slug":"otsochodzi","mainImage":"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/ots-AIjUrLWCfQRuh7Npsd7AXBlHMjjANF.png","mainVideo":null,"caseStudy":false,"published":true,"description":null,"technologies":null,"siteUrl":null,"caseStudyContent":null,"additionalImages":null,"featured":true,"kind":"Music / artist · web","sortOrder":5,"category":"commercial","domain":null,"productStatus":null,"blobUrl":null,"createdAt":"2025-11-30T02:19:11.414Z","updatedAt":"2026-07-29T11:20:28.473Z"},{"id":6,"title":"Streetpark","slug":"streetpark","mainImage":"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/street-Jat0OKBdQYcCO4e2RLFsdiigcSyiB5.png","mainVideo":null,"caseStudy":false,"published":true,"description":null,"technologies":null,"siteUrl":null,"caseStudyContent":null,"additionalImages":null,"featured":true,"kind":"Retail brand · web","sortOrder":6,"category":"commercial","domain":null,"productStatus":null,"blobUrl":null,"createdAt":"2025-11-30T02:19:11.484Z","updatedAt":"2026-07-29T11:20:28.541Z"},{"id":12,"title":"Ekipa Holding","slug":"ekipa-holding","mainImage":"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/1772432255395-Zrzut_ekranu_2026-03-2_o_07.17.01-rN0FXDfm4OTdPasCwJoN0BoJMwcv8u.png","mainVideo":null,"caseStudy":false,"published":true,"description":"Ekipa Holding","technologies":"[\"Wordpress\",\"Custom Theme\"]","siteUrl":"https://ekipaholding.pl/","caseStudyContent":null,"additionalImages":"[\"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/shots/ekipa-holding-mobile-pGJWbm5Gw5kaR0A7rq5hc5ArhVcKC1.png\",\"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/shots/ekipa-holding-desktop-ecp0MyEcGO5Ct54RUYXWU6RBWAf3xa.png\"]","featured":true,"kind":null,"sortOrder":6,"category":"commercial","domain":null,"productStatus":null,"blobUrl":null,"createdAt":"2026-03-02T06:18:04.587Z","updatedAt":"2026-08-20T01:06:01.490Z"},{"id":8,"title":"Sayos","slug":"sayos","mainImage":"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/1770883571641-Zrzut_ekranu_2026-02-12_o_09.02.02-lr4NH3eFGnq1Lxc7DgSSQJsbef3DVp.png","mainVideo":"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/videos/1770883469651-Nagranie_z_ekranu_2026-02-12_o_09.02.03-nq1RAgpRSEfSfPR5gNhkWs3lhkyfaZ.mp4","caseStudy":false,"published":true,"description":"Sayos biiro arcjitektoniczne","technologies":"[\"Gatsby.js\",\"GSAP\",\"Headless\"]","siteUrl":"https://www.sayos.eu/","caseStudyContent":null,"additionalImages":"[\"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/shots/sayos-mobile-xCbgVt3zskRdy6wavGji1luahdKrmW.png\",\"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/shots/sayos-desktop-Bc67OjiT3oXENCkqHuPnVcYCRxJULC.png\"]","featured":true,"kind":null,"sortOrder":7,"category":"commercial","domain":null,"productStatus":null,"blobUrl":null,"createdAt":"2026-02-12T08:06:55.653Z","updatedAt":"2026-08-20T01:05:21.809Z"},{"id":46,"title":"LUUZ — a retro-FMCG trade one-pager with Figma-style comments built in","slug":"luuz","mainImage":"/projects-content/luuz-hero.jpg","mainVideo":null,"caseStudy":false,"published":true,"description":"A trade-facing one-pager for LUUZ, a Polish crushed-potato food brand pitching distribution partners: retro packaging energy (custom Ekamai display type, 3D-shadow headlines, blob-masked illustrations), a coverflow product carousel, and a cinematic scroll animation system with staggered word reveals. The twist is under the hood — a Figma-style comment layer: authenticated stakeholders pin comments to specific elements on the live page, so brand feedback lands exactly where it belongs instead of in an email thread.","technologies":"[\"Vite\",\"React\",\"TypeScript\",\"SCSS Modules\",\"Express + SQLite\"]","siteUrl":"https://luuz.me","caseStudyContent":null,"additionalImages":null,"featured":true,"kind":"Brand launch · web","sortOrder":9,"category":"commercial","domain":null,"productStatus":null,"blobUrl":null,"createdAt":"2026-07-29T00:31:09.006Z","updatedAt":"2026-08-20T01:21:02.278Z"},{"id":9,"title":"Internaziomale","slug":"internaziomale","mainImage":"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/1770884111544-Zrzut_ekranu_2026-02-12_o_09.12.23-v5GQhkSABBlpRSsrAllR7mY9pOBNpy.png","mainVideo":"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/videos/1770884124441-Nagranie_z_ekranu_2026-02-12_o_09.12.26-2rLPPSIqdhQIK1ZxZdI6Ts4Byts3fo.mp4","caseStudy":false,"published":true,"description":"Hollywod Smile XTREME Preorder Landing Page","technologies":"[\"React.js\",\"Three.js\",\"Shaders\",\"WebGL\"]","siteUrl":"https://www.internaziomale.pl/","caseStudyContent":null,"additionalImages":"[\"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/shots/internaziomale-mobile-zK6UJyHypHx3TEnkLFGYBcxFlrfkoq.png\",\"https://xara0aietsxw98sw.public.blob.vercel-storage.com/projects/shots/internaziomale-desktop-LYe2KVgctD5MB3s1Dy61wXGvHZ6L4G.png\"]","featured":true,"kind":null,"sortOrder":10,"category":"commercial","domain":null,"productStatus":null,"blobUrl":null,"createdAt":"2026-02-12T08:16:41.871Z","updatedAt":"2026-08-20T01:37:40.755Z"}]