Айдентика банков и финтех-продуктов
Цвет: почему банк выбирает бордовый, а финтех — мятный
У банка цвет работает как печать нотариуса — он должен внушать, что организация существует давно и никуда не исчезнет. Отсюда тёмно-синий Chase, бордовый в старых макетах Ситибанка, золото в акцентах у частных банков. Финтех решает другую задачу: он должен доказать, что деньгами можно управлять за три касания, а не через визит в отделение. Отсюда мятный у Wise, коралловый и белый у Revolut, чёрно-белая база с одним ярким акцентом у Monzo.
| Параметр | Традиционный банк | Финтех-продукт |
|---|---|---|
| Основная эмоция цвета | стабильность, статус, наследие | скорость, ясность, контроль |
| Типичная палитра | тёмно-синий, бордовый, золото | мятный, коралловый, чёрно-белый + один акцент |
| Источник ассоциации | архитектура отделений, банкноты, гербовые печати | интерфейс приложения, пуш-уведомления, статус-бары |
| Пример бренда | Chase, HSBC, Альфа-Банк | Wise, Revolut, Monzo |
Прямое копирование палитры банка в финтех-продукт — типичная ошибка молодых команд: тёмно-синий с золотом на экране телефона читается как «это приложение для заявки на кредит», а не «это приложение для управления деньгами за секунду».
Символы: маскот вместо герба
Банк строит идентичность на статичных символах, которые не меняются десятилетиями — герб, монограмма, шрифт с засечками в названии. Финтех вместо герба стал использовать элементы собственного интерфейса как графический язык бренда. Показательный пример — Dzengo: пуш-уведомления и системные алерты приложения превратились в фирменный визуальный паттерн, которым оформляют и рекламные баннеры, и посты в соцсетях, и слайды презентаций для инвесторов.
- Маскоты и иллюстративные персонажи — снижают барьер «финансы — это сложно», работают на аудиторию 18-30 лет;
- Паттерны из UI-элементов (карточки, чекбоксы, статус-бары) — превращают экран в опознаваемый графический код, который переносится на любой носитель;
- Контрастные пары шрифтов — экспрессивный для заголовков и нейтральный гротеск для цифр, чтобы эмоция не мешала считывать сумму на счёте;
- Скругления вместо острых углов — визуально транслируют «дружелюбно», острые углы у банков транслируют «строго и надёжно».
Банки в цифровых продуктах часто оставляют тяжёлую типографику и консервативную геральдику даже там, где технически можно было упростить интерфейс — это осознанное решение для аудитории, для которой возраст и масштаб организации важнее скорости.
Дизайн-система: где теряются деньги на разработке
У финтеха с несколькими продуктами (приложение, сайт, карта, партнёрский кабинет) стиль расползается быстрее, чем у банка с одним отделением и одним сайтом. Причина не в дизайнерах, а в отсутствии токенов — переменных, через которые задаются радиус скругления, толщина линии, шаг сетки. Без токенов каждый макет собирается вручную и расходится с остальными через два-три релиза.
- Выделить атомарные элементы — цвет, типографику, иконографию, отступы — и описать их переменными, а не фиксированными значениями в макете;
- Задать 2-3 предустановленных «характера» интерфейса (мягкий, нейтральный, строгий), переключаемых сменой значения радиуса и толщины линий;
- Собрать библиотеку компонентов один раз и синхронизировать её между Figma и кодовой базой на всех платформах;
- Прописать, что можно адаптировать под платформу (плотность контента), а что остаётся неизменным (цвет, логотип, тон текста).
По данным Sber Design System, правильно выстроенная дизайн-система экономит примерно 65 000 человеко-часов ежегодно — это порядка €2 млн в год на скорости разработки без учёта репутационных потерь от визуального разнобоя между продуктами.
Фотография: рукопожатие в переговорной против кружки кофе на столе
Постановочная корпоративная фотография — рукопожатия, идеальные улыбки, костюмы в переговорной — до сих пор основной визуальный язык банков старой школы. Он читается как «официально», но не как «по-человечески». Тинькофф, Monzo и Starling пошли обратным путём: реальные ситуации, естественный свет, отсутствие натянутых улыбок. Человек с кружкой кофе за ноутбуком выглядит правдоподобнее модели с фотостока — и вызывает больше доверия у аудитории, которая насмотрелась на рекламные клише.
Правило простое: чем моложе и цифровее аудитория продукта, тем дальше нужно уходить от постановочной съёмки в сторону документального стиля — и чем консервативнее аудитория, тем осторожнее нужно менять привычный визуальный код.
Тон голоса как часть визуальной айдентики
Слова — тоже часть айдентики, и финтех понял это раньше банков. Где банк пишет «Request» и «Funds», финтех пишет «Ask» и «Money». Разница не в переводе, а в позиции: банк говорит с клиентом как учреждение, финтех — как сервис с равным партнёром. Эта разница обязана быть видна и в визуале: острые углы и юридический шрифт транслируют дистанцию, скруглённые формы и разговорный тон в интерфейсе — партнёрство. Несовпадение тона текста и формы интерфейса — частая ошибка: дружелюбные скругления при канцелярском тексте выглядят фальшиво.
Матрица решений: что выбрать при ограниченном бюджете
Главная ошибка небольших финтехов — копировать 3D-иллюстрации и кастомные шрифты крупных игроков, потратив на это половину бюджета раунда. Выбор инструментов должен идти от позиции на рынке, а не от амбиций команды.
| Ситуация | Что выбрать | Почему |
|---|---|---|
| Стартап, узкая ниша, мало бюджета | системный шрифт + один акцентный цвет + паттерны из UI-компонентов | не требует кастомных ассетов, легко масштабируется на новые экраны |
| Финтех для массовой молодой аудитории | маскот или иллюстративный персонаж + разговорный тон | снижает страх перед темой финансов, работает на вирусность в соцсетях |
| B2B-финтех продукт | строгая геометрия, минимум иллюстраций, акцент на данных и графиках | аудитория ценит функциональность выше эмоций |
| Небольшой региональный банк | консервативная палитра + осторожное обновление типографики | резкий уход от привычного образа пугает возрастную аудиторию |
| Банк, выходящий в цифровой сегмент | гибридная айдентика: классическое ядро бренда + отдельная цифровая суб-марка | не теряет доверие старой аудитории, но говорит на языке новой |
Айдентика банка и финтеха решают одну задачу — вызвать доверие, но противоположными механиками: масштаб и наследие против скорости и простоты. Выбор конкретного инструмента — цвета, маскота, тона голоса, токена дизайн-системы — должен идти не от референсов конкурентов, а от того, какую эмоцию нужно вызвать у конкретной аудитории в конкретной точке контакта с продуктом.
Цвет: почему банк выбирает бордовый, а финтех — мятный
У банка цвет работает как печать нотариуса — он должен внушать, что организация существует давно и никуда не исчезнет. Отсюда тёмно-синий Chase, бордовый в старых макетах Ситибанка, золото в акцентах у частных банков. Финтех решает другую задачу: он должен доказать, что деньгами можно управлять за три касания, а не через визит в отделение. Отсюда мятный у Wise, коралловый и белый у Revolut, чёрно-белая база с одним ярким акцентом у Monzo.
| Параметр | Традиционный банк | Финтех-продукт |
|---|---|---|
| Основная эмоция цвета | стабильность, статус, наследие | скорость, ясность, контроль |
| Типичная палитра | тёмно-синий, бордовый, золото | мятный, коралловый, чёрно-белый + один акцент |
| Источник ассоциации | архитектура отделений, банкноты, гербовые печати | интерфейс приложения, пуш-уведомления, статус-бары |
| Пример бренда | Chase, HSBC, Альфа-Банк | Wise, Revolut, Monzo |
Прямое копирование палитры банка в финтех-продукт — типичная ошибка молодых команд: тёмно-синий с золотом на экране телефона читается как «это приложение для заявки на кредит», а не «это приложение для управления деньгами за секунду».
Символы: маскот вместо герба
Банк строит идентичность на статичных символах, которые не меняются десятилетиями — герб, монограмма, шрифт с засечками в названии. Финтех вместо герба стал использовать элементы собственного интерфейса как графический язык бренда. Показательный пример — Dzengo: пуш-уведомления и системные алерты приложения превратились в фирменный визуальный паттерн, которым оформляют и рекламные баннеры, и посты в соцсетях, и слайды презентаций для инвесторов.
- Маскоты и иллюстративные персонажи — снижают барьер «финансы — это сложно», работают на аудиторию 18-30 лет;
- Паттерны из UI-элементов (карточки, чекбоксы, статус-бары) — превращают экран в опознаваемый графический код, который переносится на любой носитель;
- Контрастные пары шрифтов — экспрессивный для заголовков и нейтральный гротеск для цифр, чтобы эмоция не мешала считывать сумму на счёте;
- Скругления вместо острых углов — визуально транслируют «дружелюбно», острые углы у банков транслируют «строго и надёжно».
Банки в цифровых продуктах часто оставляют тяжёлую типографику и консервативную геральдику даже там, где технически можно было упростить интерфейс — это осознанное решение для аудитории, для которой возраст и масштаб организации важнее скорости.
Дизайн-система: где теряются деньги на разработке
У финтеха с несколькими продуктами (приложение, сайт, карта, партнёрский кабинет) стиль расползается быстрее, чем у банка с одним отделением и одним сайтом. Причина не в дизайнерах, а в отсутствии токенов — переменных, через которые задаются радиус скругления, толщина линии, шаг сетки. Без токенов каждый макет собирается вручную и расходится с остальными через два-три релиза.
- Выделить атомарные элементы — цвет, типографику, иконографию, отступы — и описать их переменными, а не фиксированными значениями в макете;
- Задать 2-3 предустановленных «характера» интерфейса (мягкий, нейтральный, строгий), переключаемых сменой значения радиуса и толщины линий;
- Собрать библиотеку компонентов один раз и синхронизировать её между Figma и кодовой базой на всех платформах;
- Прописать, что можно адаптировать под платформу (плотность контента), а что остаётся неизменным (цвет, логотип, тон текста).
По данным Sber Design System, правильно выстроенная дизайн-система экономит примерно 65 000 человеко-часов ежегодно — это порядка €2 млн в год на скорости разработки без учёта репутационных потерь от визуального разнобоя между продуктами.
Фотография: рукопожатие в переговорной против кружки кофе на столе
Постановочная корпоративная фотография — рукопожатия, идеальные улыбки, костюмы в переговорной — до сих пор основной визуальный язык банков старой школы. Он читается как «официально», но не как «по-человечески». Тинькофф, Monzo и Starling пошли обратным путём: реальные ситуации, естественный свет, отсутствие натянутых улыбок. Человек с кружкой кофе за ноутбуком выглядит правдоподобнее модели с фотостока — и вызывает больше доверия у аудитории, которая насмотрелась на рекламные клише.
Правило простое: чем моложе и цифровее аудитория продукта, тем дальше нужно уходить от постановочной съёмки в сторону документального стиля — и чем консервативнее аудитория, тем осторожнее нужно менять привычный визуальный код.
Тон голоса как часть визуальной айдентики
Слова — тоже часть айдентики, и финтех понял это раньше банков. Где банк пишет «Request» и «Funds», финтех пишет «Ask» и «Money». Разница не в переводе, а в позиции: банк говорит с клиентом как учреждение, финтех — как сервис с равным партнёром. Эта разница обязана быть видна и в визуале: острые углы и юридический шрифт транслируют дистанцию, скруглённые формы и разговорный тон в интерфейсе — партнёрство. Несовпадение тона текста и формы интерфейса — частая ошибка: дружелюбные скругления при канцелярском тексте выглядят фальшиво.
Матрица решений: что выбрать при ограниченном бюджете
Главная ошибка небольших финтехов — копировать 3D-иллюстрации и кастомные шрифты крупных игроков, потратив на это половину бюджета раунда. Выбор инструментов должен идти от позиции на рынке, а не от амбиций команды.
| Ситуация | Что выбрать | Почему |
|---|---|---|
| Стартап, узкая ниша, мало бюджета | системный шрифт + один акцентный цвет + паттерны из UI-компонентов | не требует кастомных ассетов, легко масштабируется на новые экраны |
| Финтех для массовой молодой аудитории | маскот или иллюстративный персонаж + разговорный тон | снижает страх перед темой финансов, работает на вирусность в соцсетях |
| B2B-финтех продукт | строгая геометрия, минимум иллюстраций, акцент на данных и графиках | аудитория ценит функциональность выше эмоций |
| Небольшой региональный банк | консервативная палитра + осторожное обновление типографики | резкий уход от привычного образа пугает возрастную аудиторию |
| Банк, выходящий в цифровой сегмент | гибридная айдентика: классическое ядро бренда + отдельная цифровая суб-марка | не теряет доверие старой аудитории, но говорит на языке новой |
Айдентика банка и финтеха решают одну задачу — вызвать доверие, но противоположными механиками: масштаб и наследие против скорости и простоты. Выбор конкретного инструмента — цвета, маскота, тона голоса, токена дизайн-системы — должен идти не от референсов конкурентов, а от того, какую эмоцию нужно вызвать у конкретной аудитории в конкретной точке контакта с продуктом.
Актуальные статьи
МегаФон, BMW, ВТБ и ещё 240+ компаний. Смотрите как это выглядит в шоуриле:
В наше брендинговое агентство обращаются, чтобы заказать:
