Разработка проекта сайта от задачи до запуска: этапы, сроки, стоимость

Разработка проекта сайта состоит из 6–8 этапов: разбор задачи, проектирование структуры, дизайн, программирование, наполнение, тестирование, запуск и доработки. Сайт компании на несколько страниц с админкой стоит от 45 000 ₽ и делается от 14 рабочих дней. Лендинг начинается от 25 000 ₽ и от 7 дней, интернет-магазин от 90 000 ₽ и от 21 дня. Это стартовые цифры для типового объёма. Точную цену и срок я называю после короткого разбора задачи, до начала работы, а не после того, как вы внесли предоплату.

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

Из каких этапов состоит разработка сайта: схема проекта от заявки до запуска

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

Вот схема для сайта компании. Сроки в таблице ориентировочные, этапы частично идут параллельно, поэтому сумма дней не равна общему сроку проекта.

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

Проектирование сайта: что это и почему с него нельзя пропускать

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

Что входит в проектирование

• Цель сайта. Заявка, запись, звонок, расчёт стоимости, продажа. Если целей пять, сайт не работает ни на одну.
• Аудитория. Кто приходит и с каким вопросом. Человек из рекламы по запросу «натяжные потолки цена» ищет другое, чем клиент, который вас уже знает и проверяет контакты.
• Список страниц и блоков. Какие разделы нужны: услуги, цены, работы, отзывы, контакты. Что можно не делать.
• Путь посетителя. С какой страницы человек приходит, что читает, где видит цену, где оставляет заявку. Кнопка заявки должна быть там, где у человека созрело решение, а не только в шапке.

Как выглядит результат

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

Почему это экономит деньги

Правка на схеме занимает минуты: переставили блок, добавили страницу. Та же правка в готовом дизайне означает перерисовку макета, а в готовом коде переверстку и перенос данных. По рынку обычно считается, что стоимость исправления растёт в разы с каждым этапом. На практике это выглядит так: без проектирования дизайн переделывают по 3–4 раза, потому что заказчик «увидел и понял, что хотел другое». С проектированием основные споры закрыты до того, как нарисован первый пиксель.

Для небольшого сайта проектирование не должно превращаться в бюрократию на месяц. Нормально, когда оно занимает 2–3 дня и заканчивается вашей фразой «да, это то, что нужно».

Какой тип сайта нужен: лендинг, сайт компании или интернет-магазин

Прежде чем обсуждать этапы и цену, определитесь с типом. От этого зависит объём работы, а значит, и стоимость.

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

Типичная ошибка: брать лендинг, когда услуг пять. Страница растягивается на десять экранов, человек не находит нужное, а в поиске она не охватывает разные запросы. Обратная ошибка: заказывать магазин на 12 товаров, которые проще показать витриной с заявкой.

Когда нужна админка

Админка нужна, если на сайте что-то регулярно меняется: цены, работы в портфолио, акции, товары. Без неё каждая правка превращается в задачу для программиста и платную работу. Для сайта компании я включаю собственную админку, чтобы менять цены, работы и акции самостоятельно. Например, студия красоты «ПЛЕН» сама обновляет акции из админки, а у «ИнвестСтроя» и Stone4Life портфолио пополняется без разработчика.

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

Если сомневаетесь в типе, это нормальная ситуация, и она решается на первом разборе. Пары вопросов о вашем бизнесе обычно хватает, чтобы понять, что нужно.

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

Стартовые цены я привёл выше: лендинг от 25 000 ₽, сайт компании от 45 000 ₽, магазин от 90 000 ₽. Минимальная стоимость любого проекта: 25 000 ₽. По рынку такие цифры лежат на уровне опытного разработчика, а не студии. У большинства студий сайт компании обычно стоит заметно дороже, потому что в цену закладываются менеджеры, офис и накладные расходы. Но слово «от» означает именно «от»: цена растёт вместе с задачей.

Что влияет на стоимость

• Число страниц и разделов. Сайт на 5 страниц и сайт на 25 дают разный объём дизайна, вёрстки и наполнения.
• Админка. Чем больше сущностей редактируется (услуги, работы, акции, товары, статьи), тем больше работы.
• Онлайн-запись. Выбор услуги, времени и мастера сложнее обычной формы заявки.
• Расчёты и калькуляторы. Расчёт стоимости перевозки или конфигуратор с пересчётом цены — это уже логика, а не просто страница. Такие задачи я делал, например, для сайта грузоперевозок и конфигуратора лодки.
• Интеграции. Связь с CRM, таблицами, Telegram-ботом, оплатой.
• SEO-настройка. Базовая входит в сайт компании, а углублённая с большой семантикой считается отдельным объёмом.

Что входит в цену по умолчанию

В каждом моём сайте без доплат:

• адаптив под телефон: большая часть посетителей приходит именно с него;
• подключение Яндекс Метрики;
• заявки с форм в Telegram и на почту;
• защита формы от спама.

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

Ориентиры по срокам

Лендинг делается от 7 рабочих дней, сайт компании от 14, магазин от 21. Это срок для типового объёма, и точный я называю после разбора задачи. Срок растёт, когда:

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

Почему цены стартовые

