MARCIN KINDERMAN
( CASE STUDY 02 — ©22 )

CA24 Mobile

ProduktProduct Bankowość detalicznaRetail banking Credit Agricole Bank Polska Wrocław · 2021–2022
Zupełnie nowa aplikacja banku — „pełna korzyści” — napisana od zera we Flutterze i zbudowana w programie liczącym ~350 osób. Od discovery do sklepów w dwanaście miesięcy. The bank's completely new app — “full of benefits” — written from scratch in Flutter and built inside a ~350-person programme. From discovery to the app stores in twelve months.
Moja rolaMy role
Budowa i prowadzenie zespołu UX, strategia omnichannel, QA designuBuilding & leading the UX team, omnichannel strategy, design QA
ZespółTeam
12 UX designers & researchers · 10 squadów
CzasDuration
12 miesięcymonths
EfektImpact
4,8/5 · 43K+ ocenreviews · BankTech Award · WaysConf Public Choice 2023
2,14,8
Google Play: premiera → dziśGoogle Play: launch → today
43K+
opinii klientówcustomer reviews
11MLN
wyświetleń spotuspot views
~350
osób w programiepeople in the programme
927
testerów pilotażu F&FF&F pilot testers
70
uczestników badań UXUX research participants

WyzwanieThe challenge

Polski rynek bankowości mobilnej to jeden z najbardziej wymagających na świecie — konkurujesz z aplikacjami, które wyznaczają globalne standardy. Nowa aplikacja musiała się wyróżnić, pozostając bezpieczną i oczywistą w obsłudze dla typowego klienta banku. Stąd seria nieoczywistych decyzji projektowych: od koncepcji „River of Benefits”, przez nową architekturę informacji, po własną maskotkę. Poland's mobile banking market is one of the most demanding in the world — you compete with apps that set global standards. The new app had to stand out while staying safe and obvious for a typical banking customer. Hence a series of non-obvious design decisions: from the “River of Benefits” concept, through a new information architecture, to the brand's own mascot.

Do tego skala: ~350 osób w programie, 10 squadów, technologia pisana od zera we Flutterze — wówczas jedno z największych wdrożeń tej technologii w polskiej bankowości. Mój zespół odpowiadał za to, żeby przy tym tempie i tej liczbie rąk produkt mówił jednym językiem — od pierwszego ekranu po każdy detal omnichannel. Add the scale: ~350 people in the programme, 10 squads, technology written from scratch in Flutter — then one of the largest deployments of the technology in Polish banking. My team's job was to make sure that at this pace, with this many hands, the product spoke one language — from the first screen to every omnichannel detail.

Zakres pracScope

Discoverybadania, warsztaty, benchmarki — fundament koncepcjiresearch, workshops, benchmarks — the concept's foundation
Nowy design systemA new design systemdla Fluttera i Angulara — jeden język produktufor Flutter and Angular — one product language
„River of Benefits”autorska koncepcja prezentowania korzyści w aplikacjian original concept for presenting benefits in the app
Architektura informacjiInformation architecturecałej aplikacji — od nawigacji po strukturę treściof the entire app — from navigation to content structure
Badania z 70 uczestnikamiResearch with 70 participantstesty koncepcji i gotowych rozwiązańtesting both concepts and shipped solutions
Maskotka „Dito”The “Dito” mascotnowy cyfrowy towarzysz markithe brand's new digital companion

Film produktowyProduct film

