Interaktywny projekt

Bezpłatna konsultacja Projekty

Projektujemy Twoją aplikację, stronę lub SaaS tak, że od razu działa i klika się jak gotowy produkt - na komputerze i telefonie. W tej samej cenie i czasie co zwykły projekt graficzny.

Pracowaliśmy dla najlepszych firm i startupów

Wyzwania

Dwa razy projektujesz, raz wdrażasz

Projekt graficzny to dopiero instrukcja - ktoś musi ją potem przepisać na działający produkt. To jest drugi koszt, zwykle zbliżony do pierwszego, plus tarcia na styku projektu i kodu.

  • „Decyzje zapadają na martwych makietach”

    Decydent akceptuje obrazki, a potem nie poznaje gotowego produktu. Na statycznej makiecie nie sprawdzisz, czy ścieżka naprawdę działa - realne wnioski daje dopiero wersja, którą da się kliknąć.

  • „Termin rozjeżdża się w fazie przepisywania”

    Między „mamy projekt" a „mamy działający produkt" mijają tygodnie przekładania obrazków na kod. W tym czasie zakres się zmienia, zapał opada, a data premiery zostaje ta sama.

  • „Poprawka powstaje dwa razy”

    Projektant twierdzi, że zrobił dokładnie tak, jak ustalono; programista, że w kodzie tak się nie da. Każda zmiana wchodzi najpierw do projektu, potem do implementacji - i za drugim razem wygląda już inaczej.

  • „Automat kończy na siedemdziesięciu procentach”

    Generatory (V0, Lovable, Bolt) składają szkielet w kilka godzin. Ostatnie trzydzieści procent - logowanie, stany błędu, dostępność, spójność między ekranami - dalej wymaga projektanta i programisty.

Dla kogo

Dla kogo to jest

  • Właściciel albo sponsor projektu

    Cztery do ośmiu godzin miesięcznie. Decyzje strategiczne i akceptacja etapów - na działającym demo, nie na slajdach.

  • Osoba odpowiedzialna za produkt

    Dwie do czterech godzin tygodniowo. Codzienne rozstrzygnięcia, kierunek i udział w cotygodniowym pokazie na żywej wersji.

  • Osoba odpowiedzialna za technikę

    Godzina do dwóch tygodniowo. Spojrzenie techniczne, integracje i przejęcie kodu po zakończeniu - dostęp do repozytorium ma od pierwszego dnia.

  • Kiedy odradzamy

    Gdy decyzje podejmuje u Was jedna osoba, gdy nie ma zespołu, który przejmie kod, albo gdy szukacie najtańszej opcji. W każdym z tych trzech wypadków ta usługa się nie zwróci i mówimy to na pierwszej rozmowie.

Wydruki czterech układów interfejsu na stole: pulpit, ekran telefonu, formularz i tabela, jeden blok zakreślony markerem

Nasza różnica

Czym różni się od zwykłego projektu

  • Akceptujesz wersję, którą da się kliknąć

    Zamiast przeglądu obrazków dostajesz link. Przechodzisz ścieżkę tak, jak zrobi to użytkownik, i dopiero wtedy mówisz „tak" - na komputerze i na telefonie.

  • Faza przepisywania odpada

    Projekt powstaje od razu w docelowym standardzie kodu, więc nie ma etapu tłumaczenia makiety na implementację. Zespół techniczny kontynuuje, zamiast zaczynać od zera.

  • Poprawka wchodzi w jednym miejscu

    Jedno źródło prawdy zamiast pary „plik projektowy plus repozytorium". Znika klasa rozjazdów, w których produkcja różni się od zaakceptowanego projektu, bo nikt nie zsynchronizował drugiej kopii.

  • Ostatnie trzydzieści procent robi człowiek

    Generator dowozi szkielet; my dowozimy to, na czym szkielet się wykłada - stany błędów i pustki, dostępność z klawiatury, spójność komponentów i zachowanie na realnych danych.

Proces

Cztery etapy, co tydzień pokaz na żywej wersji

  1. Tydzień 1

    Spotkanie startowe

    Poznajemy się z całą trójką decyzyjną, ustalamy zakres i rytm cotygodniowych pokazów. Etap kończy się akceptacją zakresu.

  2. Tydzień 1–2

    Rozpoznanie i plan

    Rozpoznanie, układ ekranów, kierunek wizualny i podstawy systemu komponentów. Zostaje krótki plan do pięciu stron, zaakceptowany przez całą trójkę.

  3. Tydzień 3 i dalej

    Kolejne wersje co tydzień

    Projektujemy i budujemy działającą wersję. Co tydzień pokaz na żywym linku, po każdej rundzie akceptacja - wartość dostajesz tygodniowo, nie po dwunastu tygodniach naraz.

  4. Ostatni tydzień

    Przekazanie

    Nagranie przekazujące, dokumentacja i instrukcja uruchomienia. Od tego momentu rusza okno wsparcia - odpowiadamy na pytania i robimy drobne poprawki.

