Сайт и дизайн-система для крупного банка

У крупного универсального банка сайт упёрся в потолок: архитектура не масштабировалась, а мобильная и десктопная версии жили как два отдельных сайта с раздельной поддержкой.

Меньше чем за год нужно было спроектировать новую версию — обновить UX и конверсию в заявку, сократить время на эксперименты, ускорить загрузку и собрать две «половинки» в единый сервис.

На старте было около пятисот страниц — за неполный год их стало несколько тысяч. Проанализировали банковские продукты и составили список компонентов, опираясь на исследования банка (аудитория, конкуренты, CJM), и перенесли логику калькуляторов кредитов и вкладов.

Сердце проекта — дизайн-система: библиотека из шести десятков компонентов со стилями шрифтов, отступами, размерами и гайдами по контенту. В связке с дизайн-командой проработали более двухсот изображений и баннеров.

Стек: headless-CMS Strapi, Next.js для статических страниц на React, Chakra UI. Компоненты завели в CMS как типы данных — это дало гибкость и интеграцию с банковскими сервисами.

Настроили четыре окружения, унификацию поставки через Kubernetes и единую админку вместо двух раздельных. Тестирование — ручное и автоматизированное: функциональное, интеграционное, системное, смоук и регрессионное.

Публикация страницы, которая раньше занимала до недели, стала занимать несколько часов — ускорение в семь раз. Это дала связка модели-конструктора и непрерывной доставки.

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