Что входит в стоимость разработки сайта

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

Почему один сайт стоит 30 000 ₽, а другой — 500 000 ₽

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

• один собран на готовом шаблоне конструктора, другой отрисован с нуля в Figma;
• у одного 5 типовых страниц, у другого — 50 с уникальной структурой;
• один просто показывает информацию, а второй принимает заявки, синхронизируется с CRM, подключает онлайн-оплату и обновляет остатки на складе;
• один делается за 2 дня на Tilda, другой требует кастомной разработки на WordPress или Laravel со сложной логикой.

По скриншоту оценить реальный объём невозможно. Я не раз сталкивался с ситуацией: клиент приносит пример лендинга за 30 000 ₽ и хочет «такой же, но с личным кабинетом, корзиной и интеграцией 1С». Когда объясняешь, что это уже не лендинг, а интернет-магазин с индивидуальной доработкой, бюджет вырастает в 5–7 раз. Цена формируется из количества часов, уровня специалистов, срочности, числа правок и конкретного набора задач.

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

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

1. Аналитика и постановка задачи

Самый недооценённый этап, который часто пытаются пропустить ради экономии. Но именно с него начинается осмысленная работа. Здесь мы выясняем:

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

Если этот этап пропустить, проект почти гарантированно дорожает в процессе. Начинаются переделки, потому что «мы думали, будет по-другому», бесконечные уточнения и споры. По моему опыту, каждый час, потраченный на аналитику, экономит 3–5 часов на последующих этапах.

Что входит в работу:

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

2. Прототипирование

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

Зачем нужен прототип:

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

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

3. Дизайн

Дизайн — это не только «красиво», но и удобно. В стоимость этого этапа может входить:

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

Цена сильно зависит от подхода:

• по шаблону — берётся готовая тема (например, для WordPress) и кастомизируется под бренд. Быстрее и дешевле, но возможности ограничены;
• с нуля — дизайнер рисует каждый блок индивидуально. Дольше и дороже, зато сайт получается уникальным и точно соответствует задачам;
• в Figma с детальной проработкой — стандарт для серьёзных проектов. Такой макет удобно передавать в вёрстку, потому что там видны все отступы, шрифты и эффекты.

Часто слышу от заказчиков: «Нам не нужен дизайн, мы сами нарисуем». Но дизайн — это ещё и логика расположения элементов. Если кнопка «Купить» будет незаметной или форма обратной связи спрячется в подвале, конверсия упадёт, даже если визуально всё красиво.

4. Верстка

Вёрстка превращает статичный дизайн в работающий в браузере интерфейс. Именно на этом этапе появляется реальный сайт, который можно открыть по ссылке.

В стоимость обычно входят:

• написание HTML-структуры страниц;
• стилизация через CSS (цвета, шрифты, отступы, анимации);
• адаптивность — корректное отображение на телефонах, планшетах и десктопах;
• настройка анимаций и интерактивных элементов;
• кроссбраузерная проверка (Chrome, Firefox, Safari, Edge).

Плохая вёрстка — это когда на iPhone 12 всё идеально, а на Samsung Galaxy A50 кнопки уезжают за экран. Я всегда тестирую на реальных устройствах, а не только в эмуляторе Chrome DevTools. Исправление таких ошибок постфактум стоит дороже, чем нормальная работа с самого начала.

5. Программирование и функционал

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

Типовой набор функций:

• формы обратной связи с валидацией и отправкой на почту;
• корзина и оформление заказа;
• личный кабинет пользователя;
• каталог товаров с фильтрами и сортировкой;
• поиск по сайту;
• калькуляторы стоимости;
• онлайн-оплата (эквайринг, платёжные шлюзы);
• интеграция с CRM (amoCRM, Bitrix24 и др.);
• подключение аналитики (Яндекс.Метрика, Google Analytics) и целей;
• автоматические уведомления (письма, SMS).

Чем больше нестандартных сценариев, тем выше цена. Иногда именно функционал делает сайт в разы дороже базовой версии. Например, интеграция с 1С для обновления остатков — это не просто «поставить плагин», а настройка обмена данными, обработка ошибок и тестирование. Однажды у клиента не отправлялись заявки из-за того, что поле телефона было обязательным в форме, а в CRM — нет, и запрос падал с ошибкой. Такие мелочи выявляются только на этапе программирования и тестирования.

6. Контент

Контент — это тексты, фотографии, видео, таблицы, иконки, описания услуг и товаров. Без него сайт остаётся пустой оболочкой.

В стоимость могут включать:

