Кейс банка Раунд и Первого Бита: редизайн сайта и переход на 1С-Битрикс

Для банковского сайта важно не только соответствовать требованиям законодательства, но и вызывать доверие с первых секунд. Сайт должен внушать ощущение надёжности, подчёркивать заботу о клиенте и быть интуитивно понятным. Большую роль в этом играет дизайн. Именно он задаёт тон взаимодействию и влияет на восприятие сервиса. 

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

О заказчике

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

С чего начался проект

— Почему вы решили обновить сайт?

— Вячеслав Митягин: У банка Раунд богатая история, и мы всегда стремимся быть на шаг впереди в предоставлении качественных услуг своим клиентам. Обновление сайта стало частью нашей стратегии по улучшению клиентского сервиса. 

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

— С какими задачами вы пришли?

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

— Как вы выбирали подрядчика? 

— Вячеслав Митягин: Для нас важно было найти не просто разработчиков, а партнёров, которые разделяют наш подход к ответственности и качеству. В итоге мы остановились на компании «Первый Бит». На рынке они зарекомендовали себя как надежный и опытный исполнитель с глубоким пониманием задач бизнеса и высоким уровнем экспертизы в области разработки сайтов на платформе 1С-Битрикс. 

Реализация проекта 

— С чего началась работа над проектом? Какие были первые шаги? 

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

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

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

Главная страница сайта

— Были ли доработки после того, как сайт сверстали?

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

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

Иногда приходилось менять и объем контента. Например, изначально в некоторых макетах было предусмотрено несколько ссылок на документы, а уже в ходе работы выяснилось, что нужно добавить еще. Поэтому мы активно работали над наполнением сайта.

Банковское обслуживание для юридических лиц

— Как было организовано взаимодействие между командами в процессе работы?

— Екатерина Сумарокова: Для управления проектом мы использовали простую и понятную схему: таблицы, чаты и регулярные созвоны. Вся основная информация фиксировалась в таблице. Отдельно Битрикс24 мы не подключали — не хотелось усложнять процесс дополнительными доступами. К тому же никакой информации, потеря которой привела бы к серьезным последствиям, в таблице не было.

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

— Что важно было учесть при обновлении дизайна сайта?

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

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

Предложения для физических лиц

Тестирование и запуск

— Как проходил этап тестирования сайта? На что вы обращали внимание в первую очередь?

— Екатерина Сумарокова: После завершения разработки мы передали сайт заказчику для финального тестирования. Основное внимание при тестировании уделяли корректности отображения информации и работе сайта на разных устройствах. Мы несколько раз встречались с клиентом для обсуждения баг-листа. В баг-листе фиксировались все замечания, и по мере их устранения мы вносили правки. В целом, процесс прошёл спокойно, так как заранее были уточнены все важные вопросы. Также на стороне банка проводились пентесты — тесты для проверки безопасности сайта. 

— Как проходили обучение и подготовка к запуску сайта?

— Екатерина Сумарокова: Со стороны банка был специалист, хорошо знакомый с административной панелью 1С-Битрикс, поэтому обучение прошло в формате одной встречи. Мы подготовили инструкции и подробно рассказали, как работать с сайтом. Где нужно было — точечно объяснили нюансы по сложным моментам.

После этого начался этап переноса сайта на хостинг и подготовки к запуску. Изначально планировалось, что разработчик приедет в Москву и установит сайт лично, поскольку это касалось вопросов безопасности. Но в итоге остановились на варианте, при котором мы подготовили инструкции, передали исходники, а команда банка самостоятельно развернула сайт. Мы оставались на связи и консультировали по ходу процесса. Запуск сайта состоялся в запланированные сроки.

— Вячеслав Митягин: Сайт успешно работает, мы получили именно тот результат, на который рассчитывали — современный, удобный и стабильный ресурс.

Вход в интернет-банк

Перспективы и планы

— Какие доработки планируются в ближайшее время? Как будет построено дальнейшее сотрудничество?

— Екатерина Сумарокова: В ближайшее время мы планируем доработки сайта — будем добавлять новые страницы и разделы. Недавно, например, появилась страница «Цифровые финансовые активы». Также в планах есть запуск контекстной рекламы и работы по SEO-продвижению, чтобы привлечь больше пользователей на сайт. 

— Вячеслав Митягин: Запуск сайта — важный шаг, но мы изначально понимали, что это только начало. Совместно с командой Первого Бита уже обсуждаем новые доработки и возможности для развития.

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