Aplikacja pełna korzyści — spot CA24 Mobile YouTube · 0:30 · 11 mln wyświetleńM views
Oficjalny spot „Aplikacja pełna korzyści” — otwiera się na YouTube (właściciel filmu wyłączył osadzanie na stronach)The official “App full of benefits” spot — opens on YouTube (embedding is disabled by the video's owner)

Ekrany aplikacjiApp screens

CA24 Mobile — pulpit
CA24 Mobile — płatności
CA24 Mobile — finanse osobiste

Design system jako dźwigniaThe design system as leverage

Zbudowany dla CA24 design system (Flutter + Angular) od początku traktowaliśmy jak produkt, nie bibliotekę komponentów. To on pozwolił dwuosobowemu zespołowi zbudować nagradzaną aplikację pracowniczą MobilCA w pięć miesięcy i zapewnił spójność architektury informacji ze Strefą Biznesu. The design system built for CA24 (Flutter + Angular) was treated as a product from day one, not a component library. It's what let a two-person team ship the award-winning MobilCA workplace app in five months, and kept the information architecture consistent with Business Zone.

Dito — maskotka CA24

Dito — zaprojektowana w ramach projektu maskotka, która stała się twarzą komunikacji aplikacji.Dito — the mascot designed within the project, now the face of the app's communication.

Od 2,1 do 4,8 — praca po premierzeFrom 2.1 to 4.8 — the work after launch

Premiera MVP to nie meta, tylko start: tuż po publikacji ocena w Google Play wynosiła 2,1/5 (App Store: 4,0). Zamiast bronić projektu — czytaliśmy każdą opinię i systematycznie zamienialiśmy je na backlog. Dziś aplikacja utrzymuje 4,75–4,8 we wszystkich sklepach — na poziomie największych banków w Polsce. An MVP launch isn't the finish line: right after release the Google Play rating was 2.1/5 (App Store: 4.0). Instead of defending the design, we read every review and systematically turned them into a backlog. Today the app holds 4.75–4.8 across the stores — on par with Poland's biggest banks.

Pilotaż Friends & FamilyFriends & Family pilot927 uczestników, 638 zgłoszonych ulepszeń, 1118 wyłapanych błędów — zanim aplikacja trafiła do klientów927 participants, 638 improvement ideas, 1,118 bugs caught — before the app reached customers
Oceny jako radarReviews as radarbieżąca analiza komentarzy ze sklepów wykrywała błędy i braki szybciej niż telemetria (np. saldo przed zalogowaniem)continuous store-review analysis surfaced bugs and gaps faster than telemetry (e.g. balance before login)
Case: ekran startowyCase: the start screen~40% użytkowników gubiło się przy aktywacji — dwie iteracje redesignu (onboarding, potem jeden przycisk z ekranem wyboru) rozwiązały problem~40% of users got lost during activation — two redesign iterations (onboarding, then a single button with a choice screen) fixed it
Migracja bez przymusuMigration without forceplan migracji ze starej aplikacji zamiast twardego wyłączenia + pełna wersja ukraińskaa migration plan from the old app instead of a hard cut-off, plus a full Ukrainian version

Kulisy tej pracy pokazaliśmy na UX Poland 2022 — „Jak zaprojektować i wdrożyć MVP nowoczesnej bankowości mobilnej w rok” (z Antonem Shcherbakiem).We shared this behind-the-scenes at UX Poland 2022 — “How to design and ship a modern mobile-banking MVP in a year” (with Anton Shcherbak).

Ekran startowy — wersja z onboardingiem
Iteracja 2: onboarding i rozdzielone akcjeIteration 2: onboarding and split actions
Ekran startowy — nowe podejście
Iteracja 3: jeden przycisk, ekran wyboru, powrót filmików onboardingowychIteration 3: one button, a choice screen, onboarding videos back
CA24 Mobile — grafika promocyjna aplikacji
Premiera i nagrodyLaunch & awards

Aplikacja dostępna dla klientów od maja 2022 — App Store, Google Play i AppGallery. W 2023 internauci przyznali jej nagrodę publiczności WaysConf Awards (Public Choice — Mobile App) za warstwę UX/UI stworzoną wspólnie z Efigence.Available to customers since May 2022 — App Store, Google Play and AppGallery. In 2023 the public voted it the WaysConf Awards Public Choice winner (Mobile App) for the UX/UI layer crafted with Efigence.

Zespół z nagrodą WaysConf Awards 2023
Statuetka WaysConf Awards — Public Choice, Mobile App 2023