• написание текстов с нуля или редактуру существующих;
• подбор изображений на фотостоках или обработку предоставленных;
• заполнение страниц (перенос контента в админку);
• перенос данных со старого сайта.

Если контент полностью готовит заказчик, итоговая цена снижается. Но практика показывает: самостоятельная подготовка часто затягивает сроки. Для интернет-магазина на 500 товаров заполнение карточек вручную — это недели работы. Поэтому либо закладывайте бюджет на контент-менеджера, либо готовьте данные заранее в структурированном виде (Excel, CSV).

7. SEO-база

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

Что обычно делают:

• прописывают title и description для ключевых страниц;
• настраивают заголовки H1–H3 в соответствии со структурой;
• делают человекопонятные URL (ЧПУ) вместо «site.ru/?p=123»;
• добавляют alt к изображениям;
• настраивают robots.txt и sitemap.xml;
• проверяют скорость загрузки и устраняют грубые ошибки;
• убирают технические дубли и битые ссылки.

Это не «продвижение под ключ», а техническая гигиена. Без неё даже красивый сайт может не попасть в выдачу или индексироваться с ошибками.

8. Тестирование

Перед запуском сайт обязательно проверяют на ошибки. Я обычно прохожу по чек-листу из 30+ пунктов и дополнительно прошу реальных пользователей пройтись по основным сценариям.

Что тестируют:

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

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

9. Запуск и настройка

Запуск — это не просто «нажать кнопку». Это комплекс технических действий, от которых зависит стабильность проекта.

В стоимость запуска могут входить:

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

Часто заказчики удивляются, что запуск занимает несколько часов или даже день. Но именно эти мелочи обеспечивают корректную работу сайта с первых минут.

10. Поддержка и доработки

После запуска сайт не заканчивается. Он живёт: обновляются плагины и CMS, меняются требования поисковиков, появляются новые устройства. Без регулярного обслуживания сайт устаревает за год-полтора.

Что входит в поддержку:

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

Поддержка может считаться отдельно (ежемесячная плата) или входить в первый месяц после сдачи проекта. Я всегда рекомендую закладывать хотя бы минимальный бюджет на сопровождение, чтобы сайт не превратился в «заброшенный дом».

Таблица: что влияет на цену сайта

Что обычно входит в цену лендинга, корпоративного сайта и интернет-магазина

Лендинг

Это одностраничный сайт для одного продукта, услуги или акции. Его главная задача — конвертировать посетителя в заявку или звонок. Обычно в цену входят:

• анализ целевой аудитории и предложения;
• прототип (часто упрощённый);
• дизайн одной страницы с учётом смысловых блоков;
• вёрстка и адаптив;
• форма заявки с валидацией и отправкой на почту;
• базовая SEO-настройка;
• запуск на хостинге.

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

Корпоративный сайт

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

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

Корпоративный сайт — это лицо компании в интернете. Экономия на структуре или дизайне здесь часто бьёт по доверию потенциальных клиентов.

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

Самый затратный формат из типовых. В стоимость часто входят:

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

Чем больше товаров и сценариев (например, разные способы доставки, оптовые цены, программа лояльности), тем дороже разработка и последующее сопровождение. Часто магазины стартуют на готовых решениях вроде WordPress + WooCommerce, но потом дорабатывают под себя.

Какие услуги часто считают отдельно

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

• покупка домена (имя сайта);
• оплата хостинга (ежемесячно или ежегодно);
• платные шрифты и изображения (лицензии);
• копирайтинг (написание текстов);
• фотосъемка товаров или услуг;
• перевод на другие языки;
• наполнение сайта большим объёмом товаров (например, 1000+ позиций);
• интеграция сложных сервисов (1С, ERP, нестандартные API);
• платные плагины и лицензии (например, для кэширования, SEO, безопасности);
• техподдержка после запуска (если не включена в договор);
• срочные правки вне согласованного объёма.

Если эти моменты не уточнить заранее, бюджет легко «разъезжается» уже в середине проекта. Помню случай, когда клиент думал, что домен и хостинг входят в разработку, а это оказались дополнительные 5 000 ₽ в год.

Почему два подрядчика называют разные суммы

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

Дешевле обычно значит:

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

Дороже обычно значит:

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

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

Как понять, за что именно вы платите

Перед началом работ обязательно запросите у исполнителя подробную смету. В ней должны быть перечислены конкретные этапы и результаты. Если вам дают одну строку «разработка сайта — 150 000 ₽», это красный флаг. Требуйте расшифровку.

