Цена дорогих денег

1. Идея и концепция
2. Исходные данные
3. Инфографика
4. Дизайн-система
5. Мокапы носителя
6. Процесс
7. Выводы
8. Источники

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

Я выбрала эту тему, потому что данные Банка России один из немногих открытых, полных и достоверных рядов о российской экономике, охватывающих более десятилетия. За 13 лет, с октября 2013 по март 2026, регулятор менял ставку более 70 раз. За каждым изменением стоит решение, реакция на кризис, попытка удержать инфляцию вблизи 4%.

График ставки напоминает кардиограмму. Пики 2014, 2022 и 2024 годов это отклики на санкции, пандемию и геополитические шоки. Впадина 2020 года это экстренная поддержка экономики в период COVID. Этот ритм и есть наглядная история российской макроэкономики, рассказанная цифрами.

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

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

В основе сюжетной структуры лежит схема эмоциональных качелей, знакомая по лекциям А. Новичкова: знакомство с материалом, нарастание напряжения, пик и последующее разрешение. Каждый кризис на графике представляет собой локальное качание, а общая динамика с 2013 по 2026 год выстраивается в большую волну с двумя главными пиками и одной глубокой впадиной. Для усиления эффекта используется приём царь-факт: экстремальное значение ставки в 21%, зафиксированное в октябре 2024 года, служит эмоциональным якорем всей композиции.

Для проекта использован набор данных, состоящий из трёх временных рядов с помесячной частотой. Это ключевая ставка ЦБ, годовая инфляция и целевой уровень инфляции в 4%. Единым источником выступили открытые данные Банка России с официального сайта cbr.ru, что обеспечивает полную сопоставимость показателей и юридическую чистоту используемой информации. Временной период охватывает 150 месяцев без пропусков — с октября 2013 по март 2026 года. Показатели фиксируются ежемесячно на конец отчётного периода. Все данные относятся к категории публичных, их свободное использование разрешено при условии обязательной ссылки на первоисточник.

ходе подготовки данных были выполнены несколько последовательных преобразований. Даты из столбца «MM.YYYY» распарсены на отдельные компоненты года и месяца, а также добавлен столбец с последним днем месяца для корректного построения хронологической оси. Проведена очистка: все значения приведены к числовому типу с плавающей точкой, выполнена проверка на пропуски, а для всех периодов целевой уровень инфляции заполнен значением 4%. Для дальнейшего анализа рассчитаны среднегодовые показатели, использованные в столбчатой диаграмме, и вычислена реальная ставка как разность между номинальной ставкой и инфляцией. Кроме того, применена категоризация лет по уровню ставки — норма, повышенная, экстремум — что позволило использовать цветовую кодировку на визуализациях.

Форматом проекта являтся двухполосный разворот журнала «КОНТЕКСТ» построен по классической схеме: левая полоса отдана тексту, правая — графике. На левой странице размещаются заголовок, лид и три ключевых цифровых блока. Правая страница содержит три диаграммы: главный таймлайн, среднегодовую ставку и хронологию событий.

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

Иерархия строится вокруг заголовка «Цена дорогих денег». Слово «денег» выделено красным курсивом — это эмоциональный акцент, который перекликается с цветовой кодировкой ставки на всех графиках проекта.

Цветовая палитра единая для всех носителей: обложки, разворота и мокапов. Ключевая ставка обозначена красным, инфляция — синим, целевой уровень в 4% отмечен серым пунктиром. Такая последовательность позволяет легко считывать данные без дополнительных пояснений.

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

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

Композиция разворота строится на сетке из двух полос, каждая из которых разбита на шесть колонок. Базовая линия задана с шагом 4 мм. Внутренние поля составляют 50–60 мм, ширина корешка — 10 мм. Все элементы вёрстки жёстко привязаны к колонкам, что обеспечивает структурную целостность страницы.

Для лонгрида предусмотрена отдельная сетка с максимальной шириной контента 1180 пикселей. На мобильных устройствах она адаптируется в одну колонку. Вертикальный ритм задаётся отступами между секциями в диапазоне 90–110 пикселей, что создаёт равномерное дыхание страницы.

Минимальный размер шрифта зафиксирован на уровне 10 пунктов в печатной версии и 11 пикселей на экране. Это гарантирует, что подписи к данным останутся читаемыми даже при сжатии макета. Контрастность текста и фона выдерживается на уровне не ниже 7:1, что соответствует стандартам AAA для доступности контента.

Работа над проектом началась со сбора данных. С сайта Банка России cbr.ru были скачаны открытые таблицы за период с октября 2013 по март 2026 года с помесячной частотой. В исходном файле содержались три показателя: ключевая ставка, годовая инфляция и целевой уровень инфляции. Проверка показала полноту выборки — 150 наблюдений без пропусков. Источник полностью публичный и юридически чистый, что важно для воспроизводимости результатов.

Следующий этап — очистка и преобразование. Столбец с датами формата «MM.YYYY» требовалось превратить в полноценную дату с последним днём месяца, для чего использовалась библиотека calendar. В исходных данных встретилась особенность: в некоторых строках год был усечён до трёх цифр, например «202» вместо «2020», поэтому пришлось добавить защитную проверку длины. Числовые типы приводились через pd.to_numeric, для ранних периодов целевой уровень заполнялся значением 4. Дополнительно были агрегированы среднегодовые значения для столбчатой диаграммы и рассчитана реальная ставка как разность между номинальной ставкой и инфляцией.

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

Визуализация и вёрстка выполнялись программно. Диаграммы реализованы с точным контролем над сеткой, цветом и типографикой. Финальный разворот свёрстан в HTML/SVG, что позволило сохранить векторное качество и быстро вносить изменения. Все цвета закодированы CSS-переменными — так обеспечивается идеальная согласованность палитры между обложкой, разворотом и лонгридом. Вместо штатных Georgia и Arial использовались их локальные аналоги DejaVu Serif и DejaVu Sans, поскольку среда рендера не гарантирует наличие оригинальных шрифтов.

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

Я использовала ИИ-ассистента (Claude) на трёх этапах работы. Все концептуальные решения — выбор палитры, иерархии, ключевых сюжетных точек и формата носителя — принимались мной самостоятельно.

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

При обработке данных ИИ помогал с Python-скриптами для парсинга дат в формате «MM.YYYY», агрегации по годам и расчёта производных метрик.

На этапе вёрстки ассистент использовался для генерации черновых вариантов HTML/SVG, что позволило быстро итерировать композицию и отлаживать CSS Grid.