Zakres

Co zostaje po Twojej stronie

  • Klikalny produkt pod prywatnym linkiem

    Zabezpieczony hasłem, dostępny na komputerze i telefonie. Testujesz go wewnętrznie i z użytkownikami; kilka osób może klikać równolegle, każda na swoich danych, bez kolizji.

  • Gotowy kod z pełnymi prawami

    Kod w powszechnie używanym standardzie, gotowy do dalszej pracy. Pełne prawa majątkowe przechodzą na Ciebie po opłaceniu, więc Twój zespół albo software house kontynuuje bez przepisywania.

  • System wizualny z dokumentacją

    Komponenty, kolory, typografia i wzorce jako jedna baza dla całej rodziny produktów - z dokumentacją pisaną tak, żeby czytał ją zespół techniczny, nie tylko projektant.

  • Przekazanie i okno wsparcia

    Nagranie wideo z omówieniem i instrukcja uruchomienia, a po nich kilka tygodni, w których odpowiadamy na pytania i robimy drobne poprawki.

Warsztat

Na czym to stoi

Powszechnie używany standard, nie autorski wynalazek - Twój zespół ma przejąć ten kod bez kursu wprowadzającego.

Blat warsztatowy z góry: dwa wydruki układu interfejsu, lupa powiększająca jeden blok, stalowa linijka i wzornik szarości od bieli do czerni, jedna linia podkreślona pomarańczowym markerem
  • React
  • TypeScript
  • Tailwind CSS
  • Vite
  • MSW (atrapy zapytań sieciowych)
  • Faker.js z polskimi danymi
  • Zustand
  • Storybook

Następny krok

Porozmawiajmy o Waszym projekcie

Powiedzcie, co macie do zrobienia. Wracamy z zakresem i wyceną.

Bezpłatna konsultacja Projekty

Realizacje

Wybór z portfolio

Realizacje w tym modelu prowadzimy pod poufnością, w układzie white-label pod marką partnera, więc nie pokazujemy ich z nazwy. Poniżej przekrój projektów, które prowadził ten sam zespół pod własnym szyldem.

Projekty

Efekty

Skala i rytm tej usługi

  • 4–12 tygodni

    od spotkania startowego do przekazania

  • 6–25

    ekranów w typowym zakresie

  • co tydzień

    pokaz na żywej wersji, z akceptacją po każdej rundzie

  • 2–4 tygodnie

    wsparcia po przekazaniu - pytania i drobne poprawki

Liczby opisują nasz własny proces i zakres tej usługi, nie wyniki cudzych wdrożeń. Projekty prowadzimy pod poufnością w modelu white-label; referencji o jakości pracy partner udziela po podpisaniu NDA.

Opinie klientów

Co mówią nasi klienci

  • „Praca z zespołem Wzór była naprawdę świetnym doświadczeniem! Zawsze szybko odpowiadali na nasze pytania i elastycznie podchodzili do naszych uwag. Mają mnóstwo kreatywnych pomysłów, a jednocześnie są bardzo rzetelni i terminowi. Efekt końcowy w pełni spełnił nasze oczekiwania, zdecydowanie polecamy każdemu, kto szuka profesjonalistów z pasją.”
    Maja Wieloch-Silecka Dyrektor operacyjny, Bosfor Group
  • „Nasi Klienci oczekują od nas szybkiego, skutecznego działania w bardzo szerokim zakresie. Od stworzenia brandu, przez budowę strony internetowej wraz ze sklepem po przeprowadzenie skutecznej kampanii sprzedażowej. Temat niełatwy, ale do zrobienia jeśli ma się zgrany zespół i firmy, z którymi wyzwania bierze się z marszu. Dla nas jakość, odpowiedzialność i zaangażowanie są kluczowe, a współpraca z Agencją UX Wzór zapewnia nam to w 100%.”
    Piotr Alberski Chief Operating Officer, Agencja XO Media
  • „Współpraca z Agencją UX Wzór rozpoczęła się od naszej strony internetowej. Bardzo spodobał się nam sposób ich pracy. Dlatego podjęliśmy decyzję o podzlecaniu projektów realizowanych dla naszych Klientów w formie White Label. Bardzo spodobał nam się ich flow pracy, przekazywanie projektów naszemu zespołowi, ich dokumentacja czy praca na design systemie. Teraz możemy podejmować większe ryzyko.”
    Mateusz Swół Chief Operating Officer, Sellace

Zespół

Trzy osoby, nie dział

