Sekcja 1: Hero | Narracja: hook | Pytanie: „Nie mam czasu ani umiejętności na porządny UX" | Cel: reframing — to nie mój brak, to brak narzędzia
auto_awesome Early access

UX lead pod ręką. Do każdego projektu.

Narzędzie do planowania stron z ekspertyzą specjalisty UX, wspierane przez AI. Nie zastąpi Twojego myślenia, ale ustrukturyzuje proces od briefu do wireframe'u.

  • ✓ Profesjonalny proces UX — Bez tygodni i tysięcy złotych wydanych na agencje.
  • ✓ Realny copy w dowolnym języku — Koniec z lorem ipsum. Wireframe od razu z realnym copy.
  • ✓ 16 typów stron i accessibility — 92 pliki wiedzy: typy stron, wzorce sekcji, accessibility.
  • ✓ Kontekst żyje w plikach — Kontynuuj tam, gdzie skończyłeś. Decyzje żyją w plikach, nie w czacie.
  • ✓ Decyzje z alternatywami — Każda opcja z opisem co zyskujesz i czym płacisz.
  • ✓ Kupujesz raz, używasz wszędzie — Działa na Twoim koncie Claude, ChatGPT lub Gemini.
lock_open Odblokuj dostęp do early access

Limit 30 miejsc. Otwarta przedsprzedaż ruszy za 1-2 miesiące.

Asystent UX v2.6

▸ Discovery — Identyfikuje typ strony: B2B SaaS
  Ładuje: domains/b2b/ + domains/b2b-saas/

  Założenia:
  🟢 Typ strony: B2B SaaS (z kontekstu)
  🟡 Główny cel: lead generation (zweryfikuj)
  🔴 Poziom świadomości: brak danych (wyjaśnij)

  Checkpoint: Potwierdź lub skoryguj założenia ▮
Terminal: symulacja asystenta w Discovery. Confidence tiers (zielony/żółty/czerwony) + checkpoint.
Sekcja 2: Zastosowanie | Narracja: hook → evidence | Pytanie: „Czy to jest dla mnie?" | Cel: rozpoznanie własnej sytuacji

Zastosowanie

Co możesz z tym zrobić? Ta strona to jeden z przykładów.

Designer: Od briefu do wireframe'u w 2-3 godziny.

Dostajesz brief na stronę. W 2-3h masz discovery, strategię i wireframe z realnym copy. Otwierasz Figmę z gotowym planem.

  • Strategia z sitemapą i voice briefem. Wiesz co projektować zanim otworzysz Figmę.
  • Wireframe z realnym copy. Layout budowany pod faktyczne treści.
  • Decision log. Uzasadnienie dla klienta, dlaczego tak a nie inaczej.

Wireframe w Google Doc · Wireframe w Figma AI

Wrzuciłem plik od asystenta do Figma AI i w 5 minut miałem gotowy wireframe. Bez rysowania od zera.

Twórca: Vibe coding z uzasadnioną strukturą.

Budujesz stronę w Cursor czy Bolt. Wygląd jest, ale skąd te sekcje? Asystent daje wireframe z uzasadnionymi decyzjami jako input do codingu.

  • Wireframe z sekwencją sekcji i uzasadnieniem. Cursor/Bolt dostaje plan i buduje z niego.
  • Project context z personą i awareness level. Cursor/Bolt generuje kod pod konkretny przekaz.
  • Strategia z messaging hierarchy. Wiesz co strona ma komunikować.

Wireframe · Projekt w Google Stitch · Projekt w Gemini

Wrzuciłem wireframe do Google Stitch i Gemini. Wstępne wersje designu w kilka minut, z gotowym copy i strukturą.

Marketer: Profesjonalny brief dla agencji maksymalnie w 2-3 godziny.

Zlecasz stronę agencji. Dostarczasz project context z personami, celami i strategię z sitemapą. Agencja zaczyna pracę, nie zadaje pytań.

  • Project context z personami, celami i top taskami. Brief, z którego agencja zaczyna pracę.
  • Strategia z sitemapą. Struktura strony z notatkami per podstrona.
  • Voice brief. Ton komunikacji ustalony przed designem.

Project context · Plan strony

Agencja dostaje project context i strategię zamiast luźnego briefu. Zaczyna pracować od razu, bez rundy pytań.

Project Manager: Koncept do akceptacji klienta w kilka godzin.

Klient czeka na strukturę strony. Dostajesz architekturę z uzasadnieniem, włącznie z odrzuconymi sekcjami i powodem. Mniej rund poprawek.

  • Strategia z uzasadnieniem i odrzuconymi opcjami. Klient widzi uzasadnienie za każdą decyzją.
  • Decision log. Dokumentacja dla zespołu i przyszłych sesji.
  • Wireframe z annotacjami. Specyfikacja do wyceny i realizacji.

