Как проект RadRussia использует Setka Editor

Продюсер Юрий Шишкин и главный редактор Марина Литвинова — о том, как они делают издание для англоговорящих путешественников по России

АНАСТАСИЯ ОРЕХОВА

Автор

ГЛЕБ ЛЕОНОВ

Фотограф

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

Мы пообщались с продюсером проекта RadRussia Юрием Шишкиным и главным редактором Мариной Литвиновой. Они рассказали, почему отказались от использования российского триколора в дизайне и дали советы, как начать работать в Setka Editor.


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

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

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


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

1 декабря 2017

Кол-во статей на сайте

300

Команда

6 человек

Город

Москва

главный редактор Марина ЛитвиновА и продюсер Юрий Шишкин

Идея проекта

Еще до создания RadRussia, работая над одним проектом, мы обратили внимание, что в Сети любая информация о России на английском языке в основном устаревшая. Чаще всего попадаются отзывы путешественников на Tripadvisor, а вот мнения местных жителей почти не встречаются. Поэтому туристы едут смотреть на Красную площадь, соборы и центральные музеи, указанные как достопримечательности в путеводителях типа Lonely Planet и на сайтах турагентств. В итоге у них создается несколько искаженное представление о России как о стране красивой, но недостаточно современной.

Да, у нас есть порталы о жизни в городе, такие как «Афиша» или The Village, но никто не создает подобный контент на английском языке и не продвигает его в поисковиках. Мы захотели изменить имидж России, чтобы приезжающие к нам иностранцы могли видеть примерно ту же картину, что видят местные, — и начать решили с поисковых запросов.

RadRussia задумывался как сайт, благодаря которому турист, планирующий отпуск и выбирающий между городами Европы, обратил бы внимание и на Россию. Мы решили сделать акцент на досуге и развлечениях и показать, что в России можно найти много мест, соответствующих разным интересам, — и это не только Третьяковка и Большой театр. При этом мы не туристический портал, и наша сверхцель — репозиционирование и позитивный пиар для страны. В России много проблем, о которых пишут все, и мы решили менять эту ситуацию, уделяя внимание хорошим новостям и современному стилю жизни.

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


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

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

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

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

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

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

Setka blog

Как использовать шрифтовые пары: простые советы для медиа

Процесс

Для работы над версткой материалов мы рассматривали Readymag, Webflow и самописные движки, но остановились на Setka Editor. В первую очередь — из-за процесса работы в нем: он простой, понятный и не требует знания HTML. Во-вторых, благодаря удобной интеграции с WordPress.

Сейчас онлайн-редактором пользуются администратор сайта, дизайнер-верстальщик и главный редактор. Процесс работы над материалами выстроен так: сначала авторы пишут тексты в Google Docs, затем их проверяет главный редактор, а администратор (также выполняющий функции паблишера) верстает. Далее статьи попадают к дизайнеру, который корректирует их с точки зрения типографики. После всех этих этапов администратор публикует материал на сайте.

На главной странице сайта слева располагаются редакционные тексты, не привязанные к конкретному месту, справа — новостная лента с самыми популярными рубриками: Where to go, Where to stay, Where to eat и What to see. Пока что мы работаем с одним шаблоном, поскольку проект на старте. Но мы развиваемся и в течение месяца планируем большие изменения главной страницы и рубрик. Возможно, появятся несколько шаблонов специально под них.

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

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

Setka blog

Фотография в медиа

Цели и планы

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

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

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

Отдельное направление нашей работы — создание комьюнити. С одной стороны, это будет локальное сообщество: те люди, о которых мы пишем. С другой — международное комьюнити: те, люди, которые нас читают. Сейчас у нас в приоритете привлечение посетителей из Google и прямые заходы на сайт, однако нам предстоит работа с теми каналами, в которых наша аудитория привыкла потреблять контент. Будем думать над новыми форматами и стратегией продвижения в Facebook, Pinterest, Instagram, Medium, Youtube и на других площадках.

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

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

Лайфхаки

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

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

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

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

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

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