Кейс · Финтех · 2024

Nova Bank: фундамент для цифровой эпохи

Как мы пересобрали доверие к банку с нуля: от размытой айдентики и растерянных пользователей — к осязаемой, тактильной цифровой среде, в которой хочется оставаться.

Носитель новой айдентики Nova Bank и фрагмент интерфейса мобильного приложения
01 · Завязка

Проблема, с которой приехали

Nova Bank за четыре года вырос с 80 000 до 1,2 млн активных клиентов, но визуальный язык и интерфейс остались на уровне 2019-го.

К нам обратились с конкретной болью: приложение выглядело «как все» — синие градиенты, скруглённые карточки, шаблонные иконки. Пользователи не чувствовали разницы между Nova Bank и десятком других финтехов в сторе. Внутренняя NPS держалась на 38, а доля пользователей, которые открывали приложение меньше двух раз в неделю, составляла 41%.

Задача была двойной: с одной стороны — выстроить характерную, узнаваемую айдентику на основе brutalist-lite эстетики; с другой — радикально упростить сценарии, чтобы пользователь за 10 секунд понимал, где его деньги и что с ними делать.

Мы начали не с макетов, а с разбора: что на самом деле держит клиента в банке и что его отталкивает.

02 · Стратегия

Исследования, на которых стоит вся работа

01

Глубинные интервью

Провели 42 интервью с клиентами в Москве, Казани и Новосибирске. Выяснили, что 7 из 10 ассоциируют «надёжный банк» с крупным, чётким шрифтом и отсутствием визуального шума.

02

Анализ конкурентов

Разобрали 9 ближайших финтехов. Почти все опирались на мягкие пастельные тона и скругления — мы нашли свободную нишу: «жёсткая, но дружелюбная» геометрия.

03

Когнитивные тесты

Прогнали 60 участников через текущий интерфейс. На поиск операции «перевод по реквизитам» ушло в среднем 47 секунд — почти вдвое дольше, чем у лидера рынка.

Экраны мобильного приложения Nova Bank с новой палитрой и типографикой
03 · Идентичность

Логотип, палитра, типографика

Вместо абстрактной «волны» — буквенная монограмма N, собранная из жёстких геометрических блоков с характерным смещением.

Палитра построена вокруг глубокого почти-чёрного фона и кислотного акцента #d4ff00, который используется точечно — для ключевых действий и цифр баланса. Тактильность добавляет тонкая сетка и лёгкие тени, будто интерфейс «напечатан».

Типографика — Space Grotesk для заголовков (настроение: уверенный, структурный) и Manrope для текста (настроение: дружелюбное, читаемое). Контраст между ними — главный приём, который делает Nova Bank узнаваемым в сторе и в офлайне.

04 · UI/UX

Прототипы и три круга итераций

Мы не шли от «красивого макета» к «рабочему». Мы шли от рабочего прототипа к красивому, сохраняя структуру.

I

Каркасы и карта сценариев

Сократили глубины меню с 5 до 3 уровней. Ключевые операции — баланс, перевод, история — стали доступны с первого экрана. Убрали 14 из 32 иконок, дублирующих текст.

II

Клик-прототип в Figma

Собрали интерактивный прототип и провели 18 тестирований с реальными клиентами. Нашли и устранили 23 «слепых зоны», где пользователь терял контекст.

III

Пиксельная отладка

Довели сетку до 4-пиксельного ритма, выровняли типографику, настроили тактильные состояния кнопок и анимации переходов. Финальная версия — 96% визуальной согласованности.

05 · Результат

Метрики через 90 дней после запуска

+27 пункты NPS
-34% время до перевода
+41% еженедельная активность
98 Lighthouse Performance

Помимо цифр — 2 награды Awwwards Honorable Mention и попадание в топ-5 мобильных банков по дизайну в обзоре «Компьютерра» за 2024 год.

06 · Слово клиента

«Паletly сделали из нас не просто приложение, а место»

Раньше нас выбирали за ставки. Теперь нас выбирают за ощущение. Пользователи сами пишут в поддержку: «у вас тут почему-то приятно находиться».

— Дмитрий Соколов, CPO Nova Bank

Обсудить похожий проект