Сначала контент, потом дизайн
12.10.2018
ПАВЕЛ МОЛЯНОВ

Сначала контент, потом дизайн

В разработке сайтов есть проблема — сначала придумывают дизайн с рыбой и верстают сайт, а потом зовут редактора написать туда текстики. Такой подход мешает всем: дизайнеру, маркетологу, редактору и даже клиенту — ведь на выходе получается менее качественный сайт.
Бесполезные блоки. Дизайнер решил, что надо показать в макете 6 преимуществ. А оно у компании оно одно, зато крутое. Было бы здорово рассказать о нем подробно, но нет — надо 6 описаний и обязательно на 3 строки.

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

Неподходящий формат. Нам нужна схема с выносками — а у нас ее нет. Не нарисовали. Зато есть 10 потрясающих иконок, давайте их куда-нибудь присунем!

Смысл — это основа, фундамент вашего сайта. С него и надо начинать.
Пройдите
Бесплатный гайд, как правильно публиковать статьи на VC
Забрать гайд
бесплатный
курс
по копирайтингу от «Сделаем»
Забрать курс

Информацию — вперед

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

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

По-хорошему, разработка сайта должна проходить так:

  1. Решаем, какие страницы нужны, и какие смыслы на них будут.
  2. Готовим контент для страниц — пишем текст, рисуем иллюстрации.
  3. Делаем прототип — примерную схему, как будет располагаться контент на странице.
  4. Рисуем дизайн-макет. Если у дизайнера возникают идеи, как сделать лучше — он меняет прототип. Но не сам, а обязательно вместе с редактором — чтобы не упустить ничего важного.
  5. Верстаем сайт.
При таком подходе вы получаете сайт, решающий задачи маркетинга. А дизайн не просто украшает, а помогает найти и воспринять нужную информацию.

Вот что думает об этом наш партнер Аша Саакян, сооснователь агентства Mike&Asha:
Задача дизайнера — не просто нарисовать картинку, но иметь представление о том, как отдельные части этой картинки будут выглядеть при разном контенте, и как они будут взаимодействовать между собой. Невозможно создать умный интерфейс без понимания контента, который будет внутри него.
Посмотрите, как создаются новые странички для Билайн Бизнес:
Сначала делаем прототип, потом дизайн
Сначала мы готовим текст и показываем, как примерно его нужно разместить на странице. И по нашему прототипу дизайнеры рисуют макет и отдают на верстку. В итоге на страницах услуг есть вся необходимая информация и нет ничего лишнего.

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

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

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

Внутри — база, без которой никуда: задача текста, структура, поиск фактуры, согласования с клиентом.
Что еще почитать
Подписывайтесь
Мы много пишем про создание контента для бизнеса и контент-маркетинг. Выберите удобную площадку, оформите подписку и получайте ценные (но бесплатные) советы.
Error get alias