Дизайн сайта по референсам или с нуля: как поставить задачу дизайнеру

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

Дизайн по референсам: что это на самом деле

Референс — это не копирование чужого сайта, а визуальный ориентир: набор примеров, которые показывают дизайнеру желаемое настроение, уровень плотности контента, тип графики. Хороший бриф с референсами обычно содержит 3-5 сайтов с пометками — что именно нравится в каждом: «как здесь сделан блок с ценами», «такой шрифт в заголовках», «такое расположение кнопки». Дизайнер не срисовывает макет, а собирает из этих ориентиров собственную композицию под структуру и контент конкретного бизнеса.

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

Авторская концепция: когда она оправдана

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

У подхода есть обратная сторона. Без референсов заказчику сложнее сформулировать обратную связь на первом просмотре макета: вместо «сделайте как у примера №2» приходится объяснять ощущения словами, и правки чаще идут по кругу. Именно поэтому авторская концепция требует более зрелого процесса согласования — обычно с промежуточным этапом мудборда или нескольких визуальных направлений на выбор, прежде чем дизайнер приступит к детальной отрисовке.

Разница в цене и сроках

На рынке эту разницу редко называют прямо, хотя она существенная. Дизайн по референсам — это, по сути, адаптация проверенных паттернов под контент заказчика, поэтому стоимость страницы обычно укладывается в стандартный тариф студии: например, дизайн одной страницы — от 4 900 ₽, лендинг на 5-8 экранов — от 8 900 ₽. Срок — от 3-5 рабочих дней, потому что дизайнер не изобретает структуру заново, а компонует уже знакомые блоки.

Авторская концепция закладывает дополнительный этап — поиск и утверждение направления до начала детальной отрисовки. На практике это плюс 30-70% ко времени и, соответственно, к цене: студии либо выставляют отдельную строку «разработка концепции» (обычно от 15 000 до 40 000 ₽ в зависимости от сложности), либо закладывают её в повышенный тариф пакета «под ключ». Экономить на этом этапе бессмысленно — именно здесь рождается идея, которую потом просто масштабируют на остальные страницы.

Важная оговорка: количество итераций правок в обоих случаях ограничено договором — 2-3 итерации на макет. Разница не в числе правок, а в их характере. При работе по референсам правки точечные («увеличьте отступ», «замените фото»). При авторской концепции первая итерация может означать смену направления целиком — это нормально и должно быть учтено в сроке заранее, а не восприниматься как провал дизайнера.

Как собрать техническое задание для дизайнера

Независимо от подхода, качество результата на 70% зависит от того, что заказчик передал на входе. Минимальный рабочий бриф должен закрывать пять пунктов:

• Цель сайта и целевое действие — заявка, звонок, покупка в корзине, запись на консультацию. Дизайн лендинга под заявку и дизайн визитки для доверия строятся по-разному.
• Портрет аудитории — кто принимает решение, на каком устройстве обычно смотрит сайт, насколько прогрет к покупке. Это влияет на плотность текста и количество шагов до кнопки.
• Референсы или их сознательное отсутствие — 3-5 ссылок с пометками «нравится / не нравится» либо явное решение довериться концепции дизайнера. Половинчатая позиция («ну, что-нибудь красивое») почти всегда ведёт к переделкам.
• Материалы — логотип, фирменные цвета, реальные тексты или хотя бы структура разделов, фотографии или согласие на подбор стоковых изображений.
• Ограничения платформы — на чём будет собираться сайт: Tilda, WordPress, 1С-Битрикс или вёрстка кодом. Макет для конструктора и макет для вёрстки проектируются по-разному, и эту деталь дизайнер обязан знать до, а не после отрисовки.

Отдельно стоит зафиксировать то, что не нужно объяснять словами: приложите 2-3 примера конкретных элементов (кнопка, шапка, карточка товара), а не абстрактные эпитеты вроде «современно» или «дорого». Эти слова каждый дизайнер понимает по-своему, и именно на них чаще всего расходятся ожидания заказчика и первый вариант макета.

Частые ошибки при постановке задачи

Есть несколько повторяющихся сценариев, из-за которых процесс затягивается вне зависимости от выбранного подхода:

1. Референсы без пометок. Ссылка на сайт без объяснения, что именно нравится, заставляет дизайнера гадать — понравился шрифт, композиция первого экрана или цветовая гамма целиком.
2. Смешение референсов из разных лиг. Сайт с бюджетом в миллионы рублей и локальный лендинг требуют разного уровня графики; если в референсах и то и другое, ожидания придётся откалибровать заранее, иначе разочарование неизбежно.
3. Правки без прототипа. Утверждение сразу цветного макета, минуя этап структуры (прототипа), приводит к тому, что дорогие правки — перестановка блоков — вносятся уже в готовую отрисовку, а не на дешёвом черновом этапе.
4. Решения комитетом. Если утверждать макет будут три человека с разными вкусами, лучше собрать их мнения до брифа, а не после первой версии — иначе правки будут противоречить друг другу.
5. Отсутствие ответственного за финальное решение. У задачи должен быть один человек, который говорит «да, утверждаю» — иначе итерации правок закончатся раньше, чем закончится обсуждение.

Практический вывод

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

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