Strategia z uzasadnieniem · Decision log

Zamiast trzech rund poprawek, jedna. Klient widzi uzasadnienie za każdą decyzją.

Sekcja 3: Proces | Narracja: evidence | Pytanie: „Jak to właściwie działa?" | Cel: zrozumienie — to jest prawdziwy proces UX, nie automat

Proces

Ta strona to przykład procesu i dokumentacji. Powstała w weekend.

▢
01

Discovery

Opisujesz swój projekt, nawet jednym zdaniem. Asystent identyfikuje typ strony, formuje założenia o branży, odbiorcy i konkurencji z oznaczeniem pewności (🟢 🟡 🔴). Korygujesz co trzeba.

Output: project_context.md

Asystent zrozumiał projekt z krótkiego briefu i podsumował kontekst, persony i top taski. Bez godzin wywiadu.

◆
02

Strategia i IA

Asystent proponuje format strony i 2–3 archetypy strategiczne, każdy z opisem co optymalizuje i czym poświęca. Wybierasz. Asystent generuje sitemapę z notatkami per strona.

Output: ux_strategy.md

Strategia, sitemap i voice brief trafione za pierwszym podejściem. Nie musiałem nic zmieniać.

●
03

Template Inventory

Dla projektów wielostronicowych: asystent analizuje sitemapę, grupuje strony po celu i typie treści, identyfikuje reusable szablony i sekcje z wariantami.

Output: template_inventory.xlsx + .md

Przydatne w większych projektach. Mapuje sekcje, identyfikuje powtarzalne szablony i przygotowuje grunt do wyceny.

▦
04

Wireframing

Asystent proponuje sekwencję sekcji z uzasadnieniem. Po zatwierdzeniu pisze pełny wireframe z realnym copy, CTA, micro-copy, tone tagami i 5 stanami interaktywnych sekcji.

Output: wireframe.md

Zajął 2-3 godziny. Struktura była od razu, większość czasu poszła na dopracowanie tekstów.

⚌
05

Review

Asystent audytuje dowolny deliverable w 6 wymiarach: kompletność, spójność, jakość, język, obciążenie kognitywne, jakość na poziomie strony. Dostarcza diagnozę i rekomendacje.

Output: Raport audytu

Audyt złapał 3 niespójności w copy i brakujący CTA. Bez niego bym tego nie zobaczył.

▩
06

Decision Log

Każda ważna decyzja projektowa jest zapisywana: co zdecydowano, jakie były alternatywy, jaki był powód. Po miesiącu wiesz dlaczego tak, nie zgadujesz.

Output: decision_log.md

Historia zmian i decyzji z uzasadnieniem. Wiesz dlaczego tak, a nie inaczej.

pause_circle_outline

Na każdym etapie asystent zatrzymuje się, pokazuje 2–3 opcje z trade-offami i czeka na Twoją decyzję.

To Ty prowadzisz. Asystent wykonuje.

Sekcja 4: Cennik | Narracja: resolution | Pytanie: „Ile to kosztuje?" | Cel: „to jest w moim zasięgu"
auto_awesome Cennik early access. Limit 30 miejsc.

Cennik

Jednorazowy zakup. 14 dni na zwrot. Bez subskrypcji. Bez ukrytych kosztów.

Konsultant UX za sam discovery i strategię weźmie 3 000–8 000 zł. Samodzielne wypracowanie procesu to tygodnie prób i błędów. Ten asystent daje Ci sprawdzony proces za ułamek tej kwoty.

Solo

1 użytkownik

Early access

1 299 zł

599 zł

netto + VAT 23%

  • ✓ 92 pliki wiedzy
  • ✓ 16 typów stron
  • ✓ Pliki asystenta w aktualnej wersji (v2.6)
  • ✓ 6 mies. aktualizacji
  • ✓ Community Discord
lock_open Odblokuj early access

Studio

Do 5 użytkowników

Early access

2 499 zł

799 zł

netto + VAT 23%

  • ✓ 92 pliki wiedzy
  • ✓ 16 typów stron
  • ✓ Pliki asystenta w aktualnej wersji (v2.6)
  • ✓ 6 mies. aktualizacji
  • ✓ Community Discord
lock_open Odblokuj early access

Agencja

Bez limitu użytkowników

Early access

4 999 zł

1 499 zł

