Веб-дизайн сайта: за что платить, а за что нет

Интерес к теме устойчивый и довольно ровный. По данным проверки спроса FIKSU через Wordstat, запрос «веб дизайн» собирает 20 793 показа в месяц, «структура сайта» — 20 361, «сайт на тильде» — 17 659. Цифры близкие, и это содержательно: люди ищут не «красиво», а «как правильно устроить». Запросы про структуру и про конкретный конструктор стоят в одном ряду с запросом про дизайн — значит, спрос идёт от задачи, а не от желания получить картинку.

Что такое дизайн сайта на самом деле

За словом «дизайн» прячутся четыре разные работы, и путать их дорого.

• Структура. Какие блоки на странице и в каком порядке: оффер, доказательства, цены, ответы на возражения, контакты. Это самое важное и чаще всего самое дешёвое в работе.
• Интерфейс. Где кнопки, как выглядит меню, что происходит при нажатии, как заполняется форма заявки.
• Оформление. Шрифты, отступы, цвета, рамки. Именно тут чаще всего начинается бесконечная правка вкусов.
• Сборка. Реализация макета в конкретной системе: конструктор, тема WordPress или собственный код. От неё зависит, сможете ли вы сами менять контент.

Если подрядчик обсуждает с вами только второе и третье — это тревожный признак. Хороший разговор начинается с первого пункта: какие вопросы есть у клиента и в каком порядке он должен встречать ответы. Логика того, как страницы связаны между собой, разобрана отдельно — в статье «Структура сайта».

За что стоит платить

• За разбор содержания до макета. Список услуг, тезисы, порядок блоков на бумаге или в заметках. Половина проблем «мне не нравится дизайн» — это на самом деле «мне не нравится, что я вижу здесь не то».
• За читаемость. Соответствующий размер шрифта, интервалы, длина строки, контраст. Это скучная часть, но именно она решает, останется человек на странице или нет.
• За мобильную версию как основную. Не «адаптируется», а спроектирована с телефона. Проверьте: сколько касаний нужно, чтобы дозвониться с телефона.
• За систему, а не за страницу. Набор стилей, из которого вы потом сами соберёте новую страницу услуг или статью. Так сайт не придётся переделывать с нуля каждый раз.
• За понятный способ менять тексты. Если поменять заголовок можно только через разработчика, вы будете платить за каждую запятую.

Где переплата ничего не меняет

• Уникальная иллюстрация на каждой странице. Обычно достаточно двух-трёх хороших фотографий работ. Рисованные абстракции не продают услугу.
• Анимация ради анимации. Появление блоков при прокрутке и параллакс добавляют вес странице и время загрузки, а воспринимаются один раз. Про то, что именно тормозит сайт, есть в статье «Скорость загрузки сайта».
• «Модная» типографика. Декоративные шрифты уместны в логотипе, но не в описании услуг. Читаемость важнее узнаваемости.
• Третья-четвёртая итерация «по вкусу». Если правки идут без аргументов из задачи, они не заканчиваются. Договоритесь о числе раундов заранее.
• Уникальный дизайн для одной страницы. Если страница одна и посадочная — это оправдано. Для сайта из десяти страниц дешевле и надёжнее собрать систему.

Как принимать работу: пять проверок

1. Откройте сайт на своём телефоне. Не на макете в браузере разработчика, а в реальной жизни: в дороге, при ярком свете, на медленном интернете.
2. Найдите телефон и форму заявки за три касания. Если дольше — переделывать навигацию, а не цвета.
3. Замените одну картинку и один заголовок сами. Проверка на то, что вы не заперты в подрядчике и сможете поддерживать сайт своими руками.
4. Проверьте, что текст виден без JavaScript и картинок. Это важно и для поиска: если содержание подгружается скриптами, поисковик может его не увидеть. Практический порядок осмотра сайта описан в статье «Как сделать аудит сайта самому».
5. Выключите звук и посмотрите на страницу ещё раз. Так вы на себя посмотрите глазами человека, который пришёл на минуту и ничего про вас не знает.

Частые ошибки

• Начинать с картинки. Обсуждать цвета до того, как решено, что вообще написано на странице. Так проходит половина сметы.
• Копировать сайт конкурента целиком. Вместе с чужим дизайном вы копируете и чужие слабые места. Полезнее разобрать, чего у него не хватает: разбор такого случая есть в статье «Разбор сайта строительной компании».
• Экономить на тексте и ждать, что дизайн вытянет. Пустые формулировки «мы предлагаем широкий спектр услуг» не спасает никакая вёрстка.
• Заказывать «на будущее». Сложный дизайн под десять разделов, из которых два заполнены, только путает посетителя. Соберите то, что уже можете показать.
• Не проверять результат в поиске. Через несколько недель после запуска стоит открыть Вебмастер и Метрику и посмотреть, читают ли вас вообще.

Частые вопросы

Можно ли собрать сайт самому по готовому шаблону?

Да, для многих небольших дел этого достаточно: страницы услуг, примеры работ, контакты. Шаблон даёт систему, которую вы сможете повторять. Главное — не вставлять свои тексты в чужие блоки «как есть» и не оставлять демонстрационные картинки. Как это выглядит на практике, разобрано в статье «Сайт на Тильде».

Сколько страниц нужно на старте?

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

Обязателен ли логотип перед запуском сайта?

Нет. Часто его роль спокойно играет название, набранное тем же шрифтом, что и заголовки. Заказывать логотип раньше, чем сформулировано само предложение, — трата денег на самую заметную мелочь вместо самого важного.

Как понять, что дизайн работает?

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