← Все работы

CMS Омскинформ · Медиа / редакционный процесс

Кейс № 01 · CMS · Медиа · 2024–25

Редакция тратила 15 минут на публикацию и боялась системы. Теперь — 7 минут и инструмент, который работает.

CMS Медиа Редакционный процесс Ролевые модели Операции
Клиент
Омскинформ
Индустрия
Медиа / региональный портал
Роль
Единственный продуктовый дизайнер
Команда
Я + разработка + представитель редакции
Методы
8 интервью · 3 раунда юзабилити · модели ролей
Сроки
2024-25 · в проде с мая 2025
Моя роль
Единственный продуктовый дизайнер · от исследования до сопровождения разработки
Ключевое решение
Объединить 5 ролей в одном сценарии публикации и защитить критические действия от случайных ошибок.
Результат
Публикация 14→7 мин · критические ошибки −67% · CSAT 3.2→4.6.
Редактор статьи в CMS Омскинформ с панелью истории правок

TL;DR — что изменилось

CMS перестала мешать и стала рабочим контуром редакции.

Публикация

14→7 мин Время создания новости −50%

Критические ошибки

−67% Меньше удалений и блокировок

Удовлетворённость

3.2→4.6 Команда увидела инструмент

Реклама

−45% Ошибки в баннерах почти вдвое

Омскинформ работал на устаревшей CMS, которой команда не доверяла. Задача — перепроектировать систему так, чтобы редакция работала быстрее, увереннее и без постоянных обходных сценариев.

01 Проблема

Редакция работала в системе, которая замедляла публикации и держала людей в страхе ошибки.

Пользователь

Публикация срочной новости — 15 минут и 4 раздела. Нет автосохранения — писали в Word, боясь потерять материал. Модераторы вручную фильтровали комментарии по 4 часа в день. Логику баннеров знал один человек.

Бизнес

CMS тормозила процесс, плодила ошибки в рекламе и создавала операционные риски. Система съедала часы ручной работы и держала редакцию в зависимости от отдельных сотрудников.

5 ролей с разными потребностями Нет мобильной версии Команда потеряла доверие к системе
Новый редактор статьи — единый workflow с автосохранением
Старая админка — перегруженная форма редактирования новости
Потяните шторку: форма редактирования в старой CMS — и новый редактор.
«Система больше мешает, а не помогает. Каждая публикация — это испытание нервов.» Иван Феодосов · главный редактор

02 Моя роль

Я собирал не набор экранов, а систему, которой редакция сможет доверять.

Зона ответственности

Единственный дизайнер на проекте. 8 интервью и 3 раунда юзабилити-тестов, система для 5 ролей, сопровождение реализации вместе с разработкой.

Задача

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

03 Исследование

Главная проблема оказалась не в интерфейсе, а в сломанном редакционном workflow.

Инсайт 01

Фрагментированный workflow

Для одной публикации нужно 4 раздела. Когнитивная перегрузка превращалась в ошибки.

Инсайт 02

Нет защиты от ошибок

Журналисты могли удалить или заблокировать материалы друг друга.

Инсайт 03

Узкое место в знаниях

Баннерную систему знал один человек — критическая зависимость.

Инсайт 04

Юридические риски

В старом процессе не было контроля прав на изображения.

Журналист

«Когда звонит редактор с горящей новостью, я хочу опубликовать её за 5 минут без страха что-то сломать.»

Редактор

«Утро понедельника, нужно видеть полную картину всех материалов и контролировать дедлайны.»

Модератор

«Вечер пятницы, 200+ комментариев под горячей новостью — нужно очистить ленту, не тратя 4 часа.»

Администратор

«Рекламный отдел просит баннер на главной — нужно разместить без ошибок и не сломать вёрстку.»

Корректор

«Журналист передал текст, публикация через 30 минут — нужно быстро проверить и вернуть автору без копирования в Word.»

РольСитуацияЗадачаПрепятствияРешение
ЖурналистСрочное событие, звонит главредОпубликовать и быть первым источником4 раздела = 15 мин, нет автосохраненияВсё на одном экране, автосейв 30 сек, 7 мин
РедакторУтро понедельника, контент-планВидеть картину и контролировать дедлайныНет единого дашборда, блокировкиДашборд статусов, роли с правами, уведомления
МодераторВечер пятницы, 200+ комментариевУдалить токсичное до аудиторииЧитать всё вручную 2–4 часаAI фильтрует 90%, приоритизация спорных, мобайл
КорректорТекст передан, публикация через 30 минБыстро проверить и вернуть авторуНет инструментов, копируют в WordВстроенная проверка, подсветка, очередь
АдминистраторРеклама просит баннер на главнойРазместить без ошибок и не сломать вёрсткуСложная логика, знает 1 человекВизуальный конструктор, превью, валидация дат

04 Как изменился сценарий

Сценарий перестал распадаться на разделы и собрался в один контур.

Было

Список — только старт, дальше сценарий распадался. Заголовок, обложка, SEO жили отдельно. Предпросмотр спрятан. Любой сбой = потеря текста, поэтому страховались Word-документами.

Стало

Список и редактор — одна логика. Ключевые параметры рядом с текстом. Предпросмотр в потоке. Автосохранение и защита страхуют внутри системы.

05 Развилки

Несколько развилок определили, выдержит ли CMS ежедневный темп.

Дашборд

Какой формат выдержит темп?

Альтернатива Канбан / календарь

