«Веб-разработка с нуля» для бизнеса означает не «сесть за учебник по фреймворку», а пройти управляемую последовательность этапов: цель → структура → контент → интерфейс → сборка → формы и аналитика → приёмка → публикация. Технология выбирается на четвёртом-пятом шаге, а не на первом. Проекты срываются почти всегда не из-за кода, а из-за того, что на старте не были зафиксированы оффер, карта страниц и критерий готовности.
Кто это читает и что ему нужно
| Читатель | Настоящий вопрос | Что решает задачу |
|---|---|---|
| Владелец малого бизнеса | «сколько стоит и когда запустимся» | вилка бюджета, срок, состав работ |
| Маркетолог | «успею ли к рекламной кампании» | список готовности и дата релиза |
| Начинающий разработчик | «с чего начать первый коммерческий проект» | этапы, артефакты, приёмка |
| Заказчик со старым сайтом | «переделывать или чинить» | аудит и решение по стеку |
Если вы в первых двух строках — учить код необязательно. Нужно уметь принимать решения по структуре, требовать артефакты на каждом этапе и проверять результат по чек-листу.
Этапы и артефакты
| Этап | Что делается | Артефакт на выходе | Ориентир по времени |
|---|---|---|---|
| 1. Цель | оффер, аудитория, целевое действие | одна фраза + список запретов | 1 день |
| 2. Структура | карта страниц, интент каждой | таблица «URL — интент — CTA» | 1–2 дня |
| 3. Контент | тексты, цены, факты, фото | утверждённый документ | 2–7 дней |
| 4. Интерфейс | прототип, затем визуал | макет главной и типовой внутренней | 2–5 дней |
| 5. Сборка | вёрстка, адаптив, шаблоны | рабочий стенд по ссылке | 3–10 дней |
| 6. Интеграции | формы, CRM, мессенджеры, аналитика | тестовая заявка дошла | 1–3 дня |
| 7. Приёмка | чек-лист, правки, скорость | закрытый список замечаний | 1–3 дня |
| 8. Публикация | домен, HTTPS, индексация, редиректы | живой сайт и доступы у заказчика | 1 день |
Узкое место почти всегда этап 3. Пока нет согласованных цен и фактов, дизайнер рисует «рыбу», а разработчик собирает макет, который придётся переделывать.
Смежные материалы: как сделать сайт с нуля, разработка сайтов для бизнеса, веб-страница: что это.
Выбор стека
| Задача | Чего обычно достаточно | Когда усложнять |
|---|---|---|
| Визитка, одна услуга | конструктор или готовый шаблон | нестандартные анимации, расчёты |
| Сайт услуг + блог | CMS (WordPress) или статический генератор | десятки редакторов, сложные права |
| Каталог без онлайн-оплаты | CMS с каталогом | тысячи SKU, фильтры по 10 параметрам |
| Интернет-магазин | e-commerce платформа | своя логистика, интеграция с ERP |
| Сервис с личным кабинетом | заказная разработка | — |
| Мультиязычность и география | CMS с локализацией | отдельные юрлица и валюты |
Три правила, которые экономят бюджет: не выбирать технологию раньше карты страниц; не брать конструктор под задачу с кабинетом; не брать заказную разработку под визитку, которую нужно запустить за неделю. Сравнения — конструкторы 2026 и бесплатный конструктор.
Деньги и сроки
Стоимость складывается из числа уникальных шаблонов страниц, объёма контента, интеграций и глубины дизайна. Ориентир NeuroDomen — от 20 000 ₽ за сайт под ключ, срок обычно 3–15 дней в зависимости от объёма. Актуальные пакеты — на странице цены, каркасы, которые сокращают этап 4, — в разделе шаблоны.
Что удорожает проект сильнее всего: тексты «напишите сами за нас», отсутствие фото, правки после утверждения макета, интеграция с самописной учётной системой, мультиязычность, добавленная после сборки.
Четыре примера из ниш
Клининговая компания, Санкт-Петербург
Задача — принимать заявки на уборку квартир и офисов. Карта: главная-оффер, две страницы услуг (квартиры, офисы), калькулятор-вилка, отзывы, контакты. Стек — CMS с шаблоном, потому что прайс меняется по сезонам и его правит менеджер. Главное решение: калькулятор даёт диапазон, а не точную цену, и сразу собирает площадь и адрес — менеджер звонит уже с расчётом. Город: сделать сайт в Санкт-Петербурге.
Мебель на заказ, Краснодар
Цикл сделки длинный, решение принимается по фотографиям. Основа сайта — галерея работ с фильтром по типу (кухни, шкафы, гардеробные) и карточка проекта с материалами, сроком и вилкой стоимости. Формы две: «замер бесплатно» и «прислать размеры». Из блога и соцсетей трафик ведётся в карточки проектов, а не на главную. Город: сделать сайт в Краснодаре.
Онлайн-школа, Новосибирск
Здесь важнее не дизайн, а поток: страница курса → форма → письмо с программой → оплата. Стек — CMS плюс внешний сервис приёма платежей, чтобы не строить биллинг. Отдельные URL под каждый курс и отдельная страница «расписание потоков», которую редактирует методист. Аналитика собирает шаги воронки, иначе непонятно, где отваливаются заявки. Город: сделать сайт в Новосибирске.
Медцентр, Москва
Самая зарегулированная ниша из четырёх: нужны лицензии, реквизиты, противопоказания, корректные формулировки услуг. Структура — по направлениям и врачам, у каждого врача отдельный URL с образованием и стажем. Онлайн-запись интегрируется с медицинской информационной системой, а не заменяет её. Города: сделать сайт в Москве, также Екатеринбург, Казань и Ростов-на-Дону.
Производительность как требование, а не как «потом»
Скорость дешевле заложить на этапе 5, чем чинить после релиза. Core Web Vitals по web.dev оцениваются по 75-му перцентилю реальных загрузок, отдельно на мобильных и десктопе.
| Метрика | Порог «хорошо» | Порог «плохо» | Что закладывать при сборке |
|---|---|---|---|
| LCP | ≤ 2,5 с | > 4,0 с | сжатый hero, современные форматы, приоритет главной картинке |
| INP | ≤ 200 мс | > 500 мс | меньше тяжёлых скриптов и сторонних виджетов |
| CLS | ≤ 0,1 | > 0,25 | заданные размеры медиа, зарезервированное место под баннеры |
INP заменил FID в марте 2024 года, поэтому старые чек-листы «по FID» устарели. Отложенная загрузка карт и чатов, `font-display` для шрифтов и отказ от второго слайдера на первом экране дают больше, чем любая микрооптимизация кода. Проверить готовый сайт можно через SEO-аудит.
Роли и зона ответственности
- 1. Заказчик — факты, цены, фото, запреты, скорость согласований.
- 2. Редактор — структура и тексты по каркасу.
- 3. Дизайн и вёрстка — интерфейс и адаптив.
- 4. Разработка — интеграции, формы, производительность.
- 5. Запуск — тестовая заявка, аналитика, редиректы со старых URL.
Если все роли на одном человеке, решения всё равно фиксируются письменно: что утверждено, когда и кем. Иначе третий круг правок превращается в бесконечный.
Что получится и чего ждать не стоит
Реалистичный результат первой версии: живой сайт с понятным оффером, работающими формами, базовой SEO-структурой и измеримыми целями. Этого достаточно, чтобы запускать рекламу и собирать первые данные.
Ограничения: новый сайт не имеет накопленной истории в поиске, поэтому органический трафик приходит постепенно; при переносе со старого домена без корректных 301-редиректов позиции проседают; красивый дизайн не спасает слабый оффер; интеграция с самописными системами почти всегда занимает больше времени, чем кажется на старте. Планируйте вторую итерацию через 4–8 недель после релиза — уже по данным, а не по вкусу.
Чек-лист приёмки
- - [ ] Оффер и целевое действие видны на первом экране
- - [ ] Карта страниц соответствует утверждённой таблице
- - [ ] Все тексты финальные, тестовых заглушек нет
- - [ ] Формы отправляются, уведомления приходят, есть страница «спасибо»
- - [ ] Согласие на обработку данных и политика на месте
- - [ ] Адаптив проверен на телефоне, планшете и широком экране
- - [ ] Изображения сжаты, размеры заданы, `alt` заполнены
- - [ ] Уникальные title и description, по одному H1
- - [ ] robots.txt и sitemap.xml корректны, служебное закрыто
- - [ ] HTTPS, редиректы с www и http, старые URL закрыты 301
- - [ ] Аналитика и цель на заявку работают
- - [ ] Доступы переданы заказчику, бэкапы настроены
Частые вопросы
Нужно ли учить код, чтобы запустить сайт?
Для запуска бизнеса — нет. Нужны решения по структуре, контенту и приёмке. Код нужен, если вы планируете поддерживать проект сами или строить сервис со своей логикой.
С чего начинать: с дизайна или с текста?
С текста и карты страниц. Дизайн по готовому содержанию делается быстрее и переделывается реже. Макет под «рыбу» почти гарантирует вторую итерацию вёрстки.
Сколько страниц нужно на старте?
Обычно достаточно пяти-семи: главная, одна-две услуги, цены, кейсы или FAQ, контакты. Лучше меньше живых страниц с фактами, чем двадцать пустых.
Конструктор или разработка?
Смотрите на три параметра: срок, бюджет, наличие нестандартной логики. Нет логики и нужен запуск за неделю — конструктор или шаблон. Есть кабинет, расчёты, интеграции — разработка. Промежуточный вариант — CMS.
Как проверить подрядчика до оплаты?
Запросите карту страниц и состав работ до старта, уточните, кто пишет тексты, зафиксируйте критерий готовности и порядок передачи доступов. Подрядчик, который не может назвать артефакт каждого этапа, назовёт сроки наугад.
Что делать сразу после релиза?
Проверить тестовую заявку с телефона, добавить сайт в панели вебмастеров, выложить sitemap, запустить первый трафик на одну страницу и через две недели посмотреть, где люди уходят.
Что сделать на этой неделе
- 1. Сформулировать оффер одной фразой и список запретов.
- 2. Составить таблицу «URL — интент — CTA» на 5–7 строк.
- 3. Собрать факты: цены, сроки, география, фото.
- 4. Выбрать стек по таблице выше и зафиксировать критерий готовности.
- 5. Согласовать бюджет и дату релиза.
Дальше — сайты, цены, шаблоны и контакты. Про контентный ритм после запуска: текст для сайта и автоматизация контента.