Как онлайн-журнал «Вторая ветка» использует Setka Editor

Главный редактор Алексей Шахов рассказывает о процессах, форматах, приемах, вебпанк-эстетике и о работе с дизайн-инструментами Setka

Анна Савина

Анна Савина

Автор

Алексей Паноромчук

Фотограф

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

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

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

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

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


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

пробный запуск — апрель 2017 года, полноценный запуск — ноябрь 2017 года

Аудитория

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

Команда

5 человек

Город

Екатеринбург

Алексей Шахов

главный редактор «Вторая ветка»

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

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

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

Мне нравится вебпанк-эстетика. Что касается референсов, то мы брали за основу фирменный стиль закрывшихся Look At Me и WOS. Мне кажется, что с точки зрения дизайна большинство зарубежных изданий очень консервативны — я читаю их только ради текстов.

Мы старались использовать безумные цвета (ядерно-зеленый и ядерно-розовый), когда задавали фирменный стиль в Style Manager. Основной шрифт — Roboto из Google Fonts, его легко читать. Здорово, что он выглядит не слишком консервативно и не утомляет глаз.

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

Что касается других дизайн-элементов, у нас есть несколько уникальных стикер-паков, которые мы ставим в конце статей, чтобы читатели могли оставить обратную связь. У нас есть несколько наборов — например, черно-белый с отсылками к поп-культуре или пак, который называется «Екатеринбург необузданных», выполненный в стиле современной татуировки.

Процесс

Когда я получаю от автора текст в Google Docs, мы обсуждаем его с командой, и заводим в Trello карточку с идеями — собираем брифы к иллюстрациям, референсы, если нужно, планируем съемку, а затем начинаем верстку.

У нас есть микроформаты: это тексты, которые отображаются на главной странице в левой колонке. Среди коротких рубрик «Слово недели», «Книга дня», «Галерея дня» и другие. Обычно такие посты верстаются в четыре колонки. Первую слева занимает круглое изображение с портретом спикера, а в три колонки справа мы добавляем цветную карточку с его комментарием. Мы используем разные цвета — серый, розовый, или зеленый, все зависит от настроения и от стилистики работ автора. Если у него мрачные произведения, то мы делаем серый фон, если он делает проекты про природу — зеленый и т.д. Внизу поста мы обычно ставим галерею с работами автора на четыре колонки. Чаще всего, на верстку таких коротких постов уходит 10-15 минут.


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

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

Нестандартные материалы

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

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

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

Setka blog

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

Цели и планы

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

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

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

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

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

Еще один хороший прием — посмотреть примеры материалов, созданных с помощью Setka Editor, и воспроизвести их. Было бы классно, если бы был какой-то обучающий пост и пользователи могли сами его собирать, чтобы освоить все функции.

Setka blog

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