Два сайта «на пять страниц» могут отличаться в разы по объёму: у одного статичные тексты, у другого каталог услуг с админкой и онлайн-записью. Поэтому честная цена появляется только после разбора. Я смотрю на задачу, прикидываю объём и называю цену, срок и состав работ письменно до начала проекта. Если нужно что-то убрать, чтобы уложиться в бюджет, обсуждаем это на старте, а не в середине работ.

Как я веду проект разработки сайта: на примере реальных кейсов

Порядок работы простой:

1. Короткий разбор задачи.
2. Цена и срок до старта.
3. Структура на согласование.
4. Дизайн, разработка, наполнение.
5. Тестирование и запуск.
6. Передача доступов и доработки.

За проект я отвечаю лично, на связи по всем вопросам я сам. У меня есть команда, которая помогает в работе, но вам не нужно общаться с цепочкой менеджеров. Работаю удалённо по всей России.

Кейс: визовое агентство «ПАЛЬМАВИЗА»

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

Главная работа здесь была в проектировании. Если на каждую страну делать отдельную уникальную страницу «как придётся», сайт превращается в свалку. Нужен единый шаблон: одинаковый порядок блоков, цены и сроки на видном месте, заявка в одном и том же месте. Человек, который посмотрел одну страну, понимает, как устроены остальные. В итоге получился сайт на 9 стран с ценами и сроками, заявки уходят на почту и в Telegram. Посмотреть можно по адресу /v_stefania/.

Кейс: «ИнвестСтрой»

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

Портфолио пополняется регулярно, а звать программиста каждый раз ради нового объекта дорого и долго. Поэтому сделана админка: компания сама добавляет объекты на сайт. Заявки приходят в почту и Telegram. Пример: /investstroy/.

Что вы получаете после запуска

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

Ошибки и подводные камни при заказе сайта

Эти ошибки повторяются из проекта в проект. Каждая из них стоит денег или срока.

Старт без проектирования и ТЗ

Исполнитель рисует дизайн по общему описанию, заказчик видит результат и понимает, что хотел другого. Круг повторяется 3–4 раза. Ни у кого нет плохих намерений, просто без согласованной структуры «правильного» результата не существует. Лечится одним этапом, который я описал выше.

Цена без состава работ

«Сайт за 30 000 ₽» ничего не говорит. Входит ли адаптив под телефон? Админка? Подключение Метрики? Защита формы от спама? SEO-настройка? Просите перечень письменно. Разница между двумя предложениями часто объясняется именно составом, а не качеством.

Сайт без админки, когда всё меняется

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

Нет Метрики и учёта заявок

Сайт без счётчика и без понимания, откуда пришла заявка, невозможно оценить. Вы не знаете, окупился ли он, какая реклама работает, а какая сливает бюджет. Метрика и уведомления о заявках должны быть подключены в день запуска.

Тексты и фото откладываются на конец

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

Выбор только по минимальной цене

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

Что подготовить к старту и как заказать разработку сайта

Чем лучше подготовлен заказчик, тем быстрее и дешевле проходит проект. Вот чек-лист брифа, на сбор которого уйдёт один-два вечера:

• Чем вы занимаетесь. Услуги или товары, коротко, без рекламных формулировок.
• Для кого сайт. Кто ваш клиент, как он вас сейчас находит, с каким вопросом приходит.
• 2–3 сайта-ориентира. Что нравится и что нет. Можно конкурентов, можно из другой отрасли.
• Список услуг и цен. Хотя бы черновик, даже в таблице или заметке.
• Фото и тексты. Реальные фото работ, помещения, команды. Стоковые картинки делают сайт безликим.
• Что нужно от сайта. Заявки, записи, звонки, расчёты.
• Домен и хостинг. Если уже есть, пришлите, где они зарегистрированы.

Как проходит первый разбор

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

Что делать после запуска

Сайт редко живёт сам по себе. Следующий шаг: связать заявки с Telegram-ботом, CRM или таблицей, чтобы ничего не терялось, а менеджеры работали с ними в одном месте. Про это подробно в статье про системы автоматизации бизнеса: как выбрать решение под свои процессы и не переплатить.

Опишите задачу в паре строк, и после короткого разбора я назову точную цену, срок и состав работ до начала проекта.

Частые вопросы

Сколько стоит разработка проекта сайта?

Мои стартовые цены: лендинг от 25 000 ₽, сайт компании от 45 000 ₽, интернет-магазин от 90 000 ₽. Минимальная стоимость проекта: 25 000 ₽. Цена зависит от числа страниц, админки, онлайн-записи, расчётов и интеграций. Точную сумму называю после короткого разбора задачи, до начала работы.

Сколько времени занимает разработка сайта?

Для типового объёма: лендинг от 7 рабочих дней, сайт компании от 14, магазин от 21. Срок растёт, если материалы приходят с задержкой, макет долго согласуется или появляются дополнительные разделы и интеграции. Точный срок называю после разбора задачи.

Что такое проектирование сайта и нужно ли оно?

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

Из каких этапов состоит разработка сайта?

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

Что нужно подготовить заказчику для разработки сайта?

Описание бизнеса и аудитории, 2–3 сайта-ориентира, список услуг и цен, реальные фото и тексты, понимание, какое действие должен совершать посетитель. Если домен и хостинг уже есть, нужны доступы. Недостающие материалы можно подготовить в процессе, но лучше начать собирать их до старта.

Можно ли самому менять цены и тексты на сайте после запуска?

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