Сколько стоит разработка сайта с нуля в 2024 году?
Бизнес услуг может очень сильно разниться в стоимости: вы можете заказать сайт как за 100 000р., так и за несколько десятков миллионов. Давайте разберемся, в чем отличие дешевого сайта от дорогого и из чего сегодня формируется стоимость разработки с нуля.
Стоимость любой услуги складывается из цены человеческого времени и сопутствующих расходов. Поэтому почасовая ставка специалистов, которые будут работать над вашим проектом — ключевой показатель при расчете общей стоимости за разработку сайта.
Мы можем легко декомпозировать сайт, разработка которого стоит 100 000р.: скорее всего, это сайт-визитка, собранный на лоу-код или зеро-код конструкторе вроде Tilda с несколькими разделами («Главное», «О компании», «Услуги», «Контакты»). С такой работой самозанятый фрилансер может справиться в одиночку за 5-15 рабочих дней с учетом пресейла и промежуточных согласований.
Стоимость в несколько миллионов может сложиться, если вам нужен крупный сайт или сервис, который нуждается в системном подходе к разработке с последующими масштабированием и поддержкой. Например, есть корпорация, которой необходимо внедрить и автоматизировать бизнес процессы. Но в крупных компаниях уже есть какая-то система складского учета, своя CRM, сеть департаментов и несколько тысяч сотрудников. Границы такой системы определить очень сложно, поэтому компании-разработчики проводят работу над такими проектами итерациями, и до начала всех операций производят детальную аналитику (так называемое ППО — предпроектное обследование, которое определяет, с чего же мы начнем и как будем строить систему).
Для анализа стоимости разработки в этой статье мы возьмем сайт интернет-магазина, потому что это популярное направление, которое можно легко стандартизировать. Его также можно собрать из готовых блоков на Tilda за 100 000р., а можно заказать разработку с нуля у агентства.
Почему делать сайт с нуля или заказывать услуги агентства выгодно?
01
Ответственность за конечный результат документально зафиксирована. Все мы знаем о минусах работы с фрилансерами: неопределённость, срыв дедлайнов, проблемы со связью и т. д. При заключении договора с агентством, вы снимаете с себя все риски, связанные с человеческим фактором.
02
Компании выгодно сделать хороший кейс. Работая над вашим проектом, она повышает свою репутацию и значимость на рынке.
03
Агентство, которое разработало проект с нуля, заинтересовано в том, чтобы и дальше его поддерживать. В случае с интернет-магазином, это неизбежное масштабирование бизнеса, регулярные обновления и интеграция с внешними сервисами. Скажем очевидное: большую часть выручки компании-разработчика составляет дальнейшее обслуживание и развитие проектов своих клиентов.
Сколько стоит разработка?
Чтобы ответить на этот вопрос, определим минимальный состав команды для разработки сайта с нуля:
- Бизнес-аналитик
Это человек, который помогает определить бизнес-требования, утвердить техническое задание, сформировать CJM и написать User Stories. Цель этого этапа — сформировать документацию и предоставить прототипы будущего сайта с функционалом, который будет заложен в первую итерацию*.
*На этапе пресейла мы формируем предварительное коммерческое предложение на основе базовых функциональных требований, которые исходят из нашего опыта разработки подобных проектов. То есть, мы можем заранее примерно оценить объем работ и показать клиенту предварительную стоимость, которая будет незначительно меняться в большую или меньшую сторону в процессе согласования. Для удобства мы составляем рамочный договор а к нему 2 заказа: на бизнес-аналитику и на разработку.
- Проектный менеджер
Это сердце разработки, он отвечает за коммуникацию между членами команды и клиентом, ставит задачи, определяет риски, формирует сроки и следит за всеми таймлайнами. Менеджер несет ответственность за ход проекта на каждом этапе.
- Дизайн: арт-директор, дизайнер
Арт-директор определяет визуальную концепцию и отвечает за итоговый продакшн. Он анализирует рынок и продукт клиента, формирует единую визуальную концепцию. UI-дизайнер отрисовывает интерфейс на базе прототипов, которые были созданы на этапе аналитики, формирует макеты в Figma (UI-Kit, мобильная версия и набор компонентов, которые будут потом использоваться в том числе при масштабировании сайта) и оформляет в красивую презентацию.
- Разработка: тимлид, 2 разработчика (Frontend и Backend)
Тимлид на основе проведенной аналитики выбирает технологии, которые будут использованы при разработке, декомпозирует и ставит задачи, отвечает за всю систему окружения и за конечный продакшн кода. Frontend-разработчик верстает и пишет логику клиентской части, Backend-разработчик пишет серверную логику, занимается конфигурацией CMS (если разрабатываем на ней).
- QA: ручной тестировщик
Этот человек тестирует CJM, функциональность каждого элемента сайта (форма обратной связи, платёжные формы и все пользовательские сценарии), проверяет блоки на соответствие макетам, находит баги.
- Продакшн: контент-менеджер
Как правило, интернет-магазины просят выгрузить товар на готовый сайт из своих систем, например, 1С. Обычно это базовая номенклатура с количеством остатков, ценами и каким-то описанием, но в 90% случаев этот контент не подходит для витрины сайта. Контент-менеджер загружает фотографии нужного размера, распределяет характеристики товара и подгоняет клиентские данные под утвержденный дизайн. Заказчик может предоставить своего контент-менеджера, но проще взять человека от агентства хотя бы на старте, потому что зная специфику системы и дизайн-концепцию, он сделает эту работу быстрее и качественнее.
- Административный цех и косвенные расходы
Многие забывают включать в смету административную часть производственного цеха, но это важный пункт, который обеспечивает работоспособность всей системы. Это бухгалтер (человек, который занимается документооборотом и финансовыми операциями), руководитель проекта (в небольших компаниях эту роль может исполнять СEO), офисные расходы (аренда и обеспечение), пресейл (первичные созвоны, брифинг, формирование коммерческого предложения).
Как считается ставка каждого члена команды?
Для грубых расчетов можно вывести формулу:
Внутреняя ставка сотрудника (зп на руки)
+ НДФЛ 13%
+ ЕСН 25%
+ косвенные расходы (все косвенные расходы, деленные на кол-во производственных единиц, допустим, 5%)
+ маржинальность для компании (в нашем случае 30%)
Получается, разработчик, который получает на руки 150 000р в месяц, обходится компании примерно в 280 000р, значит продавать его услуги выгодно примерно за 364 000р, отсюда ставка 2200 в час, если не брать в расчет отпускные и day off (у нас в компании в среднем это 7-8 дней в году).
Стандартная смета проекта сайта интернет-магазина
Для удобства мы приводим таблицу со средними почасовыми ставками каждого специалиста, затем разбиваем все работы по сайту на блоки и считаем стоимость и сроки исполнения на каждом этапе.
Тип работ | Почасовая ставка (в рублях) |
---|---|
Арт-директор | 4 050 |
DevOps | 4 600 |
Team Lead | 2 900 |
Backend Developer | 2 550 |
Frontend Developer | 2 550 |
BA | 2 300 |
QA | 2 300 |
UI/UX Designer | 2 500 |
Content manager | 1 900 |
Аналитика
Наименование работ | Исполнитель | Ставка | Время | Стоимость | Комментарий |
---|---|---|---|---|---|
Сбор данных, написание ТЗ | BA | 2 300 | 40 | 92 000р. | Нужно где-то 2-3 недели, чтобы подробно сформировать ТЗ к проекту, описать границы системы и основные требования к функционалу сайта. Учитывая, что магазин типовой, то берем по минимуму, без прототипов |
Разработка дизайна веб-сайта
Наименование работ | Исполнитель | Ставка | Время | Стоимость | Комментарий |
---|---|---|---|---|---|
Арт-дирекшн визуальной концепции веб-сайта, ресерчинг, исследование | Арт-директор | 4 050 | 40 | 162 000р. | Арт-директор проводит рисерч рынка на основе анализа конкурентов, целевой аудитории, основного продукта компании и формирует визуальную концепцию |
Статика: шапка, футер, модалки, уведомления, и другое | UI/UX Designer | 2 500 | 16 | 40 000р. | |
Главная | UI/UX Designer | 2 500 | 40 | 100 000р. | 5 стандартных блоков: слайдер-оффер, новые или популярные товары, блок коллекций, 2 слова про бренд, и какой-то имиджевый блок, например outlook |
Каталог | UI/UX Designer | 2 500 | 40 | 100 000р. | Хлебные крошки, шапка (если будет), фильтр, сортировка, сетка товаров и сам товар, пагинация |
Карточка товара | UI/UX Designer | 2 500 | 40 | 100 000р. | Галерея изображений, описание товара, добавление в корзину, выбор атрибутов (цвет, размер), различные состояния (наличие / не наличие / осталось мало), и похожие товары |
Корзина | UI/UX Designer | 2 500 | 32 | 80 000р. | Стандартная корзина, добавим еще промокод |
Оформление заказа | UI/UX Designer | 2 500 | 32 | 80 000р. | Стадартное оформление: поля доставки, личные данные, выбор доставки, оплаты, подытог по корзине |
Страница «Спасибо» | UI/UX Designer | 2 500 | 24 | 60 000р. | Страница оповещения по статусу оплаты и подтверждению заказа |
Личный кабинет | UI/UX Designer | 2 500 | 32 | 80 000р. | Личные данные, данные доставки,последние заказы |
Информационная страница | UI/UX Designer | 2 500 | 16 | 40 000р. | Любая информационная страница с картинками и текстом: оферта, условия доставки и оплаты, политика, и т. д. |
Мобильная версия | UI/UX Designer | 2 500 | 32 | 80 000р. | Адаптив под мобильные устройства |
UI Kit | UI/UX Designer | 2 500 | 24 | 60 000р. | UI Kit и основное руководство к верстке |
Backend-разработка сайта
Наименование работ | Исполнитель | Ставка | Время | Стоимость | Комментарий |
---|---|---|---|---|---|
Настройка админ-панели, инициализация проекта, архитектура, базовые переменные | Team Lead | 2 900 | 24 | 69 600р. | Ставим CMS, утверждаем список дополнений-модулей (форма ОС, анти-спам итд), формируем основные сущности на основе ТЗ |
Бекенд статики: шапка, подвал, модальные окна, уведомления, глобальные данные | Backend Developer | 2 550 | 16 | 40 800р. | Общий бэкенд на всю статику, выносим в отдельные настройки |
Главная | Backend Developer | 2 550 | 32 | 81 600р. | |
Каталог | Backend Developer | 2 550 | 56 | 142 800р. | |
Карточка товара | Backend Developer | 2 550 | 40 | 102 000р. | |
Корзина | Backend Developer | 2 550 | 56 | 142 800р. | |
Оформление заказа | Backend Developer | 2 550 | 56 | 142 800р. | |
Страница «Спасибо» | Backend Developer | 2 550 | 8 | 20 400р. | |
Личный кабинет | Backend Developer | 2 550 | 8 | 20 400р. | |
Интеграция системы оплаты | Backend Developer | 2 550 | 8 | 20 400р. | В случае с битрой или Woo просто устанвока модуля и 2 среды: тестовая и бой |
Интеграция системы доставки | Backend Developer | 2 550 | 8 | 20 400р. | То же самое, что и с оплатой |
Информационная страница | Backend Developer | 2 550 | 8 | 20 400р. |
Frontend-разработка сайта
Наименование работ | Исполнитель | Ставка | Время | Стоимость | Комментарий |
---|---|---|---|---|---|
Инициализация архитектуры приложения | Team Lead | 2 900 | 24 | 69 600р. | Формируем структуру папок, утверждаем список плагинов, описываем требования к переменным, сборщику, итд |
Главная | Frontend Developer | 2 550 | 80 | 204 000р. | |
Каталог | Frontend Developer | 2 550 | 40 | 102 000р. | |
Карточка товара | Frontend Developer | 2 550 | 56 | 142 800р. | |
Корзина | Frontend Developer | 2 550 | 46 | 117 300р. | |
Оформление заказа | Frontend Developer | 2 550 | 40 | 102 000р. | |
Страница «Спасибо» | Frontend Developer | 2 550 | 24 | 61 200р. | |
Личный кабинет | Frontend Developer | 2 550 | 24 | 61 200р. | |
Информационная страница | Frontend Developer | 2 550 | 16 | 40 800р. | |
Верстка статики: шапка, подвал, модальные окна, уведомления итд | Frontend Developer | 2 550 | 24 | 61 200р. |
QA (Тестирование)
Наименование работ | Исполнитель | Ставка | Время | Стоимость | Комментарий |
---|---|---|---|---|---|
Тестирование функциональности системы: интеграции, формы, оплаты, доставки | QA | 2 300 | 32 | 73 600р. | Ручной тестировщик по основной логике сайта |
Тестирование верстки (устройства, браузеры), админка | QA | 2 300 | 24 | 55 200р. | Ручной тестировщик на верстку, на функциональность админки |
Предпродакшн
Наименование работ | Исполнитель | Ставка | Время | Стоимость | Комментарий |
---|---|---|---|---|---|
Наполнение сайта актуальными данными или корректировка входящих данных | Content manager | 1 900 | 40 | 76 000р. | Заполнение карточек товаров: фото, описание и т. д. |
Публикация сайта
Наименование работ | Исполнитель | Ставка | Время | Стоимость | Комментарий |
---|---|---|---|---|---|
Публикация сайта в сети, настройка тестового и продакшн окружения | DevOps | 4 600 | 16 | 73 600р. | Гит, деплой, тестовая среда |
Итого по дизайну | 1 094 000р. |
Итого Backend-разработка | 824 400р. |
Итого Frontend-разработка | 892 500р. |
Тестирование, предпродакшн, публикация | 204 800р. |
Итоговая стоимость | 3 015 700р. |
Сроки исполнения | 4-5 месяцев |
C этой сметой можно спорить (каждое агентство устанавливает ставки и закладывает необходимое количество часов, исходя из средней рыночной стоимости и своего опыта подобных проектов). Мы считаем, что указанные нами цифры останутся актуальными на 2024 год для клиентов с уже готовым бизнесом, которым нужен надежный, быстрый, а главное масштабируемый сайт интернет-магазина.
При разработке сайта с нуля мы можем с легкостью администрировать его, добавлять новый функционал, прикручивать интеграции с другими сервисами и постоянно актуализировать его под нужды бизнеса. Подкрепив такую разработку грамотно настроенной аналитикой (о специфике и важности этого этапа мы писали в одной из статей), вы получите онлайн-инструмент, который поможет не только продемонстрировать и реализовать ваш товар, но и увеличить его продажи.