Мы используем файлы cookie для обеспечения работоспособности сервиса, улучшения навигации и маркетинговых активностей Serpstat. Нажимая "Принять и продолжить", вы соглашаетесь с нашей Политика конфиденциальности

Сообщить об ошибке

Отменить
6544 1
Маркетинг Читать 9 минут

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

Зачем копирайтерам нужны навыки верстки
Веб копирайтер, автор статьи — Алиса Колмогорцева
Алиса Колмогорцева
Маркетолог, графический дизайнер
Владение навыками веб-дизайна помогает автору расширить возможности по представлению информации, повысить читаемость своих текстов и выглядеть в них убедительней. И в этой статье я это докажу.
Статья написана в рамках статейного конкурса Serpstat и SEOnews. Условия конкурса
Действительно, нужно ли копирайтерам владеть навыками веб-дизайна? Нужно, но не всем. Начнём с начала.

Дизайн — это невербалика в общении с читателем. Это когда вы не только говорите определённые вещи, но ещё и выглядите так, что вас хотят слушать.

Задача веб-дизайна — спроектировать удобное, логичное и визуально приятное оформление страницы. Задача копирайтинга — создать текст. Текст, как известно, лежит в основе всего, но сам по себе во времена красивых картинок и наглядных видео уже не так привлекателен. Поэтому даже хороший текст нуждается в качественном оформлении, особенно когда речь об Интернете. Сравните.
Пример текста копирайтера
Это кусочек текста главной страницы моего сайта http://небрендинг.рус . Очевидно, что второй вариант рассказывает о том же самом гораздо больше.

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

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

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

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

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

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

По данным атласа новых профессий http://atlas100.ru/ , разработанного агентством стратегических исследований совместно со Сколково, к 2030 году профессия копирайтера исчезнет.

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

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

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

Три кита автономности – копирайтинг, дизайн, вёрстка

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

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

Графические редакторы

Начать нужно с освоения функционала графических редакторов, если этого ещё не случилось. Владение векторным и растровым редакторами как минимум решит вопрос отсутствия или долгого поиска подходящих картинок. Чаще всего используются продукты Adobe — Photoshop и Illustrator. Вместо последнего можно выбрать CoralDRAW.

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

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

Проектирование интерфейсов

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

  • Контент первостепенен. Оформление служит единственной цели – помочь раскрыть идею.

  • Первый разворот экрана — самое важное, что есть на странице. Используйте его по максимуму и со вкусом.

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

  • Страницу с текстом сначала просматривают бегло, и, если находят содержание интересным, читают полностью. Картинки, заголовки, цитаты и кнопки увидят в первую очередь. Лендинги чаще читают последовательно.

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

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

  • Люди любят микровзаимодействия (ненавязчивую анимацию), поэтому их использование будет плюсом. Хороши и наглядные gif-изображения, но использовать их по возможности лучше с воспроизведением по наведению или клику, иначе они отвлекают от чтения и раздражают.

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

Вёрстка

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

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

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

Подведём итог

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

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

Оцените статью по 5-бальной шкале

4.31 из 5 на основе 13 оценок
Нашли ошибку? Выделите её и нажмите Ctrl + Enter, чтобы сообщить нам.