Редизайн корпоративного сайта банка и калькуляторы для вкладов, ипотеки и кредитов. Задача была собрать большую линейку продуктов так, чтобы человек сам разобрался в условиях и дошёл до заявки, не звоня в банк.
От разрозненных продуктов к понятному выбору
У банка большая линейка: вклады, кредиты, ипотека, карты и сервисы. На старом сайте всё это лежало вперемешку, и человеку было трудно сравнить условия и посчитать выгоду. А чем сложнее посчитать, тем больше людей уходит, не дойдя до заявки.
Что было до редизайна:
— Продукты лежали общим каталогом, и человек не понимал, что относится лично к нему.
— Чтобы узнать платёж по кредиту или доход по вкладу, приходилось звонить в банк или оставлять заявку вслепую. Расчёт жил не на сайте, а в голове у оператора.
— Разделы были собраны на разных шаблонах, поэтому сайт выглядел как набор страниц, а не как один продукт.
Каждому видно своё
Главная и витрина продуктов отвечают на вопрос «что подходит именно мне». Я разнёс предложения по понятным группам и по сегментам: семьям, молодёжи, пенсионерам, зарплатным клиентам.
Человек сразу попадает на свою полку, а не листает общий каталог.
Каждая карточка продукта показывает то, что влияет на решение, и ведёт к одному и тому же следующему шагу. За счёт этого витрина читается быстро и не превращается в стену текста.
На тесте прототипа с десятью участниками задачу «найти подходящий под свою ситуацию продукт» выполнили девять из десяти и без возврата в общее меню, против примерно половины участников на старой структуре.
Посчитать раньше, чем спросить
Калькуляторы это сердце проекта. Идея простая: человек должен увидеть свои условия сам, до звонка и заявки. Поэтому результат пересчитывается сразу, пока двигаешь ползунок, без отдельной кнопки «рассчитать».
Я свёл сложный расчёт к нескольким понятным параметрам и показал итог так, чтобы он снимал тревогу. Ставка, ежемесячный платёж и сумма к получению видны ещё до заявки. Вклады, ипотека и кредиты собраны на одном компоненте с общей логикой, поэтому опыт расчёта везде одинаковый, а поддерживать его проще.
Здесь была важная развилка. Сначала калькулятор был отдельным шагом с кнопкой «рассчитать», и на тестах люди не понимали, что от ввода что-то изменится, и не доходили до результата. Я перешёл на мгновенный пересчёт по ползунку: итог реагирует на каждое движение, и человек играет с условиями, а не заполняет форму.
— Обращения в поддержку с просьбой «помогите посчитать» сократились примерно на 30%
— Доля заявок прямо со страницы с калькулятором выросла с 22% до 41% от всех заявок продукта.
— Расчёт стал самостоятельным шагом сценария: человек приходит в банк уже с понятными цифрами.
Продукты, которые легко сравнить
Карты и платёжные продукты я подал единым языком, чтобы их было удобно сравнивать между собой. Стикер для оплаты, цифровые карты, тарифы: у каждого одинаковая структура и акценты на том, что важно при выборе. Решение «какая карта мне нужна» принимается на одном экране, без перехода между разрозненными страницами.
Путь от интереса к заявке стал короче
Навигация: продукты разложены по сегментам, девять из десяти в тесте находили своё без возврата в каталог
Калькуляторы: самостоятельный расчёт до заявки снизил обращения в поддержку примерно на 30% и поднял долю заявок с калькулятора с 22% до 41%.
Система: единый язык на десятках страниц и сборка новых страниц за часы.
Главное решение проекта: дать человеку посчитать выгоду самому. Когда условия понятны заранее, заявка перестаёт быть прыжком в неизвестность, и это видно по тому, что люди стали доходить до неё, не звоня в банк.