Проектирование и UX-исследование сайта

Проектирование сайта — этап, на котором принимаются 80% ключевых решений

Проектирование — самый недооценённый этап работы над сайтом. Клиенты часто хотят пропустить его: «зачем платить за схемы и вопросы, давайте сразу рисовать». Результат — сайт делается на 30–50% дороже, чем мог бы: потому что структура меняется на этапе дизайна, дизайн переделывается на этапе вёрстки, а после запуска выясняется, что аудитория ищет не то, что вы продаёте. Проектирование — это про то, чтобы задать все важные вопросы до того, как первый пиксель начинает стоить денег.

UX-проектирование — не «нарисовать серые прямоугольники в Figma». Это исследование: кто ваш клиент, что он ищет, какими путями приходит, что мешает ему купить. Ответы на эти вопросы превращаются в структуру сайта: какие страницы нужны, что на них в каком порядке, какие кнопки, какие формы, какая логика воронки. Ниже — что входит в наше проектирование, сколько стоит, кому нужно, и в каких случаях можно обойтись без.

Что входит в проектирование

• Custdev-интервью — 3–5 разговоров с реальными клиентами или потенциальными о том, как они выбирают и что для них важно
• Анализ конкурентов — 10–15 сайтов ниши, что делают хорошо, что делают плохо
• Формулирование гипотез — 5–10 гипотез о том, что работает в вашей нише
• Сайтмап и структура — карта страниц с логикой переходов
• Прототипы в Figma — wireframe главной и типовых страниц: блоки, кнопки, формы
• Юзер-тестинг — прототип показывают 3–5 представителям целевой аудитории
• Итоговый отчёт — что заложили в структуру и почему, с обоснованием каждого решения

Custdev-интервью — самый ценный шаг

Custdev — customer development, серия глубинных интервью с реальной аудиторией. Мы разговариваем не о вашем будущем сайте, а о том, как человек выбирает подобные продукты вообще. Как искал в последний раз? Что смотрел? Что решило? Что не понравилось? 30–60 минут разговора одного человека даёт больше, чем неделя чтения статей о «трендах в UX». Обычно 3–5 интервью достаточно, чтобы обнаружить 2–3 неочевидные вещи, которые перевернут структуру сайта.

Прототипирование в Figma

После custdev и анализа конкурентов рисуем структуру каждой ключевой страницы: главная, категория, карточка услуги/товара, форма, статьи блога. Не рисуем графику — только схему: где заголовок, где кнопка, где преимущества, где отзывы, где форма заявки. Кликабельный прототип: можно ходить по нему как по настоящему сайту, тестировать логику воронки. На этом этапе легко переставить блоки, убрать лишнее, добавить недостающее — а до дизайна ещё далеко.

Юзер-тестинг прототипа

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

Что это даёт бизнесу

Три конкретных эффекта. Первый — экономия на переделках: изменение структуры в прототипе стоит 2 часа работы, изменение в готовом сайте стоит неделю и десятки тысяч рублей. По нашей практике, проектирование сокращает общий бюджет проекта на 20–40%. Второй — рост конверсии: сайт, спроектированный по данным custdev, конвертит на 30–70% лучше сайта «в стиле конкурентов». Третий — точное ТЗ: подрядчик работает по проверенной структуре, а не «додумывает по ходу».

Сколько это занимает

Полный цикл проектирования для корпоративного сайта — 10–15 рабочих дней. Custdev — 3–5 дней (созвоны + анализ). Конкурентный анализ — 2–3 дня. Прототипирование — 3–5 дней. Юзер-тестинг — 2 дня. Итерации после теста — 1–2 дня. Для лендинга — короче, 5–7 дней. Для интернет-магазина или портала — дольше, 3–4 недели с более глубоким исследованием и большим числом типовых страниц.

Сколько стоит

Проектирование как отдельная услуга — от 10 000 ₽ для лендинга и до 150 000 ₽ для крупного магазина или портала. Средняя цена для корпоративного сайта — 50 000–80 000 ₽. Если проектирование заказывается вместе с разработкой — часть работы уже входит в общий проект: базовые этапы брифа и анализа делаем всегда, отдельно оплачивается углублённое исследование (полноценный custdev с 5+ интервью, юзер-тестинг, детальные отчёты).

Кому подходит

Проектирование как отдельная услуга нужно в трёх случаях. Первый — у вас уже есть сайт, но он не конвертит: делаем UX-аудит + custdev + прототип нового решения, дальше отдаёте в разработку кому угодно. Второй — вы планируете крупный проект (магазин, портал, сложный корпсайт) с бюджетом от 30 000 ₽: проектирование сэкономит вам эти же 200 000 на переделках. Третий — вы стартап и нужно проверить продуктовую гипотезу до вложения в разработку: делаем прототип и юзер-тестинг за 2 недели.

Когда можно обойтись без

Если вы делаете простой лендинг под рекламу на нишу, где уже понятна структура (типовой лендинг ремонта техники, юр. услуги), — базового брифа и прототипа в рамках общего проекта хватит, отдельное проектирование не нужно. Если вы делаете корпсайт по типовой схеме (о компании, услуги, кейсы, контакты) — тоже не требуется. Проектирование окупается там, где есть неопределённость: новая ниша, сложный продукт, сомнения по структуре.

Как проектирование связано с остальными этапами

Проектирование предшествует дизайну. По итогам проектирования получается ТЗ для дизайнера и разработчика (см. этапы разработки). Итоговые файлы — Figma-проект с прототипом, отчёт с обоснованием решений, транскрипты custdev. Всё это остаётся у клиента — можно передать любому подрядчику для реализации. Мы не привязываем к себе через «мы держим макеты в закрытом Figma-workspace».

Как проводится custdev-интервью

Одно интервью — 30–60 минут разговора с одним человеком. Мы готовим гайд (список вопросов на 15–20 пунктов), но не читаем его подряд — используем как канву. Разговор строится по методу «пяти почему»: любой ответ на верхнем уровне («мне нужен был сайт», «выбрал этого подрядчика») углубляется вопросом «почему именно так?». Так добираемся до реальных мотивов и болей, а не до тех, которые лежат на поверхности.

После интервью — расшифровка (транскрипт) и разметка ключевых цитат. По 3–5 интервью формируем «карту болей»: что чаще всего мешает, что чаще всего важно, что чаще всего вызывает вопросы. Эта карта становится основой структуры сайта: каждая ключевая боль превращается в блок, который её закрывает; каждый ключевой вопрос — в раздел FAQ. Такой подход сильно отличается от «нарисовали по референсам конкурентов».

Типовые результаты custdev — что мы обычно находим

За несколько лет практики выделили паттерны того, что клиенты недооценивают в своём предложении, а покупатели — переоценивают. Первый паттерн — цена важнее, чем кажется владельцу бизнеса. Клиент думает, что «главное — качество». Покупатель первым делом ищет цену — и если её нет на сайте, часто уходит. Второй — сроки: покупатель хочет знать, «когда я это получу», а не только «что это». Третий — гарантии: страх «а вдруг обманут» есть у 80% покупателей, снимается конкретными пунктами про гарантию и договор.

Разница между проектированием и дизайном

Часто путают. Проектирование — про структуру и логику: что где расположено, в каком порядке, какие функции. Дизайн — про визуальную часть: цвета, шрифты, иллюстрации, тональность. Проектирование первично: сначала решаем, что должно быть на странице, потом красиво оформляем. Обратный порядок («сначала красиво, потом функционально») — распространённая ошибка, из-за которой сайты выглядят современно, но не продают.

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