Редизайн сайта ОТП Банка

Главное о кейсе

ОТП Банк провёл ребрендинг. Нужно было адаптировать брендбук для digital и полностью обновить сайт: превратить его в эффективный канал продаж и создать систему для долгосрочного развития.

Мы провели редизайн, тесно работая с командой банка. Вшили в сайт ДНК бренда «Давай сделаем!» — яркость, драйв и действие. Переработали архитектуру и пользовательские сценарии, чтобы сайт был простым и интуитивным.

Создали единую дизайн-систему с визуальными метафорами, использовали AI для визуализации продуктов, добавили интерактивные калькуляторы и слайдеры. Иллюстрации стали инструментом для решения задач пользователя, а продуктовые страницы — удобными и конверсионными. Для Premium и Private сегментов разработали отдельный визуальный язык.

Результат — средний рост конверсии по продуктам +40%.

Как проект изменил жизнь пользователей

Сайт стал интуитивным и быстрым. Пользователи получили понятную навигацию, удобные калькуляторы для расчёта кредитов и вкладов, визуально чёткие продуктовые страницы. Теперь не нужно копаться в условиях — всё видно сразу на первом экране. Иллюстрации помогают, а не отвлекают. Выбрать карту, рассчитать кредит и подать заявку стало проще и быстрее, что показывают цифры конверсии.

Бизнес-задача и ее решение

Нужно было адаптировать новую айдентику для digital, превратить сайт в эффективный канал продаж и построить систему для долгосрочного масштабирования.

Мы переработали всю архитектуру сайта и пользовательские сценарии. Построили продуктовые страницы вокруг задач клиентов, вынесли ключевую информацию на первые экраны, внедрили интерактивные инструменты для быстрого принятия решений и яркую графику, поддерживающую пользователя.

Создали гибкую дизайн-систему, которая позволяет банку быстро запускать новые продукты и масштабировать платформу.

Результаты:

- Средний рост конверсии по продуктам — 40%
- Глубина просмотра — 3
- Показатель отказов — 18%
- Время на сайте — 3:35

Крафт (мастерство), реализация, технические детали

Решение включало полное обновление продуктового сайта: мы оптимизировали интерфейс, сделали дизайн ярким и динамичным, сосредоточенным на задачах пользователей и данных ключевых метрик. Добавили интерактивные элементы — калькуляторы и слайдеры, которые упростили процесс выбора продуктов. Использование нейросетевых изображений стало отдельным новшеством: оно помогло улучшить качество визуализации и сделать продукты более понятными и близкими аудитории.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

Проект привел к улучшению конверсий на ключевых продуктовых страницах, что в перспективе увеличивает общий показатель доходности сайта. Например, страница кредита наличными показала рост конверсии на 4,13%, а визуальные отказы уменьшились в 4 раза. Эти результаты предполагают долгосрочный вклад в экономику продукта, благодаря повышению эффективности онлайн-продаж и улучшению пользовательского опыта.

Скриншоты