Разработка дизайна сайта: от чего зависит цена и как формируется смета

Запрос «разработка дизайна сайта цена» даёт вилку от 20–30 тысяч до 500+ тысяч рублей, и каждое предложение выглядит правдоподобно. В результате владелец бизнеса, маркетолог или продакт-менеджер вынужден выбирать почти вслепую. В этой статье разберём, из чего складывается стоимость дизайна в 2024 году, как читать смету, что в ней обязательно должно быть, какие ориентиры по ценам для лендинга, корпоративного сайта, интернет-магазина и веб-приложения, а также разберём несколько примеров смет с комментариями. Цель — помочь заказывать не «картинку», а рабочий инструмент, который даёт результат.

От чего на самом деле зависит стоимость разработки дизайна сайта в 2024 году

Первый слой цены — тип проекта и глубина проработки. Лендинг на 3–5 экранов с простым сбором заявок кардинально отличается по объёму от корпоративного сайта на десятки страниц, каталога услуг или интернет-магазина с фильтрами, корзиной и личным кабинетом. Для сложного веб-сервиса, CRM-системы или личного кабинета пользователя считается не количество страниц, а количество уникальных экранов и пользовательских сценариев: состояний форм, ошибок, уведомлений, шагов онбординга. Разница между 10 и 40 экранами спокойно умножает бюджет в 3–4 раза.

Второй слой — уровень UX-продумки. Есть два подхода:

• «Просто отрисовать макет по готовому прототипу» — дизайнер получает уже проработанную структуру блоков и фокусируется на визуале.
• «С нуля разработать логику» — сбор требований, исследования, карта пути пользователя, прототипы, тестирование на реальных людях.

Второй вариант легко добавляет 30–60% к стоимости, но резко повышает конверсию. Типичный пример: два предложения с одинаковым ценником в 150 тысяч, но в одном только UI-шаблонов без тестирования, во втором — UX-исследование, прототипы, юзабилити-тесты и адаптивный дизайн под мобильные устройства.

Третий фактор — сложность визуала, анимации и дизайн-системы. Минималистичный фирменный стиль на основе уже существующего брендбука (логотип, шрифты, цвета) стоит дешевле, чем разработка новой визуальной концепции, уникального дизайна с авторскими иллюстрациями и сложными анимациями. Цена растёт, когда в смету попадает:

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

Любая анимация — это не только творчество, но и дополнительные часы на тестирование, подготовку файлов для интеграции с фронтендом.

Четвёртый фактор — материалы на входе. Если у компании уже есть логотип, фирменный стиль, политика обработки персональных данных прописана, структуры страниц продуманы в виде черновых макетов, это экономит до 10–30% бюджета. Когда ничего нет, дизайнер тратит время на поиск визуальных решений, структуру каталога, сценарии работы с формами заявок, и это честно отражается в смете.

Пятый фактор — уровень команды и формат работы. Фрилансер берёт меньше, но часто ограничен по опыту (особенно в интерфейсах сложных веб-систем и приложений) и по ресурсам: нет второго дизайнера на подстраховку, нет отдельного UX-специалиста. Небольшая команда или студия, которая делает не только сайты, но и мобильные приложения, CRM и игры, может стоить в 1,5–2 раза дороже за час, зато уменьшает риски доработок на этапе разработки и ускоряет интеграцию дизайна в код.

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

Разработка дизайна сайта: цена по типам проектов в 2024 году

Рынок старается продавать «тип сайта», но реальная стоимость привязана к объёму и уровню проработки. Любые цифры ниже — ориентиры по РФ/СНГ, а не универсальный прайс.

Лендинг или промо-страница:

• минимальный пакет: до 5 экранов, готовый брендбук, без сложной анимации — примерно 25–60 тыс. ₽ у фрилансера и 60–120 тыс. ₽ у команды;
• обычно входит: прототип (desktop + mobile), один визуальный концепт, адаптивный дизайн под основные разрешения, подготовка файлов для разработчиков.

Корпоративный сайт компании (10–30 шаблонов страниц: услуги, отзывы, блог, вакансии, политика, FAQ):

• ценник часто в 2–3 раза выше лендинга — 120–300 тыс. ₽ и выше;
• рост цены даёт набор типовых шаблонов, сложные формы заявок, раздел «Блог», раздел «Вакансии», интеграция с CRM для обработки заявок.

Интернет-магазин:

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

Для магазина с нормальной глубиной проработки дизайн обычно оценивается в диапазоне 200–500 тыс. ₽, в зависимости от количества экранов и требуемой дизайн-системы.

Веб-сервис, личные кабинеты, CRM:

• сложность интерфейсов таблиц, фильтров, диаграмм, настройки прав пользователей;
• оценка идёт по этапам и по часам: Discovery, UX-исследование, прототипирование, дизайн-система, UI-дизайн экранов.

Тут сумма легко уходит в 500 тыс.–1,5 млн ₽ и считается помесячно: часть экранов запускается в работу разработки, пока дизайн дорабатывается дальше.

Отдельный момент — модель оплаты. Для понятных по объёму задач (лендинг, корпоративный сайт) удобен фикс: «до 20 экранов, включены прототипы, адаптив, 2 круга правок». Для меняющихся проектов (CRM, сервис для Telegram-ботов, личные кабинеты партнёров) разумнее почасовая ставка и контроль бюджета по этапам — по сути, вы платите за реальный объём задач, а не за ярлык «тип сайта».

Примеры смет: как выглядит реальная стоимость разработки дизайна сайта

Разберём три условных, но типичных сценария, чтобы стало понятнее, откуда берутся цифры в коммерческих предложениях.

Пример 1: лендинг под запуск продукта.

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

• Анализ задачи и структуры (бриф, карта блоков, разбор конкурентов) — 4–6 часов.
• Прототип (desktop + mobile) — 8–12 часов.
• Визуальная концепция (1–2 варианта) — 8–10 часов.
• Отрисовка экранов + адаптивы — 16–24 часа.
• Подготовка файла для разработки (Figma, стили, расстояния, экспорт файлов) — 4–6 часов.

При ставке 2 000 ₽/час получаем 80–116 тыс. ₽. Сократить бюджет можно, если отказаться от второго варианта концепции и кастомных иллюстраций, взять аккуратные готовые решения. Резать прототип и финальную подготовку рискованно: разработчикам сложнее, растёт стоимость верстки и число доработок.

Пример 2: интернет-магазин на 50–100 товаров.

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

• Исследование: анализ конкурентов, CJM (карта пути пользователя), сценарии поиска и фильтрации — 12–20 часов.
• UX: прототипы ключевых экранов (главная, каталог, фильтры, карточка товара, корзина, чекаут, личный кабинет, список заказов) — 25–40 часов.
• UI: дизайн-концепция, сетка, визуальный стиль — 12–16 часов.
• Отрисовка шаблонов страниц и состояний — 30–50 часов.
• Базовая дизайн-система: цвета, типографика, кнопки, поля, уведомления, компоненты карточек — 12–20 часов.

Итого при той же ставке — примерно 180–290 тыс. ₽. Дизайн-система в смете — не «роскошь», а способ удешевить верстку, интеграцию с CMS и будущие доработки: при добавлении новых страниц или акций разработчик использует готовые компоненты, а не изобретает структуру с нуля. Если вычеркнуть UX-этап, можно сэкономить до трети бюджета, но возрастёт риск, что корзина и поиск по каталогу будут работать неудобно, и реальная стоимость вылезет уже в виде потерь конверсии.

Пример 3: веб-сервис/CRM.

Особенности таких проектов — множество ролей (администратор, менеджер, клиент), состояний таблиц, фильтров, модальных окон, интеграции с внешними системами. Оценка идёт по этапам:

1. Discovery: интервью с командой, разбор технического задания, приоритизация функций — 20–40 часов.
2. Прототипирование ядра функционала (основные разделы, рабочие сценарии) — 40–80 часов.
3. Разработка дизайн-системы, которая позволяет масштабировать интерфейс — 30–60 часов.
4. UI-дизайн ключевых экранов и их состояний — 60–120 часов, дальше — итеративно.

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

Как сравнивать предложения и держать бюджет под контролем

При сравнении смет не останавливайтесь на финальной цифре. Задайте исполнителю несколько прямых вопросов:

• есть ли поэтапная смета и сколько этапов в неё входит;
• предусмотрены ли UX-работы, адаптивный дизайн, дизайн-система или только отрисовка отдельных макетов страниц;
• сколько кругов правок включено и как оформляются доработки сверх сметы;
• будет ли дизайнер на связи с разработчиками и помогать при интеграции дизайна.

Самые дешёвые предложения часто экономят на UX, адаптиве и системности. В итоге разработка, SEO-доработки, интеграции с CRM и поддержка сайта обходятся дороже, чем разница между «дешёвым» и продуманным дизайном.

Вывод и что можно сделать дальше

Цена разработки дизайна сайта в 2024 году — это функция от типа проекта, глубины UX-проработки, дизайн-системы и формата команды. Прозрачная смета по этапам позволяет понимать, за что вы платите, какие файлы и макеты получаете на выходе и как это повлияет на бизнес-результат и продвижение в поиске.

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