Задача
Что нужно было решить
Спроектировать реалистичный мобильный банковский опыт со сложными сценариями: онбординг, создание карт, переводы и управление профилем — при сохранении простоты и удобства интерфейса.
Проект Bank
Bank
Bank — это прототип мобильного банковского приложения, повторяющий реальные fintech-сценарии: многоэтапную авторизацию, создание виртуальных карт, переводы и управление пользователями. Процесс входа разделен на несколько экранов с подтверждением номера телефона. Пользователь может создавать виртуальные карты через пошаговый сценарий, выбирать тип карты, валюту и платежную систему, а также управлять своими картами. В приложении реализован поиск друзей для быстрых переводов, хранение данных пользователей, отображение курсов валют и настройка профиля с кропингом аватара. Проект спроектирован как масштабируемый мобильный продукт с упором на UX и реалистичные банковские взаимодействия.
Экраны приложения
Начальный экран приветствия приложения
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-домене
- Подчеркивает умение проектировать масштабируемые мобильные приложения