Каталог блоков
15 типов блоков, из которых собираются статьи PPM. Каждый блок — отдельная коллекция в Directus. На каждой статье редактор выбирает «+ Добавить блок» и собирает её как конструктор. Меняй CSS токенов — все блоки меняются разом.
01 · Параграф
Базовый текстовый блок. Rich-text editor. Под него подкладываются bold, italic, ссылки, code.
Стратегия складывается из еженедельных решений команды. Не из презентаций и не из стратегических сессий — а из того, как менеджеры в конце недели подбивают итоги и ставят следующие задачи. Если эта операция отсутствует, любой стратегический документ останется красивым артефактом для собрания акционеров.
02 · Подзаголовок
Три уровня: H2 (крупный), H3 (средний), H4 (компактный).
Заголовок второго уровня
Заголовок третьего уровня
Заголовок четвёртого уровня
03 · Pullquote
Большая выносная цитата. Два варианта: large (на ширину текста) и margin (на полях справа).
Стратегия — это набор решений о том, чего мы не будем делать.
04 · Параграф с буквицей
Используется в первом параграфе статьи. Первая буква автоматически становится большой красной буквицей.
Многие зрелые компании страдают одним парадоксом: они знают, что им нужно меняться, но именно те компетенции, которые когда-то принесли успех, теперь мешают это сделать. Героизм собственника спасает на старте — и душит на зрелости. Ручное управление даёт скорость в 100 человек — и тормозит в 500.
05 · Callout / врезка
Четыре варианта: Заметка, Идея, Внимание, Вывод. Используется для пояснений, предостережений, ключевых мыслей.
06 · Пронумерованные шаги
Когда нужно описать порядок действий. У каждого шага заголовок + опциональное описание.
Как пройти модель 9 рычагов
- 01
Сверху вниз
Не пытайтесь чинить процессы, не договорившись о стратегии. Стратегия → финансы → клиенты → продажи → процессы → структура → люди → культура → IT.
- 02
Два результата на каждом
Что именно изменится и через какую метрику это видно. Без этого рычаг закроется красивым отчётом без эффекта.
- 03
Фиксируйте первопричину
Если «не сходится», не пытайтесь закрыть проблему инструментами ниже. Найдите рычаг-источник и работайте с ним.
07 · Сравнение «до/после»
Двухколоночный блок для контраста состояний. Опционально оба заголовка задаются вручную.
Стратегические сессии раз в год. Документ на 80 слайдов. План на 3 года, который к концу первого квартала устаревает.
Еженедельная сверка по 9 рычагам. Лайв-документ на 15 слайдов. Гипотезы 4 недели, через 4 недели проверка.
08 · Большая цифра
Один яркий показатель. С обязательной сноской на источник.
09 · Архитектурная схема
SVG-чертёж в blueprint-стиле. Угловые засечки и сетка добавляются автоматически. Можно вставить либо SVG-разметку, либо растровое изображение.
Изометрия методологии
10 · Картинка с подписью
Три размера: default (по ширине текста), wide (за поля), narrow (полширины с обтеканием).
— Демо без реальной картинки. Когда поставишь файл, он подгрузится. Изображения автоматически переводятся в ч/б через CSS-фильтр.
11 · Ссылка на рычаг
Врезка-плашка, которая отсылает к одному из 9 рычагов методологии. При наведении инвертируется.
Стратегия
Подробный разбор первого рычага — куда тянется вся конструкция.
Читать о рычаге →12 · Карточка бизнес-юнита
Мини-карточка продукта группы прямо в тексте статьи. Например, упоминание MOOOVE 3.0.
MOOOVE 3.0
Видеосервис для бизнеса
Платформа корпоративного видео нового поколения.
Узнать больше →14 · CTA-плашка
Три варианта: light (paper + красная кнопка), dark (чёрная), minimal (только линии).
15 · Источники
Нумерованный список источников в подвале статьи. Можно прикрепить ссылку.
Источники
- 01 Исследование удовлетворённости клиентов B2B-сектора ↗ ссылка
- 02 Цикл зрелости рынков
- 03 Собственное исследование PP