Номинируйте кейсы на Workspace Digital Awards 2026. Прием заявок до 15 марта по льготной цене, успейте принять участие!
QSOFT
Виртуальная выставка к 165-летию Банка России «Главный банк страны: история в лицах»
QSOFT
#Проектирование сайта#Дизайн сайта#Программирование сайта

Виртуальная выставка к 165-летию Банка России «Главный банк страны: история в лицах»

QSOFT Россия, Москва
Поделиться: 0 0 0
Клиент

Банк России

Сфера

Образование, наука, работа

Регион

Россия

Сдано

Октябрь 2025

Задача

Требовалось создать интерактивную виртуальную выставку к 165-летию Банка России на базе проекта «Библиотека Банка России», которая рассказывает историю банка от его основания до наших дней через биографии его председателей.

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

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

Решение

Разработали интерактивную виртуальную выставку на базе проекта «Библиотека Банка России», объединив разрозненные архивные материалы в единую цифровую экспозицию. Продумали структуру, логику и сценарий повествования, представив историю Банка России через ключевые этапы его развития и биографии председателей. Реализовали интерфейс с уникальным визуальным и навигационным подходом для каждой эпохи, продумали UI/UX, чтобы упростить работу с большим объемом материалов и сделать историю банка понятной для широкой аудитории

1Поиск оптимального решения

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

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

2Проработка материалов

Заказчик собрал материалы в единую структуру из четырех исторических периодов и определил, что и где должно быть размещено. Со стороны QSOFT мы внимательно проработали этот массив при верстке: корректно распределили большое количество ссылок, PDF-документов и архивных материалов.

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

3Разработка

33 страницы председателей и архивные источники

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

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

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

Анимации и интерактивные элементы помогают удерживать внимание и делают навигацию понятной, при этом не перегружая контент.

4Дизайн

Для каждого периода разработали отдельную визуальную систему: цветовые палитры (основанные на флагах) и фактурные фоны (мрамор, кожа, гранит, современные материалы). Дополнительно использовали сочетание шрифта с засечками для «книжности» и шрифта под печатную машинку для стилизации архивных документов.

Для 33 лендингов использовали чередование разных по плотности блоков и фонов — от насыщенных до минималистичных. Это позволяет «разгружать» восприятие при работе с большим объемом текста и избегать ощущения монотонности при длительном просмотре.

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

При разработке интерфейса учитывали требования доступности (A11Y): читаемые шрифты, достаточный контраст текста и фона, логичную навигацию и предсказуемое поведение элементов. Это делает выставку удобной для просмотра с разных устройств и позволяет комфортно работать с большим объемом текста и архивных материалов.

5Адаптация

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

Результат

Мы разработали интерактивную виртуальную выставку на базе проекта «Библиотека Банка России», объединив разрозненные архивные материалы в единую цифровую экспозицию. Продумали структуру, логику и сценарий повествования, представив историю Банка России через ключевые этапы его развития и биографии председателей. Реализовали интерфейс с уникальным визуальным и навигационным подходом для каждой эпохи, продумали UI/UX, чтобы упростить работу с большим объемом материалов и сделать историю банка понятной для широкой аудитории

Ключевые показатели проекта:

- 162 000+ просмотров виртуальной выставки за первые полтора месяца

- 73 000+ уникальных пользователей посетили выставку

- 33 уникальных лендинга разработано

- 250+ изображений использовано

- 4 цветовые палитры созданы для визуального разделения исторических эпох

https://library.cbr.ru/media/virtual_exhibitions/br/

Оцените кейс
Спасибо за оценку
Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

QSOFT с удовольствием обсудит вашу задачу

Оставить заявку