Как согласовать дизайн сайта без споров: 6 правил приёмки

Согласование дизайна сайта укладывается в 2 круга правок и 5-7 рабочих дней, если до старта записаны критерии приёмки и назначен один человек с правом финального «да». Сайт на React мы делаем от 80 000 ₽ и обычно за 1-2 недели от полного комплекта материалов, и почти весь риск срыва этого срока приходится не на вёрстку, а на бесконечное «давайте посмотрим ещё вариант».

Мы не отдаём сайт, который не будет приносить прибыль. Поэтому приёмку макета ведём не по вкусу, а по вопросу «видно ли из этого экрана, откуда придёт заявка». Если не видно - переделываем макет, а не сдаём работу и не спорим о цвете кнопки.

I. Почему спорят о дизайне

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

• Не назван результат. Сайт для заявок и сайт-визитка выглядят по-разному, но в брифе часто написано просто «нужен сайт».
• Правки приходят от 3-5 человек. Директор, маркетолог, собственник и супруга собственника хотят разного, подрядчик получает противоречивый список.
• Нет материалов. Макет собирают на рыбе, потом приходят реальные тексты и фото, и половину экранов приходится перекладывать.
• Вкус вместо задачи. «Мне не нравится синий» нечем проверить, «заголовок не отвечает, что мы делаем и для кого» - можно исправить за 10 минут.

II. Правило 1: сначала прототип главной

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

На прототипе видно главное: откуда на сайте берутся обращения. Если первый экран не отвечает на вопросы «что вы делаете», «для кого» и «что будет дальше», а форма спрятана в подвале - это не вопрос красоты, это неработающая конструкция. Понятнее всего это на примере: в проекте редизайн сайта SkyFarm (агротех, системы выращивания с искусственным интеллектом: контейнерные фермы, блок управления, приложение, семена и питание) спор о структуре закрыла схема работы из трёх шагов - датчики, анализ, исполнение: когда она согласована, порядок остальных разделов и место сквозной кнопки «Собрать свою ферму» обсуждать уже почти не о чем. Как мы собираем такие сайты и продвигаем их дальше, описано на странице разработка сайтов и SEO.

III. Правило 2: письменные критерии приёмки

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

1. Первый экран отвечает: что за компания, что делает, для кого, что произойдёт после клика.
2. На каждом экране есть понятное следующее действие, а не просто текст.
3. Форма заявки видна без долгой прокрутки и продублирована ниже по странице.
4. Цены или вилки цен есть на сайте - иначе человек уходит искать их у конкурента.
5. Доказательства на месте: работы, отзывы, фото команды, документы.
6. Макет проверен на телефоне, а не только на большом мониторе.
7. Тексты - настоящие, а не Lorem ipsum: половина споров рождается именно на подстановке реальных формулировок.

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

IV. Правила 3 и 4: два круга правок и один голос

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

Правило 4: правки собирает один человек. Мнений внутри компании может быть пять, но подрядчику приходит один сведённый список, где внутренние противоречия уже сняты. Это самое дешёвое ускорение проекта из всех: обычно оно экономит 3-5 дней на каждом круге.

V. Правила 5 и 6: сроки, деньги и стоп-точки

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

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

VI. Ошибки, из-за которых приёмка тянется месяцами

• Согласование по скриншотам в мессенджере. Обсуждение рассыпается по чату, через неделю никто не помнит, что именно утвердили.
• Правки голосом по телефону. Не остаётся списка, на который можно опереться при приёмке.
• Сравнение с чужим сайтом целиком. У конкурента другой бюджет, другие фото и другая задача; переносить имеет смысл решение, а не внешний вид.
• Тексты «потом допишем». Дизайн под рыбу почти всегда разъезжается на реальном контенте.
• Отсутствие мобильной проверки. Больше половины обращений обычно приходит с телефона, а макет утверждают на десктопе.

Хорошая проверка перед финальным «принято»: посмотрите на макет так, будто вы клиент, который зашёл с телефона на 20 секунд. Понятно, что это за компания? Понятно, сколько это стоит хотя бы вилкой? Понятно, как оставить заявку? Если на все три вопроса «да» - можно принимать. Как выглядят такие сайты на практике, видно на примерах: ayvazzovsky.com - салон сложного окрашивания с двумя адресами, онлайн-записью и видео работ мастеров, и navsegda-event.ru - агентство корпоративных мероприятий с услугами, кейсами и расчётом мероприятия.

VII. Короткий итог

Дизайн согласуется без споров, когда решение принимается на прототипе, критерии приёмки записаны заранее, правок два круга, голос один, а у каждого этапа есть срок. Тогда сайт на React выходит в работу за 1-2 недели от материалов и стоит от 80 000 ₽, а не превращается в полугодовой обмен макетами. Если сайт нужен не как картинка, а как источник обращений, дальше подключается контент: SEO-статья от 500 ₽, прокачка блога от 75 000 ₽ в месяц, а поток обращений можно закрывать через лиды с оплатой за результат, пока сайт набирает видимость. Что считать нормальным обращением, разобрано в материале про валидную заявку.

Наши работы

Сайты, которые студия уже запустила

Четыре проекта N3MIROFF, которые можно открыть прямо сейчас и посмотреть, как они работают.

Агротех с ИИ

SkyFarm ↗

Редизайн сайта систем выращивания: первый экран с контейнерной фермой, схема работы из трёх шагов, карусель продуктов и экран приложения.

Сайт салона

ayvazzovsky.com ↗

Салон сложного окрашивания в Москве: онлайн-запись, видео работ, портфолио и команда. Переехал с Тильды на свой хостинг.

Онлайн-академия

ayvazzovsky.academy ↗

Видеоуроки колористики: каталог, посадочные страницы уроков, личный кабинет и промокоды.

Event-агентство

navsegda-event.ru ↗

НАВСЕГДА: корпоративы и конференции - услуги, кейсы, этапы работы и расчёт мероприятия.

Витрина магазина

Monkey Market ↗

Премиальная витрина магазина кроссовок с заказом в Telegram.

Разработка сайтов от 80 000 ₽ →Все работы студии

Хотите увидеть свой сайт до того, как платить?

Сделаем прототип главной страницы бесплатно: первый экран, блоки и логика заявки - до договора и без предоплаты.

Получить расчёт заявок →

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

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