Проверьте, есть ли в смете:

• список всех страниц с указанием, какие из них уникальные, а какие типовые;
• описание функционала (что именно будет работать, а что нет);
• количество макетов (главная, внутренняя, мобильная версия);
• число правок, включённых в стоимость;
• что входит в контент (написание, подбор, обработка);
• кто наполняет сайт (вы или подрядчик);
• входит ли адаптив (иногда мобильную версию считают отдельно);
• входит ли SEO-база (title, description, ЧПУ, sitemap);
• входит ли тестирование и какое именно;
• что считается дополнительной работой и по какому тарифу оплачивается.

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

Чек-лист: что уточнить до старта

Вот список вопросов, которые я рекомендую задать исполнителю (и себе) до начала проекта:

• Какой тип сайта нужен (лендинг, корпоративный, магазин)?
• Сколько страниц будет в проекте и какие они?
• Кто пишет тексты — вы или подрядчик?
• Кто подбирает изображения и обрабатывает их?
• Нужен ли уникальный дизайн или достаточно адаптации шаблона?
• Будет ли адаптив под мобильные устройства?
• Какие формы и интеграции нужны (CRM, оплата, склад)?
• Нужна ли онлайн-оплата и какие способы?
• Кто тестирует сайт перед запуском и по какому чек-листу?
• Что входит в поддержку после сдачи и сколько она стоит?
• Сколько правок включено в стоимость и что считается правкой?
• Что оплачивается отдельно (домен, хостинг, плагины, контент)?

Типовые ошибки при оценке бюджета

1. Сравнивать только по внешнему виду

Два сайта могут выглядеть одинаково, но иметь разную сложность внутри. Как-то клиент показал мне лендинг конкурента и попросил «сделать такой же, только с личным кабинетом и интеграцией 1С». А там был статичный HTML-сайт. Цена выросла в 5 раз.

2. Не учитывать контент

Если тексты и фото не готовы, проект почти всегда затягивается. И это не только время, но и дополнительные расходы на копирайтера или фотографа.

3. Не закладывать поддержку

Сайт после запуска требует доработок и обновлений. Без регулярного обслуживания он устаревает, появляются уязвимости, падает скорость.

4. Пытаться сэкономить на структуре

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

5. Не фиксировать объём работ

Без списка задач легко получить конфликт: заказчик ждёт одно, исполнитель делает другое. Все договорённости должны быть зафиксированы в смете или техническом задании.

Как выглядит адекватная структура цены

Хорошая стоимость разработки сайта обычно состоит из таких блоков:

• подготовка и анализ (бриф, карта сайта, ТЗ);
• прототип (схема страниц);
• дизайн (макеты всех уникальных страниц);
• вёрстка (HTML, CSS, адаптив);
• функционал (программирование логики);
• контент (наполнение или подготовка);
• тестирование (чек-лист, отладка);
• запуск (хостинг, домен, SSL, аналитика);
• базовое сопровождение (обычно 1–2 недели после запуска).

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

Вывод

Стоимость разработки сайта зависит не от одного фактора, а от всей цепочки работ: от анализа и дизайна до тестирования, запуска и поддержки. Чем точнее описана задача, тем понятнее бюджет и тем меньше сюрпризов в процессе. За 10 лет практики я убедился: прозрачная смета и чёткое техническое задание экономят деньги и нервы обеим сторонам. Перед стартом важно не просто спросить «сколько стоит сайт?», а понять, что именно входит в эту сумму.

FAQ

Что сильнее всего влияет на цену сайта?

Больше всего влияют тип сайта, сложность функционала, объём страниц, уникальность дизайна и необходимость наполнять сайт контентом. Лендинг с формой — это одна история, интернет-магазин с интеграцией 1С — совсем другая. Плюс дизайн: уникальный макет в Figma стоит дороже, чем адаптация шаблона.

Почему сайт на шаблоне дешевле?

Потому что не нужно разрабатывать структуру и дизайн с нуля. Вы берёте готовую тему (например, для WordPress или Tilda) и меняете контент. Но возможности такого решения обычно ограничены: сложно добавить нестандартный функционал или изменить логику работы блоков.

Входит ли SEO в стоимость разработки?

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

Почему разработка интернет-магазина дороже лендинга?

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

Можно ли сократить бюджет?

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

Что опаснее всего упустить в смете?

Чаще всего забывают про контент, адаптивность, тестирование, поддержку и дополнительные интеграции. Именно они потом дают неожиданный рост бюджета. Всегда проверяйте, включены ли эти пункты в предложение.