- Заказчик
- «Паритетбанк» — коммерческий банк, работающий на рынке с 1991 года. Обслуживает физических и юридических лиц, предлагая широкий спектр финансовых продуктов.
- Задача
- Банк пришел с задачей привести в порядок весь цифровой фронт: переработать интерфейс сайта, обновить архитектуру, оптимизировать логику и скорость работы обменов.
Как только соглашение о правительстве было подписано, мы приступили к работе. Чего же удалось добиться успеха?
Этап 1. Редизайн и запуск новой версии сайта
Начало проекта с разработкой структуры: в первую очередь собирались страницы, обязательные требования к банку и вводимые продуктовые разделы. Самым объёмным оказался блок «Бизнесу» — более 12 разделов, без сайта которые не могли быть запущены.
Мы выстроили работу по неделям, чтобы сдавать готовые разделы параллельно с их заполнением:
Как шел процесс: когда-то давно мы пересобрали сайт банка, далее в старый дизайн (который мы до этого пересобрали) начали интегрировать новый дизайн, в соответствии с обновленной стилистикой банка.
Делали это не разом, а поэтапно: начали с главной страницы, затем обновили раздел «Карты для физлиц», позже — главную для бизнеса и так далее. Так сайт развивался шаг за шагом в течение 1,5-2 лет, оставаясь удобным и удобным для пользователей.
Дизайн велся параллельно с предложениями: сначала — прототипы и испытания гипотез на макетах, затем — цветовая концепция и адаптивы. Проработали все ключевые элементы.
Финальный бэки собран на Битриксе. Дополнительно мы запустили русскоязычную версию сайта.
Этап 2. Функциональность и предпринимательство
После запуска новой версии сайта мы сосредоточились на развитии функциональности. Ранее в банке уже была внедрена интеграция через API, а сейчас она активно развивается: включает новые данные, оптимизирует скорость загрузки и стабильность работы. Через API сторонние сервисы получают данные по курсам валют, отделениям, банкоматам и результатам расчетов на сайте и т.п. д.
Параллельно мы построили обмен сайта с бэкофисом через брокера сообщений ActiveMQ. Это выстроить асинхронную модель взаимодействия: данные передаются в обход CMS, без нагрузки на Битрикс. Решение повышения стабильности и упростило масштабирование.
Также обновили дизайн калькуляторов для расчета кредитов, депозитов и РКО. Все они работают с актуальными данными и предоставляют пользователю понятный результат в данный момент. Вычисления различий с API могут использоваться как на сайте, так и на внешних цифровых каналах банка.
Мы подключили платформу RocketData, которую банк использует для работы с отзывами и обновлениями.
Отдельно по техническому заданию внедрили версию сайта для слабовидящих. Мы использовали модуль «Мибок» — это достойное решение, позволяющее сохранить настройки контрастности, размера шрифта, а также замедленного озвучивания текста.
Этап 3. Поддержка и развитие
После запуска мы продолжаем работу сайта на постоянной основе. Работа строится в позадачном режиме: берем в работу определенные доработки, сохраняем их по приоритету, следим за стабильностью всей платформы.
В нашей ответственности — поддержка работоспособности сайта, отслеживание обменов, контроль серверной и облачной части, связь с подразделениями банка, доступность интеграций и общее состояние системы. Мы оперативно подключаем новые страницы, помогаем группе банка выдавать кредиты под продукты, следим за фронтом и API, дорабатываем калькуляторы и модули.
Блок отдельной работы — настройка куков в соответствии с законодательством о государственных данных. Реализованы логика:
- Если пользователь не дал согласия, файлы cookie не выбираются
- Если дал согласие, а позже его отозвал, система автоматически удаляет файлы cookie.
Вся механика работает через привычный поп-ап нижнего экрана.
Этап 3. Поддержка и развитие
После запуска мы продолжаем работу сайта на постоянной основе. Работа строится в позадачном режиме: берем в работу определенные доработки, сохраняем их по приоритету, следим за стабильностью всей платформы.
В нашей ответственности — поддержка работоспособности сайта, отслеживание обменов, контроль серверной и облачной части, связь с подразделениями банка, доступность интеграций и общее состояние системы. Мы оперативно подключаем новые страницы, помогаем группе банка выдавать кредиты под продукты, следим за фронтом и API, дорабатываем калькуляторы и модули.
Блок отдельной работы — настройка куков в соответствии с законодательством о государственных данных. Реализованы логика:
Если пользователь не дал согласия, файлы cookie не выбираются
Если дал согласие, а позже его отозвал, система автоматически удаляет файлы cookie.
Вся механика работает через привычный поп-ап нижнего экрана.
Было — стало
Сайт банка должен быть не просто современным — он обязан включать защиту, внушать надежность и не раздражать ничего: ни задержками, ни перегруженностью, ни архаичными формами. Именно это мы закладываем в основу редизайна. Визуальная часть была пересобрана с нуля: новое позиционирование, чистая структура, актуальные графические элементы. Контент адаптировали под мобильные сценарии, внедрили кредиты под конкретные услуги, усилили акценты на конверсионные блоки.
Но главное — изменения не ограничивались косметикой. Мы поработали с фронтом, переложили архитектуру так, чтобы страницы загружались быстрее и стабильнее. По замерам, скорость груза выросла почти вдвое. Технический долг сократился: код стал легче, серверу — проще, пользователю — комфортнее.
Если говорить о дизайне, то лучше один раз увидеть, чем сто раз услышать.
Было:
Стало:
Результаты
За время работы над проектом мы прошли с «Паритетбанком» полный цикл: разработка сайта, поддержка, редизайн и снова поддержка. Запустили новую версию сайта в сжатые сроки, развернули API, подключили специалистов, успешно отказались от устойчивости и ограничения UX для всех аудиторий, включая слабовидящих пользователей.
Также разработани второй сайт под иностранную аудиторию.
Интерфейсы стали быстрее: после перехода на асинхронную архитектуру и оптимизации фронта страницы загружаются почти вдвое быстрее.
Функциональность продолжает расти: банк оперативно запускает новые кредиты и калькуляторы, а мы — беременные на себя, осуществляем контроль за качеством.
