<?xml version="1.0" encoding="utf-8"?> 
<rss version="2.0"
  xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd"
  xmlns:atom="http://www.w3.org/2005/Atom">

<channel>

<title>Виталий Филатов: заметки с тегом лонгрид</title>
<link>https://vitalyfilatov.ru/tags/longrid/</link>
<description>Меня зовут Виталий Филатов. Я коммерческий писатель, помогаю бизнесу рассказывать о себе и продукте. Пишу и редактирую статьи, инструкции, текст сайтов и интерфейсов. Люблю работать в команде с дизайнерами и разработчиками.</description>
<author>Виталий Филатов</author>
<language>ru</language>
<generator>E2 (v3877; Aegea)</generator>

<itunes:owner>
<itunes:name>Виталий Филатов</itunes:name>
<itunes:email></itunes:email>
</itunes:owner>
<itunes:subtitle>Меня зовут Виталий Филатов. Я коммерческий писатель, помогаю бизнесу рассказывать о себе и продукте. Пишу и редактирую статьи, инструкции, текст сайтов и интерфейсов. Люблю работать в команде с дизайнерами и разработчиками.</itunes:subtitle>
<itunes:image href="" />
<itunes:explicit></itunes:explicit>

<item>
<title>Редакционные процессы Помощи ВТБ Бизнеса</title>
<guid isPermaLink="false">103</guid>
<link>https://vitalyfilatov.ru/all/vtb-help/</link>
<pubDate>Mon, 23 Mar 2026 11:51:11 +0500</pubDate>
<author>Виталий Филатов</author>
<comments>https://vitalyfilatov.ru/all/vtb-help/</comments>
<description>
&lt;p&gt;История о том, как рерайт статей превратился в реорганизацию процессов производства.&lt;/p&gt;
&lt;h2&gt;Ситуация и задача&lt;/h2&gt;
&lt;p&gt;В 2020 году ВТБ открыл интернет-банк для малого и среднего бизнеса — ВТБ Бизнес. Он служил витриной для уже существовавших банковских продуктов, которые вели автономные команды — СУБО. Такая архитектура не предусматривала единой языковой службы, да и мода на большие редакции до банка ещё не добралась. В команде платформы уже был редактор, но он занимался в основном задачами маркетинга, а статьи для справочного раздела каждое команда-СУБО писала сама.&lt;/p&gt;
&lt;p&gt;Статьи публиковались &lt;a href="https://db.vtb.ru/faq"&gt;в сервисе «Помощь»&lt;/a&gt;, который вела специальная команда внутренних сервисов. Руководителя этой команды беспокоило неравномерное качество этих статей, и он решил нанять второго редактора, переписывать за бизнес-аналитиками и наводить красоту. Так в команде Помощи появился я.&lt;/p&gt;
&lt;p&gt;На момент моего появления работа была организована так:&lt;/p&gt;
&lt;ol start="1"&gt;
&lt;li&gt;Каждое СУБО отвечало за свои статьи и никого к себе не пускало. Аналитики и юристы не умели писать пользовательские инструкции, поэтому ограничивались односложными ответами на частые вопросы, а стиль и глубина изложения сильно отличались.&lt;/li&gt;
&lt;li&gt;Исходники статей хранились в эксель-таблицах у каждого СУБО. Авторы сами делали иллюстрации из скриншотов на тестовом сервере и заливали в общее облако.&lt;/li&gt;
&lt;li&gt;Когда нужно было что-то изменить или добавить, бизнес-аналитик СУБО правил свою таблицу, выделял изменения цветом и присылал новый файл по почте команде Помощи.&lt;/li&gt;
&lt;li&gt;Там текст из файла вставляли в базу данных и выкатывали на прод с общим релизом.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;Процесс получался хаотичным: версии статей не отслеживали, файлы таблиц дублировались, актуальные правки терялись, картинки разных СУБО перетирали друг друга из-за совпадающих имён. Оперативно выложить что-то было невозможно из-за релизной политики, поэтому иногда статьи успевали обновиться несколько раз до релиза и окончательно всех запутать.&lt;/p&gt;
&lt;p&gt;Чтобы упорядочить процесс, команда Помощи написала специальную админку с визуальным редактором, где авторы смогли бы работать со статьями без посредников. Но качество от этого не росло, а править и согласовывать текст в админке было так же муторно, как и в эксель-таблицах. Так что я составил план, заручился поддержкой команды и переделал сам подход к производству.&lt;/p&gt;
&lt;h2&gt;Работа с материалами&lt;/h2&gt;
&lt;p&gt;Первым делом я убедил команду, что писать статьи и следить за структурой разделов нужно нам самим, а СУБО оставить только сбор фактуры, обновление макетов и согласование. Уже опубликованные статьи мы решили постепенно переписать по мере изменений в продуктах.&lt;/p&gt;
&lt;p&gt;СУБО не обрадовались потере контроля, но после нескольких согласованных статей они обычно убеждались, что редактор бережно передаёт смысл, начинали доверять и охотнее рассказывать о бизнес-логике и нюансах.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Мы перенесли все статьи в гугл-доки&lt;/b&gt;, а ссылки на них и служебную информацию собрали в сводной гугл-таблице. Таблица решала две задачи: хранила статьи со статусами и служила функциональным прототипом для следующих версий админки Помощи.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://vitalyfilatov.ru/pictures/091-pivot-table@2x.png" width="1270" height="640" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Сводная таблица — сердце системы контента. Там мы хранили все статьи, включая снятые с публикации, отменённые и удалённые. &lt;a href="https://vitalyfilatov.ru/pictures/091-pivot-table-full.png"&gt;Вся таблица в гигантском PNG&lt;/a&gt;, 2 Мб&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;В первой версии админки не было инструментов согласования, поэтому их заменяли гугл-доки. Мы гибко настраивали доступы, вели архив версий, принимали и согласовывали правки. Особый шик давала совместная работа: на сложных согласованиях я приглашал всех следить за моим курсором в документе и правил текст прямо во время звонка, без расшаривания экрана.&lt;/p&gt;
&lt;p&gt;Гугл-доки помогали и в вёрстке. Я подогнал шаблон статьи максимально близко к дизайну прода и при редактировании сразу видел примерную форму абзацев и переносы строк.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://vitalyfilatov.ru/pictures/091-comments@2x.png" width="1085" height="475" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Аналитики и юристы могли комментировать исходники в любое время, я оперативно разбирал правки и публиковал обновления с ближайшим релизом&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Далее мы убрали автогенерацию слагов&lt;/b&gt; — уникальных частей в URL-адресах статей. Первоначально слаг создавался транслитерацией заголовка, но адреса получались длинными и нечитаемыми. Я предложил составлять слаги силами редактора, чтобы адреса получались понятнее, умещались в СМС и не разрывали сообщения чат-бота.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Срок действия дополнительных опций к пакетам услуг&lt;br /&gt;
↓&lt;br /&gt;
db.vtb.ru/faq/answers/&lt;b&gt;srok-dejstviya-dopolnitelnyh-opcij-k-paketam-uslug&lt;/b&gt;&lt;br /&gt;
↓&lt;br /&gt;
db.vtb.ru/faq/answers/&lt;b&gt;srok-dop-optsii&lt;/b&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Уникальностью слагов отслеживали по сводной таблице и проверке на дубли в админке.&lt;/p&gt;
&lt;p&gt;Поскольку слаги менялись крайне редко, я включил их в имена файлов иллюстраций. Такие имена не повторялись, и по ним можно было фильтровать файлы в хранилище. Папки в облаке также назывались слагом статьи.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://vitalyfilatov.ru/pictures/091-tinypng@2x.png" width="900" height="435" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Имена файлов упрощали рутину. Например, пожав пачку картинок в тинифаере, я сразу знал, куда сохранять архив с результатом&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Перешли со скриншотов интерфейса на макеты в Фигме&lt;/b&gt;. Пришлось искать подход к дизайнерам СУБО и убеждать их обновлять макеты к релизам, но оно того стоило. Иллюстрации стали чище и консистентнее, а их исходники были всегда доступны. Но главное — мы смогли показывать все нужные состояния интерфейса, а не только те, что получалось поймать на тестовом сервере.&lt;/p&gt;
&lt;p&gt;Сначала я готовил иллюстрации сам, чтобы изучить нюансы и сформулировать правила. Позже собрал всё в гайд для дизайнеров, и они начали мне помогать.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://docs.google.com/document/d/1YHLTGUBx2fNQbhTlCX41qWwhE-xXg3MyLKh7YaOzwdA/"&gt;Гайд по изображениям для статей Помощи&lt;/a&gt; получился наглядным: все картинки в нём собраны по требованиям гайда, чтобы читатель сразу видел образец.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Создали наглядный прототип в Обсидиане&lt;/b&gt;, где отслеживали структуру каталогов, связи между статьями, выпавшие иллюстрации и ссылки на файлы. Чтобы не делать это руками после каждого крупного обновления, я собрал требования, а аналитик Евгений написал скрипт на Питоне.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://vitalyfilatov.ru/pictures/091-obsidian@2x.png" width="945" height="645" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Граф опубликованных статей в Обсидиане. Красные точки — страницы категорий, оранжевые — статьи с перекрёстными ссылками, а зелёные — с файлами для скачивания&lt;/div&gt;
&lt;/div&gt;
&lt;h2&gt;Публикация статей&lt;/h2&gt;
&lt;p&gt;Админка Помощи задумывалась не для редакторов, поэтому за основу команда взяла визуальный редактор на контейнерах — как в Ноушене. Но он не умел работать в режиме исходного кода — HTML или маркдауна.&lt;/p&gt;
&lt;p&gt;Необходимость настраивать оформление вручную ломала мой отработанный процесс: на других проектах я целиком копировал гугл-док и прогонял текст через &lt;a href="https://draizer.vitalyfilatov.ru/"&gt;Драйзер&lt;/a&gt; — самописный скрипт на регулярках. Скрипт вырезал инлайн-стили и служебные блоки, оставляя чистый HTML. Так я мог заряжать в админку по статье в минуту.&lt;/p&gt;
&lt;p&gt;Менять редактор было поздно, но разработчики нашли остроумное решение: добавили переключатель, который скрывал все контейнеры и показывал поле для HTML-кода.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1020" data-ratio="1.5692307692308"&gt;
&lt;img src="https://vitalyfilatov.ru/pictures/091-editor-nodes@2x.png" width="1020" height="650" alt="" /&gt;
&lt;img src="https://vitalyfilatov.ru/pictures/091-editor-html@2x.png" width="1020" height="650" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-caption"&gt;Редактирование статьи в обычном и экспертном режимах. В ранних версиях админки статья называлась вопросом, так уж вышло&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Мы выбрали HTML, а не в маркдаун, чтобы как можно меньше переписывать админку. Я всё равно получал готовый код из гугл-дока и сразу типографил текст своими скриптами.&lt;/p&gt;
&lt;p&gt;Ещё я поучаствовал в разработке админки: тестировал механики, писал текст интерфейса, подменял дизайнера, надоедал всем нормами типографики и &lt;a href="https://vitalyfilatov.ru/all/status-model/"&gt;спорил с бизнес-аналитиком из-за статусной модели&lt;/a&gt; :3&lt;/p&gt;
&lt;h2&gt;Работа с СУБО&lt;/h2&gt;
&lt;p&gt;Сначала в Помощи публиковались 10 команд, но позже их стало уже 35. Они постоянно что-то меняли, уследить за всем было невозможно. Поэтому мы договорились, что за актуальностью своих статей СУБО следят сами, а команда Помощи отвечает за подготовку и публикацию.&lt;/p&gt;
&lt;p&gt;Процесс добавления новой статьи выглядел так:&lt;/p&gt;
&lt;ol start="1"&gt;
&lt;li&gt;В СУБО назначали ответственного за процесс и обновляли макеты.&lt;/li&gt;
&lt;li&gt;Ответственный заполнял &lt;a href="https://docs.google.com/document/d/10WqxwGFLtfHCAH78DxXaNGiGvqBL6hv_RuUhffYUcEM/"&gt;бриф на новую статью&lt;/a&gt;, в котором указывал тему, полезное действие, примерный план, ссылки на макеты и документацию.&lt;/li&gt;
&lt;li&gt;Я принимал заявку, изучал материалы и предметную область, задавал вопросы аналитикам и дизайнерам, просил показать продукт в работе.&lt;/li&gt;
&lt;li&gt;Собрав всю фактуру, я писал черновик и готовил иллюстрации по макетам.&lt;/li&gt;
&lt;li&gt;Ответственный вычитывал и комментировал черновик, я дописывал нужное, и всё повторялось, пока статья не была готова.&lt;/li&gt;
&lt;li&gt;Согласованную статью я добавлял в админку, помечал готовой к публикации и закрывал задачу.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;Чтобы изменить уже опубликованную статью, ответственный просто правил копию исходника и передавал мне. А чтобы не тонуть в бюрократии, мелкие правки мы вносили без задачи в Джире, просто по переписке в мессенджере.&lt;/p&gt;
&lt;p&gt;Задачи шли потоком, мы постоянно что-то правили, обновляли, поддерживали порядок и готовили пачки новых статей к релизам. Отслеживать всё в Джире не получалось, поэтому я завёл редакционный дашборд в Трелло.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://vitalyfilatov.ru/pictures/091-trello-dashboard@2x.png" width="1280" height="720" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Объём задачи в карточке мог быть любым, от мелкой правки до десятка статей&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Карточка с задачами типичного релиза выглядела так:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://vitalyfilatov.ru/pictures/091-trello-release@2x.png" width="480" height="645" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Обновляем 77 статей: добавляем новые, объединяем старые, правим опечатки, заменяем иллюстрации со старым интерфейсом&lt;/div&gt;
&lt;/div&gt;
&lt;h2&gt;Итоги&lt;/h2&gt;
&lt;p&gt;Настроив процессы, мы занялись обычной текучкой: писали новые статьи, обновляли старые, изучали обратную связь от пользователей и операторов горячей линии, следили за обращениями в поддержку и метриками сервиса.&lt;/p&gt;
&lt;p&gt;Наша команда занималась и другими внутренними сервисами, поэтому мы смогли включить статьи Помощи в глобальный поиск, базу знаний поддержки, чат-бота и контекстную справку в интерфейсе. Нашему руководителю Александру удалось совершить дипломатическое чудо и отвязать публикацию статей от общего релизного цикла, и мы стали обновлять статьи по мере изменений в продуктах, без очередей и предрелизной спешки.&lt;/p&gt;
&lt;p&gt;Но статей становилось всё больше, а задач на UX-редактуру не прибавлялось, так что я решил заняться Умным домом в МТС. А чтобы проект было легче передать, собрал материалы, записал скринкасты с основными процессами и составил &lt;a href="https://vitalyfilatov.ru/all/vtb-faq-vacancy/"&gt;вакансию редактора Помощи&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;К сожалению, вскоре в компании изменилась политика информационной безопасности, внешние облачные сервисы запретили и отбить гугл-доки не удалось. Исходники статей переехали в корпоративную вики, и процессы вновь пришлось менять.&lt;/p&gt;
&lt;h2&gt;Благодарности&lt;/h2&gt;
&lt;p&gt;Спасибо команде Помощи за понимание, поддержку и вовлечённость. Вы с готовностью вникали во все мои идеи, хоть иногда я не особо выбирал выражения. С вами я получил бесценный опыт — как быть частью команды и находить продуктивное решение.&lt;/p&gt;
&lt;p&gt;«Хороших выходных. И ведите себя плохо!» ©&lt;/p&gt;
</description>
</item>


</channel>
</rss>