Как «Освитория» использует Setka Editor

Шеф-редактор Антон Онуфриенко и дизайнер Ирина Донская рассказывают о создании фирменного стиля нового медиа

Анна Савина

Анна Савина

Автор

Юлия Вебер

Фотограф

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

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

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

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

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


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

31 августа 2017 года

Аудитория

30 тыс. уникальных пользователей в неделю

Команда

8 человек

Город

Киев

Антон Онуфриенко

шеф-редактор «Освитория»

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

Антон: Освитория Медиа — это издание, выросшее из общественной организации «Освитория», поэтому мы ориентировались на корпоративный стиль самой организации. Когда мы запускались, «Освитория» как раз создавала новый логотип, и мы решили адаптировать его. Так у нас появилось два основных цвета — зеленый и желтый, и первое время мы были к ним очень сильно привязаны, поскольку нам важно было на старте показать нашу связь с организацией.

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

Мы просмотрели очень много разных медиа: таких классических, как New York Times, New Yorker, Le Monde, а также российских — The Village, «Батенька» и другие. Мы больше ориентируемся именно на них.

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

Ирина Донская

дизайнер «Освитория»,
фото Olena Vedmid

Процесс

Ирина: Чаще всего текст заливает редактор. Затем я открываю эту запись и там уже настраиваю поля и саму сетку, выбираю, на сколько колонок она будет разбита. У нас есть посты, которые имеют четыре колонки, но в последнее время я вижу, что гораздо лучше работает 12-колоночная сетка, — она позволяет кастомизировать элементы, настраивать блоки, делать их меньше, создавать выносные иллюстрации либо заверстывать их в текст. Возможно, вскоре мы будем использовать только 12-колоночную верстку, потому что она дает больше свободы и возможностей.

Блоги у нас отличаются, они выходят с другой версткой и по-другому отображаются на главной странице. В журнале был материал, выходивший в течение недели, о награде для учителей — Global Teacher Prize. Там была 4-колоночная верстка и определенный стиль иллюстраций, который поддерживался в постах всю неделю. И сейчас даже на главной странице видно, что это посты из одной серии, объединенные одной визуальной стилистикой. Еще есть рубрика «История» — в ней больше черно-белых изображений и винтажных фотографий, взятых из архивов.

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


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

12-колоночная верстка даст вам больше свободы в дизайне, а 4-колоночная подойдет для простых постов.

Мы используем шаблоны (Post templates) для базовых рубрик: у меня настроены заголовки, цвет текста и ссылок, выравнивание и фотографии.

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

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

Setka blog

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

Цели и планы

Одна из целей — создать темплейты, которые сможет использовать вся редакция. Благодаря этому какие-то статьи будут выходить с минимальным моим вмешательством, и единственное, что я буду делать, — подгружать в них файлы и изображения, проверяя, все ли в порядке. Таким образом, задачей останется только final check. На ближайшее время также есть план унифицировать визуальное решение, сделать его дизайн гораздо лучше — более привлекательным визуально и функционально. Мы сейчас как раз над этим работаем, настраиваем элементы. И еще я хочу сделать больше различий именно в самой верстке и между рубриками, чтобы человек уже по верстке рубрики, а не только по изображению на главной странице понимал, о чем идет речь и что это за статья.

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

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

Лайфхаки и любимые приемы

Я думаю, что мой главный лайфхак — это разобраться с колонками и с тем, как устроена сама верстка. Важная вещь — сниппеты, мне это определенно нравится, как и Smart Quotes, который помогает нам настраивать цитаты, прямо как волшебная палочка. Чаще всего я колдую с ней и также использую шорткаты. Мое недавнее открытие — в Setka главный shortcut, позволяющий выделить все блоки — это Ctrl, а не Shift, и главное тут не путаться.

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

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

Ребята рассказывают о том, что «Освитория» планирует изменить свой фирменный стиль. Мы знаем, что это частый процесс у активно развивающихся или только что созданных медиа, и детально продумали этот кейс. Setka Editor предлагает всем клиентам на выбор две опции:
— можно оставить старые стили для старых постов, а новые посты создавать в новом стиле,
— можно применить новый стиль ко всем постам: и к уже созданным, и к тем, которые будут созданы в будущем.

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

Мы очень рады, что «Освитория» осваивает верстку с использованием сниппетов и шаблонов постов. Если у издания есть регулярные рубрики, которые из раза в раз оформляются одинаково, а меняется только контент, то шаблоны экономят колоссальное количество времени. Кроме того, они облегчают обучение новых сотрудников — когда человек видит шаблон, ему гораздо проще разобраться, как наполнить его нужным контентом, чем осваивать весь функционал с нуля.