netto + VAT 23%

  • ✓ 92 pliki wiedzy
  • ✓ 16 typów stron
  • ✓ Pliki asystenta w aktualnej wersji (v2.6)
  • ✓ 6 mies. aktualizacji
  • ✓ Community Discord
  • ✓ 1x konsultacja z autorem
lock_open Odblokuj early access

Jednorazowy zakup. Działa na Twoim koncie Claude, ChatGPT lub Gemini. Ceny early access — po zakończeniu early access wrócą do standardowych.

Sekcja 5: Demo | Narracja: evidence | Pytanie: „Chcę sprawdzić zanim zapłacę" | Cel: „asystent działa, widzę wartość"

Wypróbuj za darmo

Przetestuj asystenta na żywym projekcie dla NGO.

Wersja demo zawiera wiedzę tylko o stronach NGO i prowadzi Cię przez 3 etapy. Opisz swoją organizację lub użyj gotowego scenariusza.

Uruchom w ChatGPT open_in_new Pobierz demo Jak pracować z asystentem
▢

Etap 1: Discovery

Zrozum projekt, odbiorców i cele organizacji.

◆

Etap 2: Strategia

Zaplanuj strukturę i przekaz strony nonprofitowej.

▦

Etap 3: Wireframing

Wireframe z realnym copy, gotowy do designu. Domena ograniczona do stron nonprofitowych.

Sekcja 6: Platformy | Narracja: evidence | Pytanie: „Czy to zadziała w moim środowisku?" | Cel: pewność techniczna

Platformy

Jeden folder. Działa na platformach, których już używasz.

public

Claude / ChatGPT w przeglądarce

Jako instrukcja projektu

auto_awesome

Custom GPTs / Gemini Gems

Kompatybilny jako knowledge + instruction set

terminal

Claude Code (CLI)

Pełny dostęp do plików, bezpośredni zapis deliverables

code

VS Code / IDE

Zintegrowane z Twoim środowiskiem pracy

W paczce kupujesz kompletne narzędzie.

  • ❯❯ agent.md — Pełna definicja asystenta z 6 workflow-ami
  • ❯❯ references/ — 92 pliki wiedzy domenowej (16 typów stron, 14 obszarów)
  • ❯❯ scripts/ — Skrypt Python do generowania Excel
  • ❯❯ Dokumentacja — Instalacja i konfiguracja

Brak dodatkowych zależności. Wgrywasz folder, otwierasz platformę i zaczynasz pierwszy projekt.

Sekcja 7: Problemy status quo | Narracja: tension | Pytanie: „Mam problem z procesem UX, ale nie wiem czy to normalne" | Cel: walidacja — to nie mój brak umiejętności

Problem

UX bywa tym etapem, na który „nie ma czasu".

payments

Zbyt wysokie koszty

Porządny proces to tysiące złotych albo tygodnie pracy, na które nie każdy startup może pozwolić.

description

Brak fundamentów

Nie ma discovery, nie ma strategii. Jest pusta Figma i deadline za tydzień.

format_quote

Problem z treścią

Projektujesz wygląd, a treść jest „na później". W efekcie design nie pasuje do realnego przekazu.

forum

Chatbot to nie proces

Zwykłe prompty dają losowe fragmenty wiedzy. Żaden nie pamięta co było w poprzednim.

Sekcja 8: Wprowadzenie kategorii | Narracja: tension → evidence | Pytanie: „Narzędzia AI do UX to chatboty i szablony" | Cel: reframing — istnieje nowa kategoria

Dlaczego powstał

Zbudowałem asystenta, którego sam chciałem mieć.

Chatbot → odpowiada na pytania
Kolekcja promptów → daje fragmenty
Szablony UI → daje wygląd bez treści
Asystent UX → prowadzi cały proces

od briefu do wireframe'u z checkpointami i plikami

Kontekst z Discovery wpływa na wireframe. Decyzje ze Strategii kształtują architekturę sekcji. Nic nie ginie. Wszystko jest w plikach, nie w czacie.

Sekcja 9: Architektura | Narracja: evidence | Pytanie: „Czy to jeden prompt czy coś więcej?" | Cel: „za tym stoi poważna robota architektoniczna"

Pod maską

To nie jest jeden prompt. To przemyślana architektura.

Asystent to instrukcja działania + 92 pliki wiedzy domenowej, ładowane na żądanie. Dojście do tej architektury zajęło kilka miesięcy. Obecna architektura to trzecie podejście. Dwa wcześniejsze nie spełniały wymagań.

