Мобильная версия или адаптивная вёрстка
Большая часть посетителей коммерческих сайтов приходит со смартфонов, поэтому вопрос уже не в том, нужна ли мобильная версия, а в том, как её реализовать. Сравниваем…
Цены на создание сайта на рынке отличаются в десятки раз, и заказчику трудно понять, за что именно он платит. Разбираем, из каких этапов и работ складывается смета, что влияет на итоговую стоимость и как сэкономить без ущерба для результата.
Запрос «сколько стоит сайт» похож на вопрос «сколько стоит дом». Шалаш, дачный домик и коттедж — всё это дома, но разница в цене огромна, и она объяснима. С сайтами то же самое: за одним и тем же словом скрываются совершенно разные продукты.
На цену влияют:
Понимание структуры стоимости помогает не только сравнивать коммерческие предложения, но и осознанно решать, где можно сэкономить, а где экономия обернётся потерями.
Каждый проект проходит одни и те же базовые стадии. Различается лишь их объём и глубина проработки, а значит, и доля в итоговой смете.
Первый этап — сбор требований и планирование. Сюда входят:
Многие заказчики считают этот этап лишним и хотят сразу перейти к дизайну. Это ошибка. Аналитика — относительно небольшая доля бюджета, но именно она определяет, будет ли сайт решать задачи бизнеса. Ошибки, допущенные здесь, потом исправляются ценой переделки дизайна, вёрстки и программирования.
Совет: если подрядчик готов назвать точную цену большого проекта после пятиминутного разговора, без аналитики и ТЗ, — это повод насторожиться. Либо в смете большой запас на неопределённость, либо в процессе вас ждут доплаты.
Стоимость дизайна зависит от трёх факторов: количества уникальных макетов, глубины проработки и наличия фирменного стиля.
Количество макетов. Дизайнер рисует не каждую страницу сайта, а каждый тип страниц: главная, каталог, карточка товара, статья, контакты и так далее. Плюс мобильные версии для каждого типа. Корпоративному сайту может хватить десятка макетов, интернет-магазину нужно вдвое больше.
Глубина проработки. Можно нарисовать статичные экраны, а можно продумать состояния всех элементов: наведение, нажатие, ошибки в формах, пустая корзина, загрузка. Второй вариант дороже, но избавляет разработчиков от необходимости додумывать.
Фирменный стиль. Если у компании есть брендбук, дизайнер работает в его рамках. Если нет — часть работы уходит на поиск визуального языка: цвета, шрифты, иконки, стиль изображений.
Альтернатива уникальному дизайну — готовый шаблон. Это дешевле и быстрее, но сайт будет похож на сотни других, а адаптация шаблона под нестандартные задачи часто оказывается сложнее, чем кажется.
Верстальщик превращает макеты в код: HTML, CSS и JavaScript. На стоимость влияют:
Качественная вёрстка — это не только «похоже на макет», но и чистый код, правильная семантическая разметка для поисковиков, оптимизированные изображения, корректная работа на смартфонах. Всё это напрямую влияет на SEO и конверсию.
Самая вариативная часть сметы. Программист подключает вёрстку к системе управления и реализует функционал.
Для простого сайта на CMS это настройка шаблонов, типов контента, форм, меню. Для интернет-магазина — каталог с фильтрами, корзина, оформление заказа, оплата, доставка, личный кабинет, уведомления. Для сложного проекта — интеграции с внешними системами, нестандартная бизнес-логика, API.
Особенно дорого обходятся:
Выбор платформы тоже влияет на стоимость: разработка на популярной CMS обычно дешевле, чем написание собственного движка, а коммерческие системы требуют покупки лицензии.
Контент — тексты, фотографии, видео, описания товаров — часто вообще не учитывается в бюджете. Заказчик думает, что «потом сам заполнит», а в итоге сайт месяцами стоит пустым или с наспех написанными текстами.
В смету могут входить:
Если вы планируете готовить контент сами, заложите на это время и ресурсы. Хорошие тексты для двадцати страниц — это не вечер работы, а несколько недель.
Перед запуском сайт нужно проверить:
Затем — перенос на рабочий сервер, настройка домена и SSL-сертификата, подключение к Яндекс Вебмастеру и Google Search Console. На тестировании нередко пытаются сэкономить, и потом первые клиенты сталкиваются с неработающей корзиной или формой, которая никуда не отправляет заявки.
Помимо разработки, у сайта есть расходы, о которых стоит знать заранее:
Сайт без поддержки и продвижения похож на магазин без продавцов и вывески. Поэтому планируйте бюджет не только на создание, но и на первый год жизни ресурса.
Конкретные цены зависят от проекта и подрядчика, но примерное соотношение этапов в типовом корпоративном сайте выглядит так:
| Этап | Ориентировочная доля бюджета |
|---|---|
| Аналитика и проектирование | 10–15% |
| Дизайн | 20–25% |
| Вёрстка | 15–20% |
| Программирование | 25–35% |
| Контент | 5–15% |
| Тестирование и запуск | 5–10% |
Для интернет-магазина или сервиса доля программирования заметно выше, для промо-сайта с ярким визуалом — доля дизайна.
Можно сэкономить:
Нельзя экономить:
Получив несколько смет, не смотрите только на итоговую цифру. Сравните:
Предложение, которое в два раза дешевле остальных, почти всегда означает, что часть работ просто не предусмотрена.
Стоимость сайта складывается из аналитики, дизайна, вёрстки, программирования, контента, тестирования и запуска, а также регулярных расходов на домен, хостинг, поддержку и продвижение. Разница в ценах на рынке объясняется масштабом проекта, глубиной проработки, сложностью функционала и составом команды.
Коротко о главном:
Мы в КомРА всегда показываем заказчику детальную смету по этапам: так проще понять, за что вы платите, и вместе решить, какие работы сделать сейчас, а какие отложить на следующий этап.
Другие материалы этой рубрики
Большая часть посетителей коммерческих сайтов приходит со смартфонов, поэтому вопрос уже не в том, нужна ли мобильная версия, а в том, как её реализовать. Сравниваем…
Медленный сайт теряет посетителей ещё до того, как они увидят ваше предложение, а поисковые системы учитывают скорость при ранжировании. Разбираемся, как измерить…
Хостинг — это фундамент сайта: от него зависят скорость загрузки, стабильность работы и сохранность данных. Рассказываем, какие бывают виды хостинга, на какие параметры…
Расскажите о задаче в двух словах: что продаёте, есть ли сайт, какой нужен результат. Мы изучим нишу и конкурентов, предложим решение и назовём стоимость по этапам. Консультация и предварительная оценка — бесплатно.
Или пишите напрямую: [email protected]