Лендинг подписки «ВТБ Плюс»

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

Для «ВТБ Плюс» нужно было разработать лендинг, который рассказывает о подписке, показывает ее ценность и делает продукт желанным даже для тех, кто пока не клиент банка.

Главным героем стал coin (монета), который ведет пользователя по сценарию подписки. Он заезжает на мини-станции, вызывает появление преимуществ и собирает аргументы в единый, цельный опыт. Страница ощущается как интерактивная игра благодаря плавным анимациям, стилизованному прелоудеру и интуитивной навигации — контекст при этом не теряется.

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

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

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

Финальный блок подает подписку как упакованный товар, который остается только взять.

Тем, кто любит детали, мы даем спокойную, строгую и привычную часть — таблицы, тарифы, сравнения.

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

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

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

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

Главная сложность — 3D-сцена, которая работает как единый маршрут. На десктопе, планшете и мобильной версии для каждого размера экрана пришлось перекомпоновать сцену, перенастраивать камеру и адаптировать сценарий, чтобы сохранить целостность и эмоцию даже на маленьком экране.

JSON-анимации создавали на стороне дизайна. Так мы сохранили и качество движения, и легкий вес файлов. Это дало быстрый отклик страницы и аккуратную работу всех подсказок.
Кастомный курсор включается только в зоне промо-сценария и не мешает навигации.

Прелоудер выполнен в стилистике концепции: он минималистичный, легкий и продолжает сюжет о путешествии героя, не увеличивая время загрузки.

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

Главным инсайтом стало понимание поведения аудитории: часть пользователей принимает решение мгновенно, часть — только после изучения деталей. Поэтому мы сделали два сценария. А финальный блок стал эмоциональной точкой — моментом, когда подписка как будто бы «подается на блюдечке».

Отдельным открытием стало наблюдение о поп-апах: стандартное модальное окно уводит пользователя из контекста. Мы оставили выбор на том же экране, сохранив фокус и не ломая траекторию его внимания.

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

Текущая доступность работы

Сайт был доступен по приклепленной ссылке до 10 ноября 2025 года, затем был видоизменен заказчиком

Скриншоты