Визуально удобно, но по-разному ведут себя на объёме

Почему не подошло

Канбан мельчает на 15–20 карточках в день, календарь слаб для повседневной сортировки

Решение Список

Быстрее читается и фильтруется при высоком темпе

Редактор

Удобство без взрыва сложности?

Альтернатива WYSIWYG / блоки

«Современнее» на первый взгляд

Почему не подошло

WYSIWYG грязнит HTML, Notion-блоки дороги по срокам

Решение Markdown + быстрые действия

Чистый HTML, обучение команды за 3–4 дня

Роли

Гибкость или предсказуемость?

Альтернатива Конструктор прав

Максимум гибкости для админа

Почему не подошло

Для маленькой редакции — лишняя путаница и новые ошибки

Решение 5 фиксированных ролей

Простое администрирование, понятные границы

Медиа

Быстрый старт или контроль?

Альтернатива Внешний сервис

Скорость внедрения

Почему не подошло

Не обеспечивает контроль прав и метаданных внутри сценария

Решение Своя библиотека

Полный контроль над юридически важной частью

06 Юзабилити-тесты

Тесты показали, где CMS заставляет искать, сомневаться и ошибаться.

5 респондентов, модерируемое онлайн-тестирование, think-aloud протокол.

100% журналистов

Игнорировали настройки статьи — начинали сразу с редактора, пропуская заголовок, обложку, SEO.

75% респондентов

Не могли найти предпросмотр. Функция была скрыта, время поиска — 2+ минуты.

«Предпросмотр пока не понимаю, как… Тут не вижу, значит он где-то внутри.»
100% путались

Дублирование функционала в редакторе и настройках ломало структуру заголовков.

«Когда наводишь на иконку, не всё подписывается. Сложнее быстро понять, что где.»

Что внедрили сразу

  • Автооткрытие панели настроек при создании статьи
  • Кавычки-ёлочки и тире в быстром доступе
  • Тултипы для всех иконок
  • Кнопка предпросмотра в списке новостей

Результаты валидации

  • Сценарий S01: 14.3 → 7 минут
  • Ошибки на сценарий: 4.3 → 1.2
  • Найденность функций: ~60% → 95%
  • Нужна помощь модератора: 80% → 20%
«Видно, как пользователи работают. Я сразу пошёл и составил себе список исправлений. Видно, что юзеру нужно, а не то, что мы думаем.» Фронтенд-разработчик проекта

07 Решения

Четыре слоя, которые превратили CMS в рабочий инструмент.

07.1

Редакционный контур

Лента новостей в CMS — десктоп

1 / 2

Мобильные экраны: лента, материал и настройки публикации

Список материалов и редактор статьи собраны в единый workflow. Автооткрытие настроек, автосохранение каждые 30 секунд, защита от конфликтов и быстрая типографика. Тот же сценарий доступен с телефона.

Результат: публикация 14 → 7 минут
07.2

Права внутри workflow

Матрица ролей и прав в редакционном workflow

Права разложены не как абстрактная ACL-таблица, а как редакционный сценарий: кто создаёт, кто проверяет, кто публикует, кто модерирует. Понятные границы без сложного конструктора прав.

Результат: меньше случайных ошибок, быстрый онбординг
07.3

Медиабиблиотека

Медиатека: сетка изображений, фильтры и теги

1 / 2

Отдельная медиабиблиотека с базовой обработкой, метаданными и учётом прав. Более понятная работа с изображениями и закрытые юридические риски, которые раньше вообще не контролировались.

Результат: контроль над правами на изображения
07.4

Баннеры + модерация

Конструктор баннеров с превью на сайте, пресетами позиций и валидацией дат

1 / 2

Модерация спорного комментария с телефона

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

Для модерации — гибридный workflow: AI фильтрует 90% типовых случаев, спорные комментарии уходят на ручную обработку — в том числе с телефона.

Результат: время модератора 4 часа → 1 час · ошибки в баннерах −45%

08 Влияние

Редакция стала работать быстрее, а бизнес убрал часть операционных рисков.

На команду и ежедневную работу

  • Удовлетворённость системой: 3.2 → 4.6
  • Онбординг нового сотрудника: 30 → 5 минут
  • Меньше времени на обходные сценарии и ручные проверки

На бизнес

Снижение ошибок в рекламных размещениях на 45% напрямую уменьшило операционные потери. Зависимость от «незаменимого» сотрудника по баннерам удалось убрать.

09 Итог

Хороший B2B-UX — не про красоту, а про работу без страха.

Неделя интервью и наблюдений дала больше инсайтов, чем месяцы работы по ТЗ. Хороший UX в B2B — про то, чтобы люди делали работу быстро и без страха.

Автосохранение, блокировки, фиксированные роли — не фичи, а ответ на реальный страх: нажать не туда и сломать чужую работу.

Что сделал бы иначе

Раньше провёл бы тест на вайрфреймах

Тестировали уже детально проработанный интерфейс. Инсайт про панель настроек важный, но дорогой.

Раньше вовлёк бы разработку

Разработчик, сам переписавший список задач после теста — лучший момент проекта. Но он случился поздно.

Договорился бы о метриках до старта

Бизнес-метрики оцифровал ретроспективно. Baseline с самого начала сделал бы импакт убедительнее.

Следующий кейс

MetaKit — кастом-разработка событий стала продуктом

SaaS · Events · 2022–23 · сборка события 14→4 дня, self-service 80%