Finanse / Product Design

Konta walutowe dla firm w ING

Jeden wniosek zamiast kilku kroków: konto w nowej walucie, karta i kantor w jednej ścieżce.

Rola UX Expert – Interaction Design
Klient ING Bank Śląski
Rok · czas 2026 · 2 miesiące
Zakres Discovery · Badania · Prototypowanie z AI · UI
Zespół 15 osób (jedyny projektant)
Platformy Web · iOS · Android

Nota o poufności: Ekrany zostały odtworzone na fikcyjnych danych. Case study opisuje proces i decyzje projektowe — sam produkt jest publicznie dostępny w Moim ING.

Wniosek o konto walutowe w aplikacji bankowej: krok 4 z 4 z podsumowaniem — nowe konto USD, karta Visa bez plastiku i dostęp do kantoru; w tle wersja webowa z nowym rachunkiem USD i kantorem, kody 11 walut i komunikat „Konto USD jest otwarte”

01

Od trzech walut do jedenastu

Przedsiębiorcy w Moim ING mogli otworzyć konto w euro, dolarach lub funtach. Firmy pracujące z kontrahentami z innych krajów potrzebowały więcej — bank postanowił dodać osiem walut: SEK, CHF, NOK, DKK, CZK, HUF, TRY i RON.

Początkowy zamysł był prosty: dopisać nowe waluty do istniejącego wniosku. W fazie eksploracji okazało się, że od czasu jego powstania bank wprowadził kilka nowych usług dla firm, których ta ścieżka w ogóle nie wykorzystywała.

Mapa ścieżki klienta przed zmianą: sześć kroków od sprawdzenia oferty (tylko EUR, USD, GBP) przez osobne podłączenie karty i dodatkowe zgody w kantorze, z emocjami klienta i głównymi barierami
Mapa dotychczasowej ścieżki — kliknij, aby powiększyć
Głos klienta: trzy wypowiedzi przedsiębiorców o braku potrzebnych walut i rozliczeniach z zagranicznymi kontrahentami
Głos klienta — dosłowne cytaty z analizy opinii przedsiębiorców

02

Klient nie chce konta. Chce zapłacić kontrahentowi.

Analiza głosu klientów z wewnętrznych zbiorów opinii banku zmieniła cel projektu: z „dodać waluty” na „doprowadzić do udanej transakcji”.

01

Prawdziwa potrzeba

Konto w nowej walucie to dla klienta tylko środek. Celem jest udana transakcja z zagranicznym kontrahentem — bez szukania, co jeszcze trzeba włączyć.

02

Kantor za osobnym wnioskiem

Po otwarciu konta klient wchodził do kantoru i nie mógł z niego skorzystać. Najpierw musiał złożyć osobny wniosek, wyrazić zgody i przejść przez kilka dodatkowych ekranów.

03

Nowe usługi poza ścieżką

Karta wielowalutowa i inne nowe usługi dla firm już istniały, ale stary wniosek ich nie łączył. Klient sam musiał je odkryć i aktywować.

Porównanie ścieżki przed zmianą (cztery osobne procesy, 3 waluty) i po zmianie (jeden proces online: waluta, karta, umowy i zgody, podsumowanie, gotowe; 11 walut)
Ścieżka przed zmianą i po niej — kliknij, aby powiększyć

03

Trzy kroki, jedna decyzja na krok

Cały wniosek podzieliliśmy na etapy, w których klient podejmuje po jednej decyzji. Na końcu potwierdza wszystko kodem PIN.

Krok 1: waluta

Klient wybiera, w jakiej walucie chce otworzyć nowe konto.

Krok 2: karta

Decyduje, czy zamawia nową kartę do konta, czy podpina je do karty wielowalutowej, którą już ma — albo pomija ten krok („Nie chcę teraz karty”). Nową kartę może odebrać w paczkomacie. Wniosek prowadzi do celu, ale nie wymusza produktu.

Krok 3: dokumenty i kantor

W jednej paczce dokumentów klient akceptuje umowę, regulaminy i zgody potrzebne do korzystania z kantoru. Po potwierdzeniu wniosku może od razu wymieniać waluty — bez osobnego wniosku.

Ekran kroku 1 wniosku: wybór waluty nowego konta (lista 11 walut) i częstotliwości wyciągu
Krok 1 — szczegóły: waluta i wyciąg
Ekran kroku 2: wybór karty — podpięcie konta do istniejącej karty wielowalutowej, zamówienie nowej (Visa lub Mastercard, bez plastiku lub fizyczna) albo pominięcie tego kroku
Krok 2 — karta: podpięcie istniejącej lub zamówienie nowej
Ekran kroku 3: dokumenty do pobrania (umowa, regulaminy i zgody do kantoru) oraz oświadczenie
Krok 3 — umowa i dokumenty, w tym zgody do kantoru

04

Najpierw prototyp, potem makiety

Zamiast klasycznej kolejności — eksploracja, makiety o niskiej, a potem wysokiej szczegółowości — zaczęliśmy od działającego prototypu całej ścieżki, zbudowanego z pomocą AI (Copilot i Claude).

Klikalny prototyp w HTML na starcie

Z pomocą AI przełożyliśmy nasze diagramy i uwagi na klikalny prototyp w HTML. Logikę ścieżki i decyzje projektowe ustaliliśmy sami — AI przyspieszyło zamianę ich w działający kod. W krótkim czasie przeszliśmy całą ścieżkę tak, jak zobaczy ją klient, i od razu widzieliśmy, co działa, a co wymaga uwagi.

Deweloperzy startują równolegle

Prototyp pokazywał mechanikę wniosku, więc zespół deweloperski zaczął pracę, gdy my jeszcze dopracowywaliśmy koncepcję i szlifowaliśmy finalne makiety. Wdrożenie skończyliśmy o około miesiąc wcześniej, niż zakładał harmonogram.

Walidacja: 15 sesji z użytkownikami

Testy pokazały, że zebranie wszystkich decyzji na jednym ekranie przeciąża. Rozdzieliliśmy je na trzy kroki: ekrany stały się łatwiejsze do przejrzenia, a klient skupia się na jednej decyzji naraz.

Widok prototypu zbudowanego z AI: pierwszy krok wniosku z wyborem waluty i wyciągu oraz listą kolejnych etapów
Prototyp całej ścieżki zbudowany z AI — dane poglądowe, liczy się mechanika kroków

05

Efekty

Wniosek prowadzi klienta od wyboru nowej waluty do pierwszej wymiany w kantorze — w jednej ścieżce, na webie i w aplikacji mobilnej. Średnio przybywa ok. 100 nowych rachunków miesięcznie, a trend jest rosnący — choć bank nie uruchomił jeszcze żadnej kampanii informacyjnej.

Komunikat prasowy ING o wdrożeniu (otwiera się w nowej karcie)
3 → 1

osobne procesy (konto, karta, zgody w kantorze) zastąpione jednym wnioskiem

~100

nowych rachunków miesięcznie — jeszcze przed kampanią informacyjną

~1 mies.

szybciej, niż zakładał harmonogram wdrożenia

Kluczowa decyzja

Zamiast dopisać waluty do starego wniosku, przeprojektowaliśmy go wokół prawdziwego celu klienta: zapłacić kontrahentowi w obcej walucie.

Czego się nauczyłem

Prototyp na starcie przyspiesza zespół, ale wymaga dyscypliny: trzeba jasno mówić, co jest mechaniką do sprawdzenia, a co danymi poglądowymi, żeby nikt nie wziął szkicu za specyfikację. Dziś od pierwszego dnia oznaczałbym w prototypie, które elementy są jeszcze do decyzji.