Банк Санкт-Петербург — крупный региональный банк с сильной привязкой к городу и его характеру. Сайт обслуживает частных клиентов, бизнес и премиальную аудиторию.

AIC работал над визуальным языком сайта: как передать петербургский характер бренда и при этом сохранить удобную, понятную витрину продуктов.

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

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

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

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

На основе концепции проработаны продуктовые страницы: карты, вклады, кредиты, ипотека, премиальные продукты. Единая структура помогает клиенту быстрее находить условия и переходить к оформлению.

Через сравнение двух концепций и сборку дизайн-системы AIC задал сайту Банка Санкт-Петербург узнаваемый визуальный язык, который масштабируется на весь продуктовый каталог.