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

Нажав кнопку "Принять и продолжить", вы соглашаетесь с Политики конфиденциальности

Принять и продолжить

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

Отменить
4061 1
Маркетинг Читать 9 минут 28 июня 2017

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

Зачем копирайтерам нужны навыки верстки
Веб копирайтер, автор статьи — Алиса Колмогорцева
Алиса Колмогорцева
Маркетолог, графический дизайнер
Владение навыками веб-дизайна помогает автору расширить возможности по представлению информации, повысить читаемость своих текстов и выглядеть в них убедительней. И в этой статье я это докажу.
Статья написана в рамках статейного конкурса 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.5 из 5 на основе 5 оценок
Нашли ошибку? Выделите её и нажмите Ctrl + Enter, чтобы сообщить нам.

Поделитесь статьей с вашими друзьями

Войти Регистрация

Вы исчерпали лимит запросов.

Или email
Забыли пароль?
Или email
Back To Login

Не волнуйтесь! Напишите свой электронный адрес и мы пришлем вам новый пароль.

Вы уверены?

Awesome!

To complete your registration you need to enter your phone number

Назад

Мы отправили код подтверждения на ваш номер телефона

Your phone Resend code Осталось запросов

Что-то пошло не так.

Свяжитесь с нашей службой поддержки
Или подтвердите регистрацию с помощью Телеграм бота Перейдите по этой ссылке
Выберите один из проектов

Знакомство с сервисом

Ознакомьтесь с основными возможностями Serpstat удобным способом!

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

Имя

Email

Телефон

Будем рады вашему комментарию
Увеличить лимиты

Улучшить тариф

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

Зарегистрироваться

Спасибо, мы с вами свяжемся в ближайшее время

Пригласить
Просмотр Редактирование

E-mail
Сообщение
необязательно
E-mail
Сообщение
необязательно

У вас закончились лимиты

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

Я хочу больше лимитов