Ta usługa wymaga, żeby jedna osoba rozumiała rozpoznanie, interfejs i to, co da się realnie zbudować. Dlatego prowadzi ją wąski zespół, a nie łańcuch przekazań między działami.

  • Aleksandra Bondar

    Aleksandra Bondar

    Senior UX/UI Designer

  • Katarzyna Adamczuk

    Katarzyna Adamczuk

    Prezes, Analityk Biznesowy

  • Patryk Korycki

    Patryk Korycki

    CEO, Analityk Biznesowy

Czas i zakres

Zakres i wycena

4–12 tygodni

Od spotkania startowego do przekazania. Wycenę ustalamy po krótkiej rozmowie; ofertę razem z krótkim wideo omawiającym zakres dostajesz do pięciu dni roboczych.

  • Liczba ekranów i ścieżek do zaprojektowania

  • Liczba rund poprawek na etapie kolejnych wersji

  • Liczba grup użytkowników, pod które projektujemy

  • Czy potrzebny jest warsztat wstępny przed pełną umową

  • Długość okna wsparcia po przekazaniu

  • Zakres integracji, które trzeba odwzorować w wersji demonstracyjnej

Pytania

Pytania, które padają najczęściej

Czy to nie po prostu Figma, tylko w kodzie?

Nie. To projekt, który od razu działa i klika się jak gotowy produkt, z prawdziwymi interakcjami i dostępny pod linkiem. Po zwykłym projekcie w Figmie ktoś musi go jeszcze przepisać na działający kod - tu ten krok jest już zrobiony.

Czy nie wystarczą narzędzia typu V0, Lovable, Bolt?

Świetnie nadają się do szybkiego startu, ale dochodzą do jakichś 70% prototypu. Ostatnie 30% - logowanie, obsługa błędów, wydajność, dostępność, spójność - wymaga doświadczonego projektanta i programisty. U nas dostajesz komplet, gotowy do produkcji, w cenie zwykłego projektu.

Czy to „vibe coding"?

Blisko tej kategorii, ale się tak nie nazywamy. Interaktywny projekt prowadzi doświadczony projektant UX/UI (warsztaty, analiza biznesowa, audyty), wspierany przez AI. Wzór to agencja UX z designerskim DNA - nie firma programistyczna.

Czy to nie zwykłe MVP?

Nie. MVP to wersja produktu, którą uruchamiasz dla prawdziwych użytkowników - z prawdziwą bazą danych, logowaniem, integracjami. Interaktywny projekt to prototyp: działa i wygląda jak finalny produkt, ale na przykładowych danych, bez prawdziwej bazy.

Co dokładnie nie wchodzi w zakres?

Nie budujemy backendu, bazy danych, logowania ani integracji zewnętrznych (płatności, mailing, SSO). Nie robimy aplikacji natywnych iOS/Android, testów automatycznych, CI/CD ani monitoringu. Panel administracyjny wchodzi w grę tylko wtedy, gdy jest częścią projektowanego produktu - wtedy również na przykładowych danych. Prototyp to warstwa, którą widzi użytkownik; „silnik" pod spodem dokłada dopiero development produkcyjny.

Co, jeśli mój produkt ma powstać w innej technologii niż React?

Pracujemy wyłącznie w React (i nadbudowanym na nim Next.js). Jeśli Twój produkt ma docelowo powstać w innej technologii (Vue, Angular, aplikacja natywna), przeniesieniem prototypu zajmie się nasz partner EMBIQ jako osobna usługa.

Czy moje dane są bezpieczne?

Nigdy nie pracujemy na Twoich prawdziwych danych - zawsze na przykładowych. Wersję pod linkiem zabezpieczamy hasłem, które możemy zmieniać między etapami. Podpisujemy wzajemne NDA.

Ile to kosztuje?

Cena każdego projektu jest indywidualna, ustalana po krótkiej rozmowie - zależy od liczby ekranów i ścieżek, rund poprawek oraz integracji, które trzeba odwzorować w wersji demonstracyjnej. Większość projektów w naszej ofercie mieści się między 10 000 a 300 000 zł netto, a największe wdrożenia idą powyżej tej granicy. Jeśli Twój budżet jest niższy, powiemy o tym wprost na rozmowie.

Co dostaję na końcu?

Klikalny produkt pod prywatnym linkiem (z hasłem), gotowy kod po Twojej stronie, spójny system wizualny z dokumentacją, instrukcję uruchomienia, nagranie przekazujące (1-2 godziny) oraz 2-4 tygodnie wsparcia po zakończeniu.

Powiązane usługi

Powiązane usługi

Umów bezpłatną konsultację z ekspertem, aby omówić Twój projekt i otrzymać odpowiedzi na nurtujące Cię pytania.

- Patryk Korycki, CEO

Zaplanuj spotkanie
Umów bezpłatną konsultację