Нужно ли копирайтерам владеть навыками веб-дизайна?

Это кусочек текста главной страницы моего сайта http://небрендинг.рус . Очевидно, что второй вариант рассказывает о том же самом гораздо больше.

Ещё критичней вопрос оформления для email-рассылок. Здесь вы решаете, когда человек увидит текст, поэтому важно создать у него желание дочитать до конца или вернуться. Сколько бы там ни было пользы, получателю требуется определённое количество времени и настроение, чтобы приступить к чтению. Если объём текста пугает, оформление не впечатляет или отталкивает, текст останется непрочитанным, даже если тема интересна.

Но отправители ведь не просто так пишут, у них есть цель: продать свой мастер-класс, пригласить в блог, повысить узнаваемость. И сделать шаг к этой цели помогает дизайн письма. Сравните свои ощущения.

Здесь два письма с приглашением на вебинар. Катя Иноземцева учит копирайтингу, её приятно читать и слушать, в профессионализме текста никаких сомнений. Но посмотрите на оформление: похоже на часть реферата или какой-то документ. Шрифт с засечками, который на экране читается тяжело. Вряд ли, работая над текстом, Катя хотела, чтоб читатель открыл и испугался.

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

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

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

Эти навыки я развивала параллельно, поэтому мне сложно представить одно без другого. Главный плюс владения всем перечисленным — автономность. Не нужно никого искать, консультироваться, тратить время на объяснение своей идеи, гораздо больше пользы можно принести заказчику. Кроме того, это даёт необходимую смену вида деятельности и позволяет дольше сохранять интерес к работе.

Чтобы перейти от текста к сайту сейчас нужно не так много времени. По паре недель плотной работы с графическими редакторами и около месяца – для освоения вёрстки.

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

Чтобы не прогадать с цветовым решением, я часто использую палитры IN COLOR BALANCE.

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

Проектирование интерфейса (UX / UI дизайн) – обширная тема, я её затрону в контексте оформления статей и лендингов. Самое главное – помнить: предложений и информации – в избытке. Если пользователю что-то не нравится, он просто уходит. Поэтому, проектируя всю страницу, структуру сделайте как у всех. Общие правила такие:

• Контент первостепенен. Оформление служит единственной цели – помочь раскрыть идею.
  
  
• Первый разворот экрана — самое важное, что есть на странице. Используйте его по максимуму и со вкусом.
  
  
• Когда человек первый раз осматривает страницу, взгляд скользит от левого верхнего угла к правому нижнему. При более детальном изучении вся информация читается слева направо.
  
  
• Страницу с текстом сначала просматривают бегло, и, если находят содержание интересным, читают полностью. Картинки, заголовки, цитаты и кнопки увидят в первую очередь. Лендинги чаще читают последовательно.
  
  
• Большие тексты обязательно делить на абзацы и заголовки, использовать все возможности для создания маркированных списков, графиков и т.д.
  
  
• Если цель текста — получить заявку, закрывайте каждый логический блок соответствующей кнопкой с подходящим призывом. Лучше всего если на каждом развороте экрана будет видна одна кнопка заказа.
  
  
• Люди любят микровзаимодействия (ненавязчивую анимацию), поэтому их использование будет плюсом. Хороши и наглядные gif-изображения, но использовать их по возможности лучше с воспроизведением по наведению или клику, иначе они отвлекают от чтения и раздражают.
  
  

Однажды задумавшись об удобстве интерфейса, вы будете находить всё больше удачных и неудачных примеров на просторах сети. Сохраняйте или запоминайте их, это поможет в работе.

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

Это неплохие конструкторы — verstka.io, readymag, tilda. Сайт легко создать с помощью bootstrap, основная задача — разобраться с синтаксисом и принципом взаимодействия. Вопросы, возникающие на первых порах, обычно решаются поиском «как сделать это css».

Тут я прямо в браузере постаралась показать, как взаимодействие html (сверху справа) и css (снизу справа) влияет на конечный результат (слева):

Шаблоны рассылок верстаются преимущественно таблицами. Чтобы понять, как их делать, можно скачать бесплатные примеры. Когда страницы начнут получаться, рекомендую также посмотреть, как верстать сайт для PageSpeed Insights https://developers.google.com/speed/pagespeed/ , ведь сокращение времени загрузки положительно сказывается на результатах поисковой выдачи.

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

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