Я Валерия, UI/UX-дизайнер в Appex.Media. Когда меня спрашивают, сколько стоит дизайн сайта, я сравниваю его с ремонтом: можно перекрасить стены, а можно сделать проект с нуля, и цены будут отличаться в разы. Ниже разберу, из чего складывается стоимость, какие бывают уровни дизайна, от чего цена растёт сильнее всего, за что стоит платить, а на чём можно сэкономить без потери заявок, и как сравнить предложения разных дизайнеров и студий.
Что входит в дизайн сайта
Полный цикл у меня выглядит так:
- Исследование: аудитория, конкуренты, вопросы клиентов. На этом этапе я выясняю, что важно людям при выборе, и какие сомнения сайт должен снять.
- Прототип: структура страниц и блоков без визуала. Мы договариваемся о логике раньше, чем о цветах.
- Визуальная концепция главного экрана. Обычно я показываю два-три варианта, и клиент выбирает направление.
- Дизайн всех типов страниц: главная, услуга, кейс, статья, контакты, страница специалиста.
- Адаптивные версии для планшета и телефона. Мобильную версию я проектирую отдельно, потому что на телефоне другие сценарии и другая длина внимания.
- Иллюстрации, иконки, фото. Если своих снимков нет, Татьяна делает их с помощью ИИ-генерации фото и иллюстраций в фирменном стиле.
- Подготовка макетов для разработки: состояния кнопок, отступы, правила для новых страниц.
Три уровня дизайна
Шаблон с адаптацией. Беру готовую основу и подстраиваю под ваш фирменный стиль. Быстро и недорого, подходит для старта и проверки идеи. От 1500 BYN.
Индивидуальный дизайн. Прототип и визуал с нуля под ваши задачи, адаптивные версии, ИИ-иллюстрации и фото в едином стиле. От 2000 BYN.
Дизайн с исследованием. Всё из предыдущего уровня плюс интервью с клиентами, тест прототипа на пользователях и дизайн-система, на которой сайт можно развивать дальше. От 2500 BYN.
Какой уровень выбрать, зависит от задачи. Новому бизнесу, который проверяет спрос, хватает адаптированного шаблона. Компании с несколькими услугами и планами на поиск нужен индивидуальный дизайн. Исследование окупается там, где у сайта много трафика и каждый процент конверсии стоит ощутимых денег. Аудит текущего сайта мы делаем бесплатно и по итогам присылаем персональное коммерческое предложение.
Что владельцы ждут за свои деньги
Самое частое ожидание: дорогой дизайн гарантирует заявки. Он даёт больше шансов, если деньги ушли на исследование и прототип, а не на эффектные анимации. Второе ожидание: дизайн можно оценить с первого взгляда. Первый взгляд показывает вкус, а работает ли дизайн, видно через месяц по аналитике. Третье ожидание: дизайнер сделает всё сам. Мне всё равно нужны ваши ответы о клиентах, примеры работ и честная обратная связь, иначе получится красивый сайт о ком-то другом.
Из чего складываются часы работы
Чтобы цена была понятной, полезно знать, куда уходит время дизайнера. Исследование и прототип обычно занимают около трети всей работы, и это самая недооценённая часть: именно здесь решается, сможет ли посетитель найти нужное. Визуальная концепция и дизайн основных страниц занимают ещё примерно треть. Оставшееся время уходит на мобильные версии, иллюстрации, подготовку макетов для разработчика и правки. Если в смете исследование и прототип стоят копейки, скорее всего, их просто пропустят.
Для типичной сервисной компании с пятью-шестью услугами набор страниц выглядит так: главная, страница услуги (одна, а потом тиражируется), кейсы, о компании и команде, контакты, статья блога. Это шесть уникальных шаблонов, и каждая новая услуга добавляется без нового дизайна. Такой подход дешевле, чем рисовать каждую страницу отдельно, и сайт остаётся единообразным.
От чего цена растёт
- Количество уникальных типов страниц. Десять похожих страниц услуг по одному шаблону стоят меньше, чем пять страниц с разной логикой.
- Сложные интерактивные элементы: калькуляторы, конфигураторы, анимации.
- Фото и иллюстрации. Здесь бюджет помогает сэкономить ИИ: Татьяна делает фото без студии и фотографа.
- Нет фирменного стиля. Тогда начинаем с него, иначе сайт потом придётся переделывать.
- Тематика. Медицинскому сайту нужны страницы врачей, лицензии, понятная запись к конкретному специалисту, и проектировать их сложнее, чем страницу кофейни.
- Количество согласующих. Когда макеты утверждают пять человек, кругов правок становится больше.
За что стоит платить
Если сайт должен приносить заявки, я советую вкладываться в прототип и мобильную версию. Исследование McKinsey «The business value of design» показало, что компании с системным подходом к дизайну растут быстрее конкурентов. Ключевым фактором там названы понимание пользователей и постоянное тестирование решений, а визуальные эффекты в этот список не попали.
Хороший пример того, что окупается: клининговая компания, для которой наша команда сделала отдельные страницы под каждый вид уборки с ценой и составом работ. Дизайн у этих страниц простой, но трафик из поиска вырос кратно, а позиции поднялись в несколько раз. Деньги ушли на структуру и понятные страницы, и это сработало лучше любого визуального эффекта.
Где можно сэкономить
Можно взять готовый шрифт вместо разработки собственного, использовать стандартные иконки, отказаться от сложных анимаций и сделать часть страниц по общему шаблону. Можно начать с главной и страниц ключевых услуг, а остальные добавлять по мере роста. Экономить не стоит на мобильной версии, первом экране и форме заявки: именно они решают, оставит ли человек контакт.
В обсуждениях на Reddit владельцы бизнеса часто рассказывают одну и ту же историю: заплатили за эффектный дизайн с анимациями, а заявок стало меньше, потому что сайт начал тормозить и запутывать людей на телефоне. Красота, которая мешает действию, обходится дороже, чем кажется.
Дизайн и поиск
Дизайн влияет на SEO сильнее, чем принято думать. Тяжёлые фоновые видео и большие картинки замедляют загрузку, а скорость учитывают и Google, и Яндекс. Текст, нарисованный на картинке, поисковик не прочитает. Красивые, но непонятные названия разделов мешают людям и роботам понять, что где лежит. Поэтому каждый макет я согласую с Михаилом, который ведёт у нас продвижение сайтов в Google и Яндексе: структура заголовков, место для текста и блока вопросов закладываются ещё на этапе прототипа. Переделывать это после запуска дороже, чем сделать сразу.
Как сравнить предложения дизайнеров
- Входит ли в цену прототип или дизайнер сразу рисует картинки?
- Будет ли отдельная мобильная версия каждой страницы?
- Сколько кругов правок включено?
- Передаются ли исходные файлы и права на дизайн?
- Кто будет проверять, что разработчик собрал сайт по макетам?
Сроки
Адаптированный шаблон обычно занимает 1-2 недели, индивидуальный дизайн корпоративного сайта 3-5 недель, дизайн с исследованием от 5 недель. Чаще всего сроки сдвигаются из-за ожидания материалов и согласований, поэтому фото, тексты и примеры работ лучше собрать заранее.
Что происходит после запуска
Сайт живёт: появляются новые услуги, акции, страницы под рекламу. Чтобы он не превратился в лоскутное одеяло, я передаю вместе с макетами набор правил: какие блоки можно использовать, как оформлять новые страницы, какие цвета и размеры шрифтов допустимы. Тогда даже новую страницу, собранную без дизайнера, не будет видно как чужеродную. Через месяц после запуска я смотрю аналитику и предлагаю точечные правки там, где посетители уходят.
Что вы получите
- Дизайн, который помогает клиенту быстро оставить заявку.
- Макеты для всех устройств.
- Готовность к разработке сайта под ключ: Алексей собирает его в той же команде.
- Учёт требований SEO с первого макета.
Частые вопросы
Можно ли заказать только дизайн без разработки?
Да. Передадим макеты и все файлы вашему разработчику и ответим на его вопросы.
Что делать, если дизайн не понравился?
Для этого мы согласуем прототип и концепцию главного экрана до полного дизайна. Если направление не подошло, меняем его на этом этапе, пока это недорого.
Нужен ли фирменный стиль до дизайна сайта?
Желательно хотя бы логотип, цвета и шрифты. Если их нет, мы сделаем базовый стиль вместе с сайтом, чтобы потом не переделывать макеты.
Как дизайн влияет на заявки, я подробно разобрала в статье «UX/UI-дизайн сайта», а общая стоимость сайта вместе с разработкой посчитана в статье «Сколько стоит создание сайта».
Опишите сайт, который вам нужен, и я предложу подходящий уровень дизайна с расчётом стоимости и сроков. Оставьте заявку на бесплатный аудит, и мы пришлём персональное предложение.
Источники
- McKinsey & Company. The business value of design, 2018.
Валерия, UI/UX-дизайнер Appex.Media
