Исследование аудитории
24 интервью с редакторами, 612 анкет читателей и тепловые карты существующих сайтов. Мы выделили 6 типов читателей и их сценарии: от «читаю одну статью» до «живу в ленте».
Кейс · Медиа · 2024
Papers — платформа, где независимая журналистика приносит доход
Мы спроектировали и запустили digital-платформу для 40 независимых изданий: от контент-модели и дизайн-системы до фронтенда и монетизации. За 9 месяцев аудитория выросла в 3,4 раза.
3,4×рост аудитории за 9 месяцев
Контекст
Кризис традиционных медиа и почему платформа стала ответом
К 2023 году рынок печатных изданий в стране потерял около 22% тиража за пять лет, а рекламные бюджеты ушли в короткие видео. Независимым редакциям оставался выбор: исчезнуть или собрать собственную цифровую инфраструктуру.
К нам обратилось объединение из 40 независимых изданий — от еженедельных газет до нишевых журналов о науке и урбанистике. У каждого были свой сайт на разных CMS, своя типографика и своя монетизация. Результат — фрагментированная аудитория, дублирующиеся подписки и нулевая кросс-промо.
Задача была не «сделать красивый сайт», а построить единую контент-платформу, где редакции сохраняют авторство, а платформа отвечает за UX, подписки, аналитику и рост. Мы взяли на себя весь цикл: от исследования аудитории до запуска и первых 90 дней эксплуатации.
Контент-модель и UX
Одна структура для 40 редакций
Прежде чем открыть Figma, мы две недели работали с редакторами и читателями. Инсайты легли в основу контент-модели, которая до сих пор является ядром платформы.
Контент-модель
Единая схема из 14 типов материалов — от коротких заметок до длинных расследований. Каждый тип имеет свои поля, метаданные и правила вёрстки, но общая логика одна.
UX-прототип и тесты
Кликбейт-механики и бесконечная лента ушли. Мы спроектировали «ленту-книжку»: статьи с пагинацией, чёткой иерархией и явными действиями. Тестировали на 48 пользователях в трёх городах.
Доступность и скорость
WCAG 2.1 AA, поддержка клавиатуры и скринридеров, LCP ниже 1,8 секунд. Платформа должна работать и на трёхлетнем смартфоне, и в режиме «экономия трафика».
Дизайн-система
Типографика, сетки и иконки — один язык
01
Типографика
Две шрифтовые семьи: гротеск для интерфейса и антиква для текста статей. 12 размеров, 4 начертания, кириллица полностью. Сетка отступов — 8px, базовый шаг — 1,5.
02
Сетки и модули
12-колоночная сетка с 24px-гutters и 3 уровнями вложенности. Карточка статьи — модуль 4×3, длинный текст — 6 колонок. Все размеры выведены из одной базовой единицы.
03
Иконки и пиктограммы
84 иконки на сетке 24×24, толщина 1,5px, скругление 2px. Три стиля: линейный для интерфейса, заполненный для активных состояний, микро-иконки для меток.
04
Цвет и контраст
Базовая палитра — 6 цветов + 8 уровней серого. Акцентный красный — только для CTA и подписки. Все пары текста и фона проходят проверку контраста от 4,5:1.
05
Компоненты
58 компонентов: от кнопки и чипа до карточки статьи и модалки подписки. Каждый — с вариантами, состояниями и тёмной темой. Документировано в Storybook.
06
Гайдбук и токены
Дизайн-токены в JSON, гайдбук из 140 страниц и библиотека в Figma. Редакции получили всё, чтобы добавлять материалы без дизайнера — и без поломки системы.
Фронтенд и интеграции
Скорость, SEO и 40 подключённых редакций
Фронтенд мы собрали на современном стеке, чтобы платформа держала нагрузку и оставалась быстрой на любом устройстве. Ниже — ключевые решения, которые повлияли на результат.
Стек и производительность
SSR-приложение на фреймворке с потоковой загрузкой. LCP — 1,6 сек, CLS — 0,02. Картинки в AVIF с фолбэком в WebP, шрифты через font-display: swap.
SEO и микроразметка
Schema.org для статей, авторов и изданий. Чистые URL, canonical, Open Graph и JSON-LD. После запуска индексация новых материалов стала происходить в течение часов, а не недель.
Подписки и биллинг
Тарифы «Пресса» и «Все издания», оплата по картам и через локальные платёжные системы. 14-дневный пробный период, отложенные платежи и автоматическая отписка.
Интеграции и API
REST- и GraphQL-API, webhooks для CMS редакций, синхронизация с аналитикой и CRM. Каждая из 40 редакций подключилась без переписывания своего контента.
Мы впервые почувствовали, что платформа работает на нас, а не наоборот. Читатели остаются дольше, подписки растут — и мы просто пишем.
Марина Ковалёва · главный редактор, издание «Городской журнал», участник платформы Papers
Результаты
Рост аудитории и монетизация
3,4×рост уникальных посетителей за 9 месяцев
18тысяч платящих подписчиков к концу года
4,1мминут — среднее время чтения одной статьи
62%доля выручки изданий от подписок, а не рекламы
Связаться