Как блог о медицине от DOC+ использует Setka Editor

Главред блога «Только спросить» Иван Грибов рассказывает о подходе к верстке материалов, внедрении онлайн-редактора и дизайне как важном конкурентном преимуществе

АННА Бугаева

Автор

Фотограф Глеб Леонов

Глеб Леонов

Фотограф

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

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


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

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

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


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

декабрь 2017

материалов
в месяц

4

Команда

3 человека

Город

Москва

Иван Грибов

главный редактор блога «Только спросить»

Идея проекта

Блог «Только спросить» запустили в начале декабря 2017 года, однако его идея возникла в компании DOC+ еще летом. Когда мы придумывали название, у нас был список из 40 вариантов, и «Только спросить» сразу мне понравился. Это понятная всем ситуация: когда ты сидишь в поликлинике и кто-то влезает без очереди со словами «Мне только спросить». В какой-то степени мы выполняем ту же функцию: у нас можно просто спросить, и при этом никто не возмутится.

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

В целом мы хотим просвещать людей, рассказывать полезные вещи о здоровье, причем связанные не только с услугами DOC+: у людей есть сложности с тем, как в принципе пользоваться медициной в России.

Сейчас, кроме меня, над блогом в компании работают удаленный медицинский редактор Оля Кашубина, а также продюсер Аня Лесных, которая следит за тем, чтобы контент двигался от идеи к реализации, координирует всех участников процесса, контролирует сроки и частично занимается продвижением блога. Большую часть контента создают авторы и иллюстраторы, которые работают удаленно. С техническими задачами, аналитикой и продвижением редакции помогают внутренние команды разработчиков и маркетологов DOC+.

Пока в издании три рубрики. Первая, «Про здоровье», отвечает на общие вопросы: что нужно знать о здоровье в XXI веке и что о нем говорит доказательная медицина. Во второй рубрике «Про больницы» мы объясняем, как взаимодействовать с институтами здравоохранения и врачами. Третья, «Про детей», нацелена на мам и пап, так как именно они составляют большинство клиентов DOC+. Мы хотим быть полезными для родителей, но не ограничиваться только ими.

Мы принимаем вопросы от читателей: для этого у нас есть почтовый адрес, а также группы во «ВКонтакте» и «Фейсбуке». Это один из инструментов, чтобы получать темы для интересного контента: отвечать на вопросы людей с помощью статей. Понятно, что каждому не ответишь, но если мы видим 15 вопросов на одинаковую тему — понимаем, надо писать.

Setka blog

Что такое фирменный стиль издания и зачем он нужен вашему медиа

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

Первый дизайнерский макет блога разработал арт-директор DOC+ Виталий Рынский. Мы перебрали кучу референсов, идей в поисках лучшего решения для нашего формата и задач. В итоге получился такой красивый, разноцветный дизайн. Сейчас над внешним видом блога работают несколько дизайнеров.

Отдельное внимание мы уделяем иллюстрациям. В них мы хотели добиться реализма, чтобы вызывать большее доверие у читателя, а также не обошлось без тайного обожания нашим арт-директором работ французского иллюстратора Малики Фавр (Malika Favre).

С одной стороны, общая стилистика блога отличается от DOC+: у него есть свой характер, цветовые сочетания и визуальные приемы. С другой стороны, визуальная преемственность с сайтом и приложением сохраняется, поскольку они выполнены в единой дизайн-системе всех продуктов компании.

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


СОВЕТ ДЛЯ начинающих

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

Вообще, если говорить о конкуренции с крупными медицинскими порталами, то визуальная составляющая — огромное преимущество. Если вы посмотрите на сайты о здоровье, которые первыми приходят в голову, то увидите, что там статьи представляют собой текст и — в 90% случаях — стоковую картинку, иногда фотографию. Мы хотим максимально от них отличаться: по качеству текстов, и по дизайну. Это касается заглавных иллюстраций и внутренних элементов статей: реальных фотографий, специально отрисованных иллюстраций.

Процесс

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

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

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

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

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

Setka blog

Шаблоны для постов и группировка сниппетов

Цели и планы

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

Быстрый выпуск регулярных материалов, шаблоны рубрик и постов, анимации.

Посмотрите все возможности Setka Editor

Глобальная мечта — сделать лучшее медицинское медиа в стране. Пока все довольно скромно: мы делаем четыре статьи в месяц и ведем канал в «Телеграме», на котором размещаем дополнительный контент. Сейчас мы будем смотреть на поведение аудитории и если поймем, что все хорошо, будем развиваться в том же ключе: добавлять темы и форматы.

Также мы хотим регулярно — например, раз в квартал — делать большие и красиво оформленные материалы, условно назовем это спецпроектами.

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

Лайфхаки

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

К системе, в которой есть сетки, параграфы и колонки, нужно привыкнуть. Когда это происходит, работа ускоряется и пропадает необходимость выискивать, где нужно поправить, что перенести из колонки в сетку и т. д.

Совет тем, кто собирается начать работать с Setka Editor: сразу погрузиться в редактор и протестировать его как можно быстрее. У меня был временной промежуток между подключением редактора и его использованием в рабочих задачах. Если бы я сразу попробовал сверстать реальную статью, дальше было бы гораздо легче.

В самом начале мы провели онбординг-встречу с ребятами из Setka, на которой нам рассказали о возможностях редактора: после нее все вроде бы было ясно, а потом я понял, что почти ничего не запомнил. После следующих двух обучающих встреч работать с Setka Editor стало проще.

Setka blog

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

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

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

Опыт DOC+ наглядно показывает, что наш инструмент можно осваивать последовательно. Ребята сначала разобрались с базовыми настройками: цвета и шрифты, верстка сетками, простейшие сниппеты. И этого, в сочетании с качественным иллюстративным материалом, уже достаточно, чтобы посты стали на порядок выше по качеству оформления. Дальше можно добавлять анимацию, сложные сниппеты, работу с бэкграундами и настройки отображения отдельных элементов поста для мобильных устройств.

Инструмент Setka Editor спроектирован так, чтобы для создания сложно оформленных интерактивных материалов не нужно было привлекать разработчиков. Однако если у редакции есть желание и ресурсы для того, чтобы сделать особенный материал, (например, если он значим для имиджа), всегда есть возможность дописать кастомный код к отдельному посту или нескольким постам сразу.

Во-первых, можно написать произвольный CSS-код для конкретного элемента поста. Во-вторых, можно вставить кастомный код «эмбедом». А если кастомизация нужна сразу в нескольких постах, то произвольный CSS можно задать в стиле, который используется в оформлении постов.