agents/ux-designer/
├── agent.md                  ← Zawsze załadowany
├── references/
│   ├── constitution.md      ← Tożsamość i filozofia
│   ├── workflows.md         ← 6 procesów
│   ├── shared/              ← 14 plików cross-domain
│   └── domains/             ← 14 typów stron
│       ├── b2b/              ← Baza B2B (shared)
│       ├── b2b-saas/         ← SaaS-specific
│       ├── b2b-services/     ← Usługi B2B
│       ├── b2b-industrial/   ← Producenci
│       ├── ecommerce/
│       ├── portfolio/
│       ├── local-business/
│       ├── marketplace/
│       ├── ...               ← 14 domen łącznie
│       └── nonprofit/
└── assets/
    ├── templates/           ← Szablony deliverables
    └── scripts/             ← Excel generator

01

Wiedza oddzielona od instrukcji. Agent.md definiuje logikę, folder references/ przechowuje wiedzę merytoryczną.

02

Pliki ładowane na żądanie. Asystent dynamicznie wykrywa typ strony i ładuje tylko odpowiedni pakiet danych.

03

Jeden asystent, pełen cykl. Jeden asystent prowadzi od discovery do wireframe'u. Kontekst nie ginie.

04

Checkpointy na każdym etapie. Wymuszone punkty kontrolne gwarantują, że błąd złapany wcześnie kosztuje zero.

05

Najpierw założenia, potem pytania. Confidence tiers pozwalają asystentowi działać proaktywnie przy zachowaniu kontroli.

06

Copy prowadzi design. Asystent najpierw projektuje strukturę treści i realny copy, zamiast polegać na placeholderach.

07

Pliki jako pamięć projektu. Stan projektu zapisywany jest w plikach markdown, niezależnie od ulotnej sesji czatu.

08

Audyt dostarcza diagnozę. Asystent generuje rekomendacje oparte na audycie. Zmiany wprowadzasz Ty.

Sekcja 10: Porównanie | Narracja: evidence | Pytanie: „Czym to się różni od tego, co już próbowałem?" | Cel: jasność — żadna alternatywa nie daje pełnego procesu z plikami

Porównanie

Czym to się różni od ChatGPT, promptów, szablonów i konsultanta UX?

Asystent UX ChatGPT / chatboty Kolekcje promptów Szablony UI Konsultant UX
Pełen proces UX ✓
6 workflow-ów end-to-end		 ✗
odpowiedzi bez procesu		 ✗
fragmenty bez kontekstu		 ✗
wygląd bez procesu		 ✓
pełen cykl
Realne pliki ✓
.md, .xlsx		 ✗
wiadomości czatowe		 ✗
prompty		 ✗
pliki graficzne		 ✓
dokumenty
Kontekst między sesjami ✓
pliki trwałe		 ✗
każda sesja od zera		 ✗
każdy prompt od zera		 — ✓
w głowie konsultanta
Checkpointy i decyzje ✓
opcje z trade-off		 ✗ ✗ ✗ ✓
spotkania i konsultacje
Realny copy ✓
w języku projektu		 ~
generyczny		 ✗
szablonowy		 ✗
lorem ipsum		 ✓
profesjonalny
Koszt jednorazowo ~100 zł/mies. 50–300 zł jednoraz. 100–500 zł jednoraz. 5 000–20 000 zł za projekt
Sekcja 11: Baza wiedzy | Narracja: evidence | Pytanie: „Co jest w środku?" | Cel: imponująca skala i głębia

Baza wiedzy

Pod spodem siedzi baza wiedzy, którą jako UX Design Lead zbierałem latami.

Mapa wiedzy asystenta →

Typy stron (16)

  • B2B SaaS Produkty subskrypcyjne
  • B2B Services Agencje, konsulting
  • B2B Industrial Producenci, dystrybutorzy
  • E-commerce Sklepy online, DTC
  • Portfolio Studia, freelancerzy
  • Local Business Usługi lokalne
  • Marketplace Platformy dwustronne
  • Community Grupy, fora
  • Course Kursy, szkolenia
  • Media Wydawcy, blogi
  • Event Konferencje
  • Nonprofit Fundacje, NGO
  • Enterprise Narzędzia korporacyjne
  • Government Instytucje publiczne
  • Documentation Bazy wiedzy
  • Service Utility Narzędzia online

Frameworki UX (13)

  • Design Psychology Don Norman
  • Hierarchy of User Needs Aarron Walter
  • Usability Heuristics Jakob Nielsen
  • Conversion Optimization Chris Goward
  • Customer Centric Design Oli Gardner
  • Emotional Targeting Talia Wolf
  • Buyer Legends Narrative Bryan Eisenberg
  • FAST Persuasion Patrick Campbell
  • Narrative Arc Hook, tension, evidence, resolution
  • ResearchXL Peep Laja
  • Messaging Hierarchy B2B 5-layer
  • Awareness Model 5 poziomów
  • Funnel Psychology Awareness, consideration, decision

