Проєкт Bank

Bank

Bank — це прототип мобільного банківського застосунку, що відтворює реальні fintech-сценарії: багатокрокову автентифікацію, створення віртуальних карт, перекази та управління користувачами. Процес входу розділений на кілька екранів із підтвердженням номера телефону. Користувач може створювати віртуальні карти через покроковий сценарій, обирати тип карти, валюту та платіжну систему, а також керувати своїми картами. У застосунку реалізовано пошук друзів для швидких переказів, збереження даних користувачів, відображення курсів валют і налаштування профілю з кропінгом аватара. Проєкт спроєктований як масштабований мобільний продукт з акцентом на UX та реалістичні банківські взаємодії.

React Native Expo Mobile Банківський застосунок Fintech UI
Демо GitHub / Джерело
Початковий екран привітання застосунку

Екрани застосунку

Початковий екран привітання застосунку

1/13
Екран входу для неавторизованого користувача

Екрани застосунку

Екран входу для неавторизованого користувача

2/13
Екран введення та підтвердження номера телефону

Екрани застосунку

Екран введення та підтвердження номера телефону

3/13
Головний екран після входу

Екрани застосунку

Головний екран після входу

4/13
Екран додаткових сервісів

Екрани застосунку

Екран додаткових сервісів

5/13
Екран додаткових функцій

Екрани застосунку

Екран додаткових функцій

6/13
Екран усіх карт користувача

Екрани застосунку

Екран усіх карт користувача

7/13
Екран вибору типу карти

Екрани застосунку

Екран вибору типу карти

8/13
Екран вибору валюти та платіжної системи

Екрани застосунку

Екран вибору валюти та платіжної системи

9/13
Екран пошуку друзів для переказів

Екрани застосунку

Екран пошуку друзів для переказів

10/13
Модальне вікно профілю користувача

Екрани застосунку

Модальне вікно профілю користувача

11/13
Екран обрізки зображення аватара

Екрани застосунку

Екран обрізки зображення аватара

12/13
Екран курсів валют

Екрани застосунку

Екран курсів валют

13/13
Галерея
01 / 13
Завдання

Що потрібно було вирішити

Спроєктувати реалістичний мобільний банківський досвід зі складними сценаріями: онбординг, створення карт, перекази та управління профілем — із збереженням простоти та зручності інтерфейсу.

Підхід

Як був зібраний продукт

Застосунок реалізовано на React Native та Expo з використанням сучасних бібліотек з акцентом на плавну навігацію, модульну архітектуру, реалістичні UX-патерни банківських застосунків та масштабоване управління станом.

Акценти

Ключові можливості

10 пункти
  • + Багатокрокова автентифікація та онбординг
  • + Підтвердження номера телефону
  • + Створення віртуальної карти (по кроках)
  • + Вибір типу карти та платіжної системи
  • + Перекази між користувачами
  • + Пошук друзів та швидкі перекази
  • + Профіль користувача з кропінгом аватара
  • + Екран курсів валют
  • + Багато банківських екранів
  • + Масштабована архітектура застосунку

Результат

Чому це важливо

  • Демонструє складні mobile UX сценарії
  • Показує product thinking у fintech-домені
  • Підкреслює вміння проєктувати масштабовані мобільні застосунки