Эксперимент с концепцией дизайна, продвинутые пользовательские сценарии, архитектура микросервисов и стек Flutter, которые мы применили в продукте для Home Credit Bank.
Разработка IT-проекта приложения
Открыть для банка новое бизнес-направление под ключ и выпустить готовое многофункциональное приложение для клиентов МСБ за полгода — задача со звездочкой. Делимся опытом, как команда 70+ экспертов tekmates (ex red_mad_robot Central Asia) изучила потребности предпринимателей Республики Казахстан, разработала и успешно запустила цифровой банк для Home Credit Bank в 2022 году.
Мы изучили успешные примеры, представленные на рынке СНГ и мира, исследовали рыночные сценарии, протестировали гипотезы, исходя из качественного и количественного анализа. Лучшие решения представили на защиту перед Банком.
Проектирование по целевым сценариям выстраивалось совместно с заказчиком, так как на своей стороне Банку требовалось организовать процессы изнутри.
И хотя мы отталкивались от имеющейся на рынке реализации функционала, аналогов новому банковскому приложению не было: мы создавали проект идеального клиентского пути и под него подстраивали все процессы.
Концептуально главная страница должна была выглядеть как дашборд, стек карточек с данными о состоянии дел: состояние счетов, статус операций, быстрый доступ к наиболее востребованным операциям, например, переводы и выписки. Во вкладках тарифы и другие продукты банка, онлайн-бухгалтерия и ВЭД.
Приложение должно помогать предпринимателю легко и оперативно управлять денежными потоками, видеть актуальную информацию и осуществлять операции с наименьшим числом касаний. Бэклог приложения на стадии проектирования был расписан на год вперед.
Функциональность приложения в первом релизе должна была удовлетворять ключевые ежедневные потребности предпринимателя, поэтому запускали сразу три главные функции сервиса:
Проектирование по целевым сценариям выстраивалось совместно с заказчиком, так как на своей стороне Банку требовалось организовать процессы изнутри.
И хотя мы отталкивались от имеющейся на рынке реализации функционала, аналогов новому банковскому приложению не было: мы создавали проект идеального клиентского пути и под него подстраивали все процессы.
Концептуально главная страница должна была выглядеть как дашборд, стек карточек с данными о состоянии дел: состояние счетов, статус операций, быстрый доступ к наиболее востребованным операциям, например, переводы и выписки. Во вкладках тарифы и другие продукты банка, онлайн-бухгалтерия и ВЭД.
Приложение должно помогать предпринимателю легко и оперативно управлять денежными потоками, видеть актуальную информацию и осуществлять операции с наименьшим числом касаний. Бэклог приложения на стадии проектирования был расписан на год вперед.
Функциональность приложения в первом релизе должна была удовлетворять ключевые ежедневные потребности предпринимателя, поэтому запускали сразу три главные функции сервиса:
- Свободное распоряжение средствами — дейли банкинг: открыть счет, получить или отправить платеж, видеть историю операций и текущий баланс. Базовый функционал любого банка должен быть удобным и быстрым, с простой коммуникацией и высокой скоростью транзакций. Это означает ускорение процесса и на стороне цифрового сервиса, и внутри банка.
- Дать простое и эффективное управление ВЭД — рынок показал быстрый рост этого сегмента, поэтому функционал ВЭД решили в первом же релизе.
- Мы учли и то, что клиенты МСБ, как правило, не имеют штатного бухгалтера, решая задачи с помощью интернет-банка на ПК. Нашей целью стало предложение полного функционала ВЭД в мобильном приложении: простом, удобном и доступном. Мы учли требования представителей крупного и среднего бизнеса, а также и предпринимателей микро- и малого бизнеса.
Товарооборот со странами ЕАЭС в январе-апреле 2023 года составил $9,5 млн, показатель вырос на 12% в сравнении с 2022 годом. Активно развивались отношения Казахстана и Китая: объем за первые 5 месяцев 2023 года вырос, до $10,7 млрд, на 21,6%. Показатель в 2022 году за тот же период (с января по май) составил $8,8 млрд.
UX и дизайн банковского приложения
Визуальный концепт, дизайн приложения и все принятые на основе исследований решения tekmates защитили перед банком. Приоритетом было интуитивно понятное и простое управление, закрывающее нужды предпринимателей и не отвлекающее от задач. Новое мобильное приложение должно легко войти в повседневные процессы бизнес-клиентов, не отнимая время на адаптацию.
Выбором стало минималистичное оформление с двумя цветовыми акцентами — черным и красным. Альтернативой приевшимся трендовым 3D-иллюстрациям, выбрали стиль «дватон-изометрия» — так назвали в команде 2D-иллюстрации, имитирующие 3D. Аналогов на рынке нашему решению не было.
Отдельно разработали милого робота, который нивелировал негатив пользователя в случае появления ошибок. Робот попадает в разные конфузные ситуации, разбавляя иллюстрацией возможное неприятное впечатление.
Выбором стало минималистичное оформление с двумя цветовыми акцентами — черным и красным. Альтернативой приевшимся трендовым 3D-иллюстрациям, выбрали стиль «дватон-изометрия» — так назвали в команде 2D-иллюстрации, имитирующие 3D. Аналогов на рынке нашему решению не было.
Отдельно разработали милого робота, который нивелировал негатив пользователя в случае появления ошибок. Робот попадает в разные конфузные ситуации, разбавляя иллюстрацией возможное неприятное впечатление.
Разработка приложения: технический стек Flutter
Flutter — инновационная технология кроссплатформенной разработки от Google. Другие продукты Home Credit Bank разработаны в этом стеке, поэтому выбор пал на него, чтобы легче интегрировать новую разработку в имеющиеся решения.
Отправной точкой разработки было исследование IT-инфраструктуры банка. Ключевые технологии, возможность интеграции и правила взаимодействия обговорили перед началом разработки. Прозрачные условия внедрения новых компонентов и библиотек согласовали с архитектурным комитетом и службой информационной безопасности банка.
Преимуществом Flutter является возможность разрабатывать приложение сразу под две мобильные платформы — iOS и Android. Это существенно экономит время на работу, однако, без трудностей не обошлось. Банковские приложения на Flutter — восходящий мировой тренд: с ним работают Alibaba, Ebay, Google Ads и другие. В Казахстане на тот момент почти не было специалистов платформы. Благодаря активно развивающейся практике tekmates нашли лучших экспертов.
Отправной точкой разработки было исследование IT-инфраструктуры банка. Ключевые технологии, возможность интеграции и правила взаимодействия обговорили перед началом разработки. Прозрачные условия внедрения новых компонентов и библиотек согласовали с архитектурным комитетом и службой информационной безопасности банка.
Преимуществом Flutter является возможность разрабатывать приложение сразу под две мобильные платформы — iOS и Android. Это существенно экономит время на работу, однако, без трудностей не обошлось. Банковские приложения на Flutter — восходящий мировой тренд: с ним работают Alibaba, Ebay, Google Ads и другие. В Казахстане на тот момент почти не было специалистов платформы. Благодаря активно развивающейся практике tekmates нашли лучших экспертов.
Микросервисная архитектура приложения
Микросервисы делают продукт гибким и помогает легко масштабироваться в сервисах. Амбициозная цель банка войти в топ-3 цифровых банков для клиентов МСБ Казахстана означала, что цифровой банк должен быть удобным и доступным 24/7.
Принципиальным отличием от монолита у микросервисной архитектуры является возможность разрабатывать функциональность независимыми командами и сокращать time-to-market. Гибкое масштабирование помогает выдерживать растущий поток пользователей и обеспечивать высокую скорость отклика.
Синхронизация команды tekmates и ИТ-команды банка заложили правильный фундамент для развития продукта и дальнейшего распространения внутри лучших практик. Эффективное и прозрачное взаимодействие помогли нам уложиться в сжатые сроки.
Принципиальным отличием от монолита у микросервисной архитектуры является возможность разрабатывать функциональность независимыми командами и сокращать time-to-market. Гибкое масштабирование помогает выдерживать растущий поток пользователей и обеспечивать высокую скорость отклика.
Синхронизация команды tekmates и ИТ-команды банка заложили правильный фундамент для развития продукта и дальнейшего распространения внутри лучших практик. Эффективное и прозрачное взаимодействие помогли нам уложиться в сжатые сроки.
Управление проектом
Партнерское взаимодействие, продуктивное проектное управление и технологическая экспертиза tekmates помогли достичь поставленной задачи всего за шесть месяцев.
Погружение в процессы банка позволило выстроить работы в гораздо более гибком ритме: иногда команда Home Credit Bank могла работать в офисе tekmates — и наоборот. Мы называли это инсорсингом: работающая у вас команда объединяет экспертизу внешнего рынка, экономические преимущества внешнего подрядчика, бизнес-экспертизу и главные преимущества инхауса — погруженность в проблемы и задачи заказчика, как в свои собственные. Такой формат на порядок эффективней аутсорсинга.
Разработку изначально спланировали инкрементальной, поэтому выбрали фреймворк Scrum и двухнедельные спринты с совместно оговоренными прозрачными целями. Scrum позволяет видеть процесс, реальный прогресс работы и параллельно проводить вторичные исследования, тестировать функциональность и демо на команду банка.
Погружение в процессы банка позволило выстроить работы в гораздо более гибком ритме: иногда команда Home Credit Bank могла работать в офисе tekmates — и наоборот. Мы называли это инсорсингом: работающая у вас команда объединяет экспертизу внешнего рынка, экономические преимущества внешнего подрядчика, бизнес-экспертизу и главные преимущества инхауса — погруженность в проблемы и задачи заказчика, как в свои собственные. Такой формат на порядок эффективней аутсорсинга.
Разработку изначально спланировали инкрементальной, поэтому выбрали фреймворк Scrum и двухнедельные спринты с совместно оговоренными прозрачными целями. Scrum позволяет видеть процесс, реальный прогресс работы и параллельно проводить вторичные исследования, тестировать функциональность и демо на команду банка.
Команды поделили по четырем потокам, исходя из функциональности, которую они разрабатывали:
- core banking
- платежи
- ВЭД
- личный кабинет продаж.
Работа стримами облегчает коммуникацию и разгружает регулярные встречи. В каждом стриме был свой менеджер проекта, дизайнер, разработчик и аналитик, отвечающие за конкретный сценарий.
С командой Home Credit Bank договорились о зонах ответственности, рабочих процессах, точках принятия решений и эскалации. В каждом стриме наладили базовую гигиену для производственного цикла, чтобы картина каждого этапа была прозрачной и позволяла эффективно управлять изменения.
От 10 человек на старте команда выросла до 70 — это разработчики, дизайнеры, менеджеры, аналитики tekmates.
Результат и итоги проекта
Шесть месяцев от начала проектирования до публикации в сторах — беспрецедентный факт для цифрового рынка Казахстана и мира в целом.
Готовый цифровой банк для предпринимателей с нуля за рекордно короткий срок включает функциональность базового дейли банкинга, онлайн-управление ВЭД и личный кабинет продаж для продавцов.
«Все это удалось сделать благодаря цифровому партнерству, слаженной совместной работе с банком, бизнес-экспертизе и технологическим компетенциям команды. Опыт работы с Home Credit Bank в очередной раз подтверждает, что амбиция tekmates стать топ-1 ИТ-компанией на рынке Казахстана вполне оправдана. У нас есть все уникальные компетенции делать масштабные цифровые продукты на рынке Центральной Азии в короткие сроки и менять этот рынок, показывая конкретные результаты», — подчеркивает Агиис Конкабаева, CEO tekmates.
Рынок Центральной Азии требует быстрое создание продуктов и ускорение time-to-market: конкуренция растет, свободных ниш становится меньше и промедление ведет к упущенной прибыли. Важно быстро оценивать рыночную ситуацию, проектировать и запускать лучшие решения и гибко откликаться на растущие запросы пользователей, опираясь на экспертизу сильных цифровых партнеров.
Готовый цифровой банк для предпринимателей с нуля за рекордно короткий срок включает функциональность базового дейли банкинга, онлайн-управление ВЭД и личный кабинет продаж для продавцов.
«Все это удалось сделать благодаря цифровому партнерству, слаженной совместной работе с банком, бизнес-экспертизе и технологическим компетенциям команды. Опыт работы с Home Credit Bank в очередной раз подтверждает, что амбиция tekmates стать топ-1 ИТ-компанией на рынке Казахстана вполне оправдана. У нас есть все уникальные компетенции делать масштабные цифровые продукты на рынке Центральной Азии в короткие сроки и менять этот рынок, показывая конкретные результаты», — подчеркивает Агиис Конкабаева, CEO tekmates.
Рынок Центральной Азии требует быстрое создание продуктов и ускорение time-to-market: конкуренция растет, свободных ниш становится меньше и промедление ведет к упущенной прибыли. Важно быстро оценивать рыночную ситуацию, проектировать и запускать лучшие решения и гибко откликаться на растущие запросы пользователей, опираясь на экспертизу сильных цифровых партнеров.