Wzorce sekcji (50+) z wariantami

  • Hero Warianty otwarcia strony
  • Nawigacja Sticky, mega menu, mobile
  • Social proof Testimoniale, loga, case study
  • FAQ / obiekcje Accordion, 4 bariery
  • Formularze Lead capture, kontakt, RFQ
  • Cennik Tiery, anchor pricing, decoy
  • Porównanie Tabele vs. konkurencja
  • Case study Wynik + cytat + metryki
  • Pricing page Psychologia cen, tiery
  • Comparison vs. pages, switcher proof
  • Trust bar Loga, badges, certyfikaty
  • Stats block Metryki, skala, impact
  • Sticky CTA Floating, bottom bar
  • Mid-page CTA Kontekstowe wezwanie
  • + 35 kolejnych
Sekcja 12: FAQ | Narracja: resolution | Pytanie: „Mam jeszcze wątpliwości" | Cel: rozwiązanie wątpliwości przed zakupem

FAQ

Co warto wiedzieć przed zakupem.

01. „Czy mogę to zrobić sam?"

Możesz. Jeśli masz doświadczenie UX, możesz zbudować własną bazę wiedzy i instrukcje. Pytanie ile godzin chcesz na to poświęcić. Za asystentem stoi kilka miesięcy pracy nad architekturą, bazą wiedzy z deep research i procesem, który łączy to w spójny workflow. Kupujesz gotowy system: architekturę, bazę wiedzy i proces w jednym pakiecie.

02. „Czy output nie brzmi jak AI?"

Domyślnie może. Asystent buduje przekaz (co powiedzieć i dlaczego), ale styl zależy od wytycznych. Wrzuć próbkę swojego copy, a asystent złapie ton i będzie pisać w Twoim stylu. Pracuję nad filtrem anti-slop, który wyeliminuje typowe konstrukcje AI.

03. „Czy to jeden prompt czy coś więcej?"

To system. Instrukcja asystenta, 92 pliki wiedzy domenowej ładowane na żądanie, skrypt do generowania Excel. Wiedza jest oddzielona od instrukcji działania. Pliki ładują się gdy są potrzebne, żeby nie zapychać kontekstu. Dojście do tej architektury zajęło kilka miesięcy, po drodze wyrzuciłem dwa inne podejścia.

04. „Czy asystent działa tak samo dobrze dla każdego typu strony?"

Każdy z 16 typów stron ma własny pakiet wiedzy: archetypy, wzorce sekcji, pytania discovery, checklisty. Planuję dodawanie nowych typów. Jeśli trafisz na słabszy obszar, daj znać.

05. „Ile czasu zaoszczędzę?"

Dla typowego projektu strony: 2-4 godziny od briefu do wireframe'u z realnym copy. Samodzielnie ten sam zakres (discovery, strategia, sitemap, wireframe) zajmuje dni. Ile dokładnie zaoszczędzisz zależy od dopracowania copy.

06. „Co jeśli output wymaga poprawek?"

Będzie wymagał. Asystent daje strukturę, przekaz i realny copy, ale Ty znasz swojego klienta lepiej. Checkpointy na każdym etapie pozwalają korygować na bieżąco, zamiast poprawiać na końcu. Im więcej kontekstu dasz na starcie, tym mniej poprawek potem.

07. „Czy będą aktualizacje?"

Tak. 6 miesięcy aktualizacji w pakiecie. Mam backlog: rozbudowa inventory (czytanie istniejącej strony klienta), anti-slop filter, nowe typy stron, lepsze pokrycie niektórych obszarów. Liczę też na feedback z early access.

08. „Na jakich platformach to działa?"

Claude, ChatGPT, Gemini, VS Code. Potrzebujesz konta na jednej z tych platform. Asystent nie wymaga dodatkowych zależności poza skryptem Python do generowania Excel.

Sekcja 13: Twórca | Narracja: evidence | Pytanie: „Kto za tym stoi?" | Cel: zaufanie osobiste

Twórca

Kto za tym stoi

Zdjęcie autora — Tomasz Maciąg

Doświadczenie

15+ lat

Tomasz Maciąg,

Founder Fuse Collective.

Projektuję strony i systemy identyfikacji dla firm od ponad 15 lat. Asystenta UX zbudowałem, bo sam potrzebowałem procesu, który mogę powtarzać w każdym projekcie klienckim. Używam go na co dzień.

Kontakt bezpośredni

tomasz@creativesparks.pl →

Masz pytania? Napisz na powyższy adres.