Как компания Redmadrobot использует Setka Editor

Главный редактор — о ведении блога силами небольшой команды

Аня Бугаева

Автор

Глеб Леонов

Фотограф

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

Redmadrobot делает цифровые сервисы для крупных компаний, помогает им создавать собственные digital-подразделения и остается разработчиком мобильных приложений № 1 (в рейтингах Ruward и Tagline). Сотрудники компании называют себя роботами и становятся героями и авторами корпоративного блога FYI. Редактор блога Мария Скорик рассказала, как верстает статьи в Setka Editor и в каких случаях прибегает к помощи фронтенд-разработчика.


ЕЛЕНА КОЛОБАЕВА

продакт-менеджер Setka

Мы всегда рады комментариям наших пользователей Setka. Наша команда прислушивается ко всем замечаниям и постоянно улучшает продукт на основе фидбэка клиентов. Именно поэтому мы публикуем честные кейсы — в них компании, использующие Setka, честно рассказывают о преимуществах и недостатках наших инструментов. Если вы хотите рассказать о своем опыте использования Setka Editor или Setka Workflow, пожалуйста, свяжитесь с нами: hello@setka.io.


ДАТА ОСНОВАНИЯ

с осени 2017-го в новом дизайне

Аудитория

3000 уникальных посетителей в месяц

Команда

3 человека

Город

Москва

Мария Скорик

главный редактор

Идея проекта

Блог у компании существовал давно, но осенью 2017 года мы решили его перезапустить, тогда же у нас появился онлайн-редактор Setka Editor.

Redmadrobot знают в первую очередь как разработчика мобильных приложений, но мы занимаемся не только приложениями. Роботы помогают крупным компаниям становиться цифровыми: мы создаем сложные ИТ-сервисы и внутренние системы, проверяем бизнес-гипотезы и собираем команды digital-подразделений. Часто бывает, что цифровая трансформация всего бизнеса начинается с мобильного приложения, но не останавливается на нем. Для того чтобы личные кабинеты заработали, операторы отвечали в чатах быстро и по делу, а такси приезжало туда, куда его вызвали, нужно настроить системы внутри компании.

Мы выросли, и одна из задач блога — рассказать о том, что умеют и делают роботы. Сейчас мы делимся опытом, систематизируем полезную информацию, которой можем поделиться, и эти задачи не всегда укладываются в формат блогов на «Хабре» или «Медиуме». Мы делаем кейсы с дизайнерами, менеджерами проектов, аналитиками. В блог попадает все самое полезное и интересное, о чем пишут роботы, не считая кода.

Фирменный стиль

В плане дизайна задача создания блога была относительно несложной: у нас был сайт, и нужно было придумать, как его раздел вместит в себя задуманное количество контента (например, ввести рубрикатор). Мы пошли самым логичным путем: взяли уже существующие на сайте элементы дизайна и собрали из них макет.

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

На следующем этапе мы отдали макеты фронтенд-разработчику Илье, и он настроил стиль в Setka Editor, заверстал и добавил набор сниппетов. В шаблоны у нас попали цитаты, форма подписки, блок с рекомендуемыми статьями, ссылки на комментарии в социальных сетях.

Процесс

В команде блога четыре человека: шеф-редактор — это я, дизайнер Полина, редактор Таня и фронтенд-разработчик Илья, который приходит на помощь, если что-то пошло не так. И, конечно, креативный директор Максим Десятых, который принимает стратегические решения.

Но если рассматривать всех роботов, написавших для блога больше одного материала, в команде наберется человек восемь. Мы считаем, что лучше всего о дизайне, разработке, управлении напишут те, кто этим занимается, поэтому у нас есть статьи от арт-директоров, дизайнеров, IOS- и Android-разработчиков и специалистов почти всех отделов компании.

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

Мы не используем шаблоны материалов (Post Templates), потому что кейсы бывают очень разные и все решает контент — от него и отталкиваемся. При этом у нас нет каких-то особенных, сложных форматов, дизайн которых выбивается из стиля сайта. Все тексты на сайт выкладываю я, и верстка материала занимает у меня в среднем полчаса. Есть момент, который немного тормозит меня, — работа с абзацами, когда в левой колонке есть сниппет. В ряде случаев из-за большого по высоте сниппета, расположенного в левой узкой колонке, возникает пустое пространство в правой основной колонке. Чтобы этого не происходило, я добавляю в правую колонку абзац из другой, последующей, сетки. То есть из-за особенностей верстки в системе сеток я трачу на несколько минут больше.

Одним из условий при выборе Setka Editor было отсутствие необходимости залезать в код и настраивать кастомные штуки. На мой взгляд, если у вас уже есть сервис для конкретных задач, он должен решать их без ручного вмешательства в код. В редких случаях я обращаюсь к Илье, чтобы он поправил верстку: например, изменил сниппет для отображения на смартфонах или в Facebook Instant Articles.

Поначалу верстка требовала куда больше времени: например, нужно было решить, как расположить элементы в сетке или как использовать вложенные сетки. Словом, нужно было набить руку, получить опыт общения с сервисом.


Совет новичкам

Максимально настройте необходимые функции в начале использования Setka Editor. В нашем случае на первом этапе понадобился фронтенд-разработчик, с которым мы сверстали необходимые сниппеты.

Цели и планы

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

Елена Колобаева

продакт-менеджер Setka Editor

Компания Redmadrobot использовала Setka Editor для быстрого запуска блога, обходясь минимальными ресурсами. Хотя онлайн-редактор позволяет настроить фирменный стиль в личном кабинете без участия разработчиков, команда привлекла фронтенд-разработчика: ребятам понадобились сниппеты с кастомным кодом и формой подписки.

Нарисовать верстку постов для различных рубрик до настройки фирменного стиля — отличный способ продумать, какие элементы понадобятся в ежедневной работе. Это могут быть кавычки, разделители, цитаты, врезки и другие элементы, которые сразу можно настроить в Style Manager для дальнейшего использования. В результате команда получила готовый инструмент для регулярного выпуска статей, который при этом обеспечивает консистентность внешнего вида блога с дизайном сайта. Уже готовый фирменный стиль значительно ускоряет оформление постов и позволяет сконцентрироваться на контенте.