MARCIN KINDERMAN
01 / 31
QR — otwórz prezentację na telefonie Otwórz u siebie na telefonieOpen on your phone
( CASE STUDY 01 — ©26 )

AI-driven
Liquid UI

WystąpienieConference talk AI × Banking Mobile Trends Conference · I DESIGN Kraków 2026
Kiedy interfejs generuje się sam, projektant przestaje rysować ekrany i zaczyna pisać reguły gry. Wystąpienie z Mobile Trends Conference i meetupu I DESIGN × Mobile Trends — tutaj w wersji, którą oglądasz jak slajdy. When the interface generates itself, the designer stops drawing screens and starts writing the rules of the game. A talk from Mobile Trends Conference and the I DESIGN × Mobile Trends meetup — presented here as browsable slides.
Przewijaj, użyjScroll, use space albo klikeraor a presenter remote · F pełny ekranfullscreen · 30 slajdówslides
I DESIGN x MOBILE TRENDS — HUMAN x AI: DESIGNING THE INVISIBLE
AI-driven Liquid UI
Kiedy interfejs generuje się sam,
a projektant tworzy reguły gry
When the interface generates itself —
and the designer writes the rules of the game
Marcin Kinderman · Dyrektor UXUX Director, Credit Agricole
Kraków · 09.07.2026
HUMAN x AI — DESIGNING THE INVISIBLE
Interfejs nie znika — rozpuszcza się i krystalizuje na żądanie The interface doesn't disappear — it dissolves and crystallises on demand
Niewidzialne stają się reguły gry — i to właśnie je projektujemy What becomes invisible are the rules of the game — and that's exactly what we design

Na tle konkurencjiAgainst the competition

Osiem banków, jeden wzorzec — ten sam interfejs dla każdego klienta. Eight banks, one template — the same interface for every customer.

Aplikacje bankowe w Polsce
Aplikacje bankowe w Polsce, stan na 2026Polish banking apps, as of 2026
SEKCJA 01SECTION 01
Czym jest ten cały vibe-coding? What is this whole vibe-coding thing?

„You just see things, say things, run things, and vibe”

Andrej Karpathy, luty 2025 — współtwórca OpenAI, b. szef AI w TesliFebruary 2025 — OpenAI co-founder, former Head of AI at Tesla

Prompt
„Stwórz stronę pokazującą najbogatszych ludzi na świecie…”“Build a page showing the richest people in the world…”
Tokeny AIAI tokens
model składa kod i interfejsthe model assembles code and interface
Gotowy interfejsA working interface
działający produkt w przeglądarcea live product in the browser
richesthumans.com
richesthumans.com — zbudowane jednym promptembuilt with a single prompt

Od promptu do produktu — na żywoFrom prompt to product — live

richesthumans.com — aplikacja zbudowana na jeden wieczóran app built in a single evening

Każdy może zacząć tworzyć — od ~15 EUR miesięcznie*Anyone can start building — from ~€15 a month*

</>

No-code / Low-code

Użytkownicy budują własne narzędzia bez programowania — Cursor, Bolt, Lovable.Users build their own tools without programming — Cursor, Bolt, Lovable.

🤖

AI Agents

Agenci AI wykonują zadania w imieniu użytkownika — od wyszukiwania po operacje finansowe.AI agents act on the user's behalf — from search to financial operations.

🧩

Modularyzacja UIModular UI

Widgety, klocki, komponenty — interfejs jako zestaw elementów do złożenia.Widgets, blocks, components — the interface as a kit of parts.

*cena rocznego pakietu Claude Proannual Claude Pro plan pricing
Lovable
lovable.dev — aplikacje budowane przez czat z AIapps built by chatting with AI
SEKCJA 02SECTION 02
Czy to oznacza koniec SaaS?Does this mean the end of SaaS?

Kończy się MOAT, który ograniczał tworzenie własnego oprogramowaniaThe moat that limited building your own software is drying up

Są jednak dwie szkoły — każda ma inne predykcjeYet there are two schools of thought — with opposite predictions

SZKOŁA 1 — „SAAS IS DEAD” (KLARNA)
SaaS is dead
SZKOŁA 2 — „SAASPOCALYPSE TO FARSAIS A FARCE
SaaSpocalypse is a farce
SEKCJA 03SECTION 03
Jak banki mogą wykorzystać ten trend na swoją korzyść? How can banks turn this trend to their advantage?
Nothing Phone (3)
Nothing Phone (3) — „Come to Play”

Nothing Playground

Użytkownik sam komponuje swój interfejs z modularnych elementówThe user composes their own interface from modular parts

źródło: Nothing, materiał produktowy Phone (3)source: Nothing, Phone (3) product film
To nie jest customizacja — to kreacjaThis isn't customisation — it's creation
Użytkownik decyduje o układzieThe user decides the layout
Widgety jako „klocki” interfejsuWidgets as interface “bricks”
Inspiracja dla naszej wizjiAn inspiration for our vision

Bank to instytucja zaufania publicznegoA bank is an institution of public trust

Banki mają unikalną przewagę w erze AIBanks hold a unique advantage in the AI era

01
DaneData
Dysponują danymi, których nie da się „wy-promptować”.They hold data you simply can't prompt your way into.
02
RegulacjeRegulation
KNF, PSD2, DORA — to nie ograniczenie, to moat.KNF, PSD2, DORA — not a constraint, a moat.
03
OperacjeOperations
Wykonują operacje finansowe z pełną odpowiedzialnością.They execute financial operations with full accountability.
Placówka Credit Agricole

Koniec ery SaaS w bankowościThe end of the SaaS era in banking

„Śmierć SaaS” to nie koniec oprogramowania — to koniec jednego interfejsu dla wszystkichThe “death of SaaS” isn't the end of software — it's the end of one interface for everyone

STARY MODELOLD MODEL
Jedna aplikacja = jeden interfejsOne app = one interface
Bank jako dostawca software'uThe bank as a software vendor
System rekordowy (SoR) w centrumSystem of record at the centre
Klient dostaje gotowy produktThe customer gets a finished product
NOWY MODELNEW MODEL
Platforma + modularne interfejsyA platform + modular interfaces
Bank jako dostawca danych i usługThe bank as a provider of data and services
API-first — klocki zamiast monolituAPI-first — bricks instead of a monolith
Klient tworzy własne doświadczenieThe customer composes their own experience

BankOS — bank jako platformathe bank as a platform

Trzy warstwy: interfejs na żądanie, certyfikacja, daneThree layers: interface on demand, certification, data

WARSTWA INTERFEJSUINTERFACE LAYER
Liquid UIEssential AppsAgent AIWidgety użytkownikaUser widgets
WARSTWA USŁUG I CERTYFIKACJISERVICES & CERTIFICATION LAYER
API bankoweBanking APIsCertyfikowane klockiCertified bricksReguły bezpieczeństwaSafety rulesGovernance
WARSTWA DANYCHDATA LAYER
Dane klientaCustomer dataTransakcjeTransactionsPrzelewyPaymentsKredytyLendingZgodność regulacyjnaRegulatory compliance

Liquid UI — interfejs na żądaniethe interface on demand

Interfejs, który nie jest zaprojektowany raz na zawszeAn interface that isn't designed once and for all

TRADYCYJNY UITRADITIONAL UI
Stały układ. Stałe menu. Dla wszystkich taki sam.Fixed layout. Fixed menu. The same for everyone.
LIQUID UI
Dynamiczny układ. Personalizowane widoki. Dla każdego inny.Dynamic layout. Personalised views. Different for everyone.
Przeciągnij klocki · kliknij, by zmienić kolorDrag the tiles · click to recolour

Essential Apps — klocki zamiast menubricks instead of menus

Zamiast 47 opcji w menu — certyfikowane komponenty do złożeniaInstead of 47 menu options — certified components to assemble

Saldo Historia Przelewy Kredyty PFM + kolejne klockimore bricks

Każdy klocek: audyt bezpieczeństwa, zgodność regulacyjna, certyfikat BankOS.Every brick: security audit, regulatory compliance, BankOS certification.

Przeciągnij klocek na telefon i złóż własny bankDrag a brick onto the phone and build your own bank
CA24 · Twój widokYour view
Upuść tutaj klocek,
żeby zbudować swój interfejs
Drop a brick here
to build your interface

Klient jako projektantThe customer as the designer

01

KontrolaControl

Klient decyduje, co widzi i jak. Nie bank narzuca interfejs — klient go współtworzy.The customer decides what they see and how. The bank doesn't impose the interface — the customer co-creates it.

02

PersonalizacjaPersonalisation

Każdy klient ma inny widok banku, dostosowany do jego potrzeb i kontekstu.Every customer gets a different view of the bank, fitted to their needs and context.

03

SprawczośćAgency

Relacja z bankiem przestaje być pasywna — klient staje się współtwórcą doświadczenia.The relationship stops being passive — the customer becomes a co-author of the experience.

Rola agenta AIThe role of the AI agent

Klient nie musi sam „kodować” — jego agent robi to za niegoThe customer doesn't have to “code” — their agent does it for them

„Zrób widget pokazujący, ile wieczorami wydaję w Żabce”“Make a widget showing how much I spend at Żabka in the evenings”
KlientCustomer
wyraża potrzebęexpresses a need
Agent AI
interpretuje • dobiera klocki • optymalizuje układinterprets • picks bricks • optimises layout
BankOS
waliduje • certyfikuje • wydajevalidates • certifies • ships
Twój BankYour Bank
nowy widget w aplikacjia new widget in the app
Certyfikowane klocki • zamknięty ekosystem • pełna audytowalnośćCertified bricks • a closed ecosystem • full auditability
DEMO KONCEPCYJNE — WIDGET NA ŻYCZENIECONCEPT DEMO — A WIDGET ON REQUEST
SEKCJA 04SECTION 04
Nowa rola UX — od projektowania ekranów do projektowania reguł The new role of UX — from designing screens to designing rules

Projektowanie granicDesigning boundaries

Nowa rola projektanta: od pikseli do ograniczeńThe designer's new role: from pixels to constraints

KIEDYŚ — PROJEKTANT EKRANÓWBEFORE — A DESIGNER OF SCREENS
FigJam board
Wireframe → Mockup → PrototypPrototype → Handoff
TERAZ — PROJEKTANT REGUŁNOW — A DESIGNER OF RULES
Co wolno?What's allowed?Jakie klocki i kombinacje są dozwolone.Which bricks and combinations are permitted.
Czego nie wolno?What's forbidden?Jakie układy są zabronione ze względów bezpieczeństwa.Which layouts are banned for safety reasons.
Co jest certyfikowane?What's certified?Które komponenty przeszły audyt i spełniają normy.Which components passed audits and meet the standards.
Zasady → Uprawnienia → Constraints → GovernancePrinciples → Permissions → Constraints → Governance

Co może pójść nie tak?What could go wrong?

Konkretne scenariusze zagrożeń, które BankOS musi adresowaćConcrete risk scenarios BankOS has to address

!
Widget z saldem na lock screenieA balance widget on the lock screenKtoś zagląda przez ramię — dane finansowe widoczne publicznie.Shoulder-surfing — financial data visible in public.
!
Ukryte ostrzeżenia regulacyjneHidden regulatory disclosuresUżytkownik tworzy widok, który pomija wymagane prawem informacje.A user composes a view that omits legally required information.
!
Pominięte kroki autoryzacjiSkipped authorisation stepsUproszczony interfejs omija zabezpieczenia transakcji.A simplified interface bypasses transaction safeguards.
!
Widget bankowy poza aplikacjąA banking widget outside the appCzy klient może wystawić dane bankowe poza bezpieczne środowisko?Can a customer expose banking data outside the safe environment?
Dlatego to MUSI działać w zamkniętym, certyfikowanym środowiskuThat's why it MUST run in a closed, certified environment BankOS decyduje, co jest dopuszczalne.BankOS decides what's permissible.
OpenClaw incident
Agent OpenClaw kasuje maile dyrektorki AI safety — luty 2026OpenClaw agent deletes an AI-safety director's emails — Feb 2026

Dark patterns generowane przez AIAI-generated dark patterns

Jeśli AI składa interfejs — kto odpowiada za manipulację?If AI assembles the interface — who's accountable for manipulation?

RYZYKOTHE RISK

AI może generować interfejsy, które:AI can generate interfaces that:

Ukrywają koszty i opłatyHide costs and fees
Utrudniają rezygnację z usługiMake cancelling harder
Wymuszają zgody przez UXCoerce consent through UX
Manipulują hierarchią informacjiManipulate information hierarchy
ODPOWIEDŹ BANKOSTHE BANKOS ANSWER

Zamknięty ekosystem zapewnia:A closed ecosystem provides:

Audyt każdego wygenerowanego UIAn audit of every generated UI
Whitelista dozwolonych wzorcówA whitelist of permitted patterns
Automatyczna walidacja regulacyjnaAutomated regulatory validation
Pełna odpowiedzialność bankuFull accountability of the bank

Co to oznacza dla UX leadershipuWhat this means for UX leadership

Cztery przesunięcia kompetencji lidera designuFour shifts in the design leader's craft

Craft
Governance
Od perfekcyjnych ekranów do systemowego zarządzania jakością.From perfect screens to systemic quality management.
PikselePixels
PolitykiPolicies
Od projektowania interfejsów do projektowania reguł i ograniczeń.From designing interfaces to designing rules and constraints.
Delivery
Enablement
Od dostarczania gotowych rozwiązań do umożliwiania tworzenia.From shipping finished solutions to enabling creation.
Control
Curation
Od kontroli nad każdym detalem do kuratorstwa dozwolonych wzorców.From controlling every detail to curating permitted patterns.
PUENTATHE POINT
Cyfrowa suwerenność dzięki kontroli nad interfejsem Digital sovereignty through control of the interface

Co z tym zrobić w poniedziałek?What to do with this on Monday?

Nie musisz budować BankOS-u, żeby zacząć projektować regułyYou don't need to build a BankOS to start designing rules

🧠

Rulebook zamiast kolejnej makietyA rulebook instead of another mockup

Spisz reguły gry dla jednej powierzchni produktu: co wolno, czego nie wolno, co wymaga certyfikacji. To pierwszy artefakt nowej roli.Write down the rules for one product surface: what's allowed, what's forbidden, what needs certification. The first artefact of the new role.

🧱

Design system gotowy na generowanieA design system ready for generation

Semantyczne tokeny i metadane komponentów — opisz nie tylko, jak komponent wygląda, ale kiedy wolno go użyć. Design system staje się kontraktem dla AI.Semantic tokens and component metadata — describe not just how a component looks, but when it may be used. The design system becomes a contract for AI.

🛡️

Evale zamiast testów pojedynczych ekranówEvals instead of single-screen tests

Testujesz przestrzeń możliwych widoków, nie jeden ekran. Szukaj dark patterns, zanim znajdzie je klient — albo regulator.You test the space of possible views, not one screen. Hunt for dark patterns before a customer — or a regulator — finds them.

WIZJA — MATERIAŁ WYGENEROWANY PRZEZ AI (VEO)A VISION — AI-GENERATED FOOTAGE (VEO)
JEDNO ZDANIE NA KONIECONE SENTENCE TO CLOSE
Kontrola w Twoich rękachControl in your hands
Klient decyduje, co widzi i jak — nie bank narzuca interfejs, klient go współtworzy. The customer decides what they see and how — the bank doesn't impose the interface, the customer co-creates it.
Dziękuję!Thank you!
Zapraszam do dyskusji — tu i po spotkaniuLet's keep the conversation going — here and after the talk
QR — prezentacja online
Zabierz tę prezentację ze sobąTake this deck with you Zeskanuj kod — slajdy, dema wideo i interakcje działają w przeglądarce: Scan the code — slides, video demos and interactions run in the browser: marcinkinderman.com/liquid-ui.html
Marcin Kinderman · Dyrektor UXUX Director, Credit Agricole
LinkedIn ↗
Marcin Kinderman na scenie Mobile Trends Conference 2026
NA ŻYWOLIVE

To wystąpienie miało premierę na scenieThis talk premiered on stage

Pierwsza wersja — „Vibe-coding finansów” — na Mobile Trends Conference 2026 w Krakowie. Wersję, którą właśnie przewinąłeś, przygotowałem na meetup I DESIGN × Mobile Trends jako „AI-driven Liquid UI”.The first cut — “Vibe-coding finance” — at Mobile Trends Conference 2026 in Kraków. The version you've just scrolled through was created for the I DESIGN × Mobile Trends meetup as “AI-driven Liquid UI”.