Договор подписан, предоплата ушла, менеджер сказал: «Сайт будет через три месяца». Первые две недели вам звонят почти каждый день и задают странные вопросы про средний чек. Потом наступает тишина. А через месяц приходит письмо: «Пришлите, пожалуйста, тексты для всех страниц». Текстов нет, и никто не предупреждал, что они нужны от вас.
Так проекты и растягиваются с трёх месяцев до полугода. Чаще всего никто не ленится. Просто заказчик не видит всей дороги и не знает, где его ход.
Этапы создания сайта — это шаги, через которые проходит любой проект: бриф, структура, техническое задание, прототип, дизайн, тексты, программирование, тестирование и запуск. Ниже пройдём по каждому: что на нём делает подрядчик, что нужно от вас и где обычно теряют время.
Этапы разработки сайта коротко: вся дорога на одной странице
Разработка сайта похожа на ремонт квартиры. Сначала обмеры и план, потом черновые работы, потом отделка, в конце уборка и приёмка. Переставить этапы местами можно, но выходит дороже. Класть плитку до того, как развели трубы, никто не советует.
Девять шагов создания сайта
- 1
Знакомство и бриф
Разговор о задаче, бизнесе и клиентах. На выходе понятная цель сайта и предварительная оценка сроков и бюджета.
- 2
Аналитика и структура
Изучаем конкурентов и спрос, собираем список страниц и разделов. Становится видно, сколько всего предстоит сделать.
- 3
Техническое задание
Документ, где записано, что и как будет работать. По нему потом принимают готовый сайт.
- 4
Прототип
Черновая схема страниц из серых блоков: что где стоит и в каком порядке.
- 5
Дизайн
Цвета, шрифты, фотографии, иконки. Сначала одна-две главные страницы, затем остальные и мобильная версия.
- 6
Тексты и фото
Наполнение страниц. Этот шаг идёт параллельно с дизайном, а не после него.
- 7
Вёрстка и программирование
Картинка превращается в работающие страницы, появляются админка, формы и обмен данными с другими программами.
- 8
Тестирование и запуск
Проверка на разных устройствах, подключение аналитики, перенос на рабочий адрес.
- 9
Поддержка и развитие
Первые недели после запуска, исправления и доработки по реальным данным.
У лендинга часть шагов сжимается до одного дня. У портала с личными кабинетами каждый шаг может занять месяц. Но порядок почти всегда такой.
Сколько это займёт и что нужно от вас
Сроки зависят от размера проекта. По нашему опыту, лендинг обычно занимает несколько недель, корпоративный сайт два-четыре месяца, а портал с личными кабинетами и интеграциями от полугода. Но чаще всего сроки съедает не разработка, а ожидание ответов.
| Этап | Что нужно от вас | Где обычно теряют время |
|---|---|---|
| Бриф | Час-полтора разговора, доступы к старому сайту и аналитике | Решение принимает человек, которого не было на встрече |
| Структура и ТЗ | Прочитать документ целиком и задать вопросы | ТЗ согласуют «не глядя», а спорят потом на приёмке |
| Прототип и дизайн | Собрать мнения внутри компании и дать правки одним письмом | Правки приходят по частям от разных людей |
| Тексты и фото | Материалы о компании, интервью экспертов, съёмка | Тексты откладывают до последнего |
| Программирование | Проверять тестовую версию, отвечать на вопросы | Новые пожелания, которых не было в ТЗ |
| Запуск | Проверить заявки, доступы и документы | Запуск в пятницу вечером |
Хорошее правило: назначьте внутри компании одного ответственного за сайт. Он собирает мнения, отвечает подрядчику и имеет право сказать «утверждаю». Один такой человек экономит проекту больше времени, чем любой ускоренный тариф.
Первый звонок и бриф: зачем вам задают столько вопросов
Первый разговор часто удивляет. Человек пришёл за сайтом, а его спрашивают, кто у компании принимает решение о покупке и сколько заявок в день успевают обработать менеджеры.
Это не любопытство. Сайт для завода, который продаёт три станка в год, и сайт доставки цветов устроены совсем по-разному, хотя оба «просто сайты». Бриф — это анкета или разговор, после которого подрядчик понимает задачу так же, как вы.
Что стоит подготовить к первому звонку:
- зачем нужен сайт: заявки, продажи онлайн, доверие крупных клиентов, поиск дилеров;
- кто ваши клиенты и чем вы отличаетесь от трёх главных конкурентов;
- что уже есть: старый сайт, домен, логотип, фото, тексты, CRM;
- с какими программами сайт должен обмениваться данными: 1С, CRM, телефония, оплата;
- к какой дате сайт нужен и почему именно к ней.
По итогам брифа вы получаете оценку. Почти всегда это вилка, а не одна цифра. Точнее назвать нельзя, пока непонятна структура: двадцать страниц или двести, нужен ли каталог с фильтрами, будет ли обмен с 1С. Что сильнее всего влияет на бюджет, мы собрали на странице о стоимости разработки сайта.
Здесь же подписывают договор. Нормальная практика: оплата частями, по этапам. Так у вас есть контрольные точки, а у подрядчика понятные обязательства на каждом шаге.
Аналитика, структура и ТЗ: этап, который хочется пропустить
Для заказчика это самый незаметный этап. Картинок ещё нет, показывать нечего, а время идёт. Поэтому его часто просят сократить. И зря: именно здесь решается, будет ли сайт приносить заявки.
Сначала смотрят сайты конкурентов: что у них есть, чего не хватает, как они говорят о ценах и сроках. Потом изучают спрос, то есть что и какими словами люди ищут в Яндексе. Из этих запросов вырастает структура: какие страницы нужны, как они связаны между собой, что попадёт в меню.
Хороший пример — сайт производителя деревянных домов «Экотех». Продвижение там заложили с первого дня: под поисковые запросы спроектировали каталог из 197 домов с фильтрами. Сейчас сайт получает 23 000 визитов из поиска. Если бы структуру придумали на глаз, а SEO подключили после запуска, половину страниц пришлось бы переделывать.
Дальше пишут техническое задание. ТЗ — это документ, где по пунктам записано, какие будут страницы, какие поля в формах, куда уходят заявки и что умеет админка. Звучит скучно, но это ваша страховка. Через три месяца спор «мы же договаривались» решается открытием нужного раздела. Как составить ТЗ без лишней бюрократии, мы разбирали в статье про техническое задание на разработку сайта.
«Больше всего нервов уходит не на сложные задачи, а на договорённости, которые никто не записал. Фраза «я думал, в каталоге будет фильтр по цене» на этапе запуска стоит недели работы. Поэтому я прошу заказчика прочитать ТЗ целиком, даже если кажется, что там всё очевидно.»
Прототип и дизайн: сначала скелет, потом внешность
Прототип — это черновая схема страницы из серых прямоугольников. На ней видно, что где стоит: заголовок, преимущества, цены, отзывы, форма заявки. Цветов и фотографий там нет специально. Так обсуждают смысл, а не оттенок синего. Зачем он нужен и как его проверить, рассказано в нашей статье про прототип сайта.
Когда прототип согласован, начинается дизайн сайта. Обычно сначала рисуют главную или самую важную страницу, например страницу услуги. Это концепция: по ней вы решаете, нравится ли направление. Если да, в том же стиле рисуют остальные страницы и версию для телефона.
Как давать правки, чтобы не ходить по кругу
Правки — место, где проекты легко застревают на месяц. Помогают три простых правила.
Собирайте правки в одном письме. Если директор, маркетолог и партнёр пишут дизайнеру по отдельности, он получит три задания, которые противоречат друг другу.
Описывайте проблему, а не решение. Вместо «сделайте кнопку красной» лучше написать «кнопку не замечают, её пролистывают». Возможно, дело не в цвете, а в том, что она стоит не там.
Смотрите макет с телефона. Большинство клиентов увидят сайт именно на маленьком экране, а не на вашем мониторе в офисе.
Число кругов правок обычно записывают в договор. Это не жадность подрядчика, а защита сроков. Бесконечное «а давайте попробуем ещё вариант» съедает недели.
Тексты и фотографии: где проекты стоят дольше всего
Спросите любого менеджера проектов, где сайты застревают чаще всего. Большинство ответит: на контенте. Дизайн готов, программисты ждут, а текстов для страниц услуг нет. У заказчика сезон, и написать «пару абзацев о компании» всё время некогда.
Чтобы этого не случилось, о текстах договариваются в самом начале. Вариантов три.
Пишете сами
Подходит, если есть время и человек, который умеет писать понятно. Подрядчик даёт структуру страницы, вы заполняете.
Пишет копирайтер по интервью
Он созванивается с вами или экспертами компании и превращает разговор в текст. От вас час-два беседы и вычитка.
Смешанный вариант
Главные страницы пишут профессионалы, а новости и мелкие разделы вы потом ведёте сами через админку.
С фотографиями похожая история. Стоковые снимки улыбающихся людей в касках уже никого не убеждают. Для производства, клиники или стройки живые фото объектов и команды работают лучше любого текста. Съёмку стоит запланировать заранее, пока идёт дизайн.
Ещё одна деталь, которая появилась в 2026 году. Если сайт продаёт товары или услуги обычным людям, с 1 марта информация для покупателей на нём должна быть на русском языке. Иностранные слова допустимы, если рядом есть равнозначный русский текст. Исключение составляют зарегистрированные товарные знаки и фирменные наименования. Проверить тексты на это проще сразу, чем переделывать после запуска.
Вёрстка и программирование: что происходит, пока вы ничего не видите
После дизайна начинается самый длинный этап. Вёрстка превращает картинку в настоящую страницу, которая открывается в браузере и подстраивается под экран телефона. Программирование отвечает за всё, что работает внутри: формы, каталог, фильтры, личный кабинет, обмен с 1С или CRM.
Для заказчика это время тишины. Чтобы тишина не превращалась в тревогу, попросите две вещи. Первое: ссылку на тестовую версию, где видно, как продвигается работа. Второе: короткий отчёт раз в неделю или две о том, что сделано и что дальше.
Параллельно делают админку. Это панель, через которую вы сами меняете тексты, цены, фото и добавляете новости. Попросите показать её до запуска и попробуйте что-нибудь поменять своими руками. Если для замены телефона в шапке нужно звонить программисту, лучше узнать об этом сейчас.
Когда сайт делают под ключ, на этом же этапе тексты и фото расставляют по страницам. «Под ключ» значит, что подрядчик ведёт все этапы сам, от структуры до запуска. Вы участвуете в важных решениях, но не собираете команду из пяти фрилансеров. Так устроена наша разработка сайтов под ключ.
Тестирование и запуск: что проверить до «дня Х»
Перед запуском сайт проверяют на компьютерах и телефонах, в разных браузерах. Отправляют тестовые заявки и смотрят, доходят ли они до почты и CRM. Замеряют скорость загрузки и проверяют, как всё выглядит на маленьком экране.
Часть проверок легко сделать самому. Вот список, который стоит пройти вместе с менеджером проекта.
Проверка перед запуском
- Оставьте заявку с телефона и убедитесь, что она пришла туда, где её увидит менеджер
- Нажмите на номер телефона и почту в шапке: открываются ли звонок и письмо
- Проверьте, что подключена Яндекс Метрика и настроены цели на заявки и звонки
- Убедитесь, что сайт добавлен в Яндекс Вебмастер, а тестовая версия закрыта от поиска
- Если был старый сайт, проверьте переадресацию со старых адресов страниц на новые
- Посмотрите, что согласие на обработку персональных данных оформлено отдельно, а не спрятано в политике конфиденциальности
- Уточните, где хостинг: базы с персональными данными клиентов по закону должны находиться в России
- Попросите доступы к домену, хостингу, админке и Метрике, оформленные на вашу компанию
Про переадресацию стоит сказать отдельно. Если адреса страниц изменились, а старые ссылки ведут в никуда, сайт теряет позиции, которые зарабатывал годами. Настройка переадресации называется 301-редиректом и делается до переноса, а не после.
Про согласие тоже. С 1 сентября 2025 года закон о персональных данных требует оформлять согласие отдельно от других документов. Прятать его внутри политики конфиденциальности, оферты или пользовательского соглашения больше нельзя.
Сам запуск лучше делать в начале недели и в первой половине дня. Тогда у команды есть время быстро поправить то, что всплывёт на рабочем сайте.
После запуска работа не заканчивается
Запуск не финиш, а первая встреча сайта с настоящими клиентами. В первые недели обязательно всплывут мелочи. В одном браузере съехала кнопка, заявки из одной формы падают в спам, менеджерам неудобно, как приходят уведомления.
На этот случай есть гарантийный период: подрядчик бесплатно исправляет ошибки в том, что сделал. Его срок прописывают в договоре. После этого сайт переходит на поддержку: обновления, резервные копии, небольшие доработки.
Через месяц-два появляются первые данные из Метрики. Видно, откуда приходят люди, на каких страницах уходят, какие формы работают. Это лучший момент для доработок. Вы меняете сайт не по ощущениям, а по цифрам.
Частые вопросы об этапах создания сайта
Бриф, аналитика и структура, техническое задание, прототип, дизайн, тексты, вёрстка и программирование, тестирование, запуск и поддержка. У небольших сайтов часть шагов объединяют, у сложных каждый шаг делится на несколько, но порядок сохраняется.
Лендинг обычно делают за несколько недель, корпоративный сайт за два-четыре месяца, портал с личными кабинетами и интеграциями от полугода. Чаще всего сроки растягивает не разработка, а ожидание текстов, правок и согласований со стороны заказчика.
Для простого лендинга иногда можно обойтись коротким описанием и наброском. Для сайта с каталогом, формами и интеграциями пропуск этих шагов почти всегда возвращается переделками дизайна и кода. Они обходятся дольше, чем неделя на прототип.
Цель сайта, понимание своих клиентов и конкурентов, доступы к старому сайту и аналитике, список программ для интеграции и желаемую дату запуска. Тексты и фото можно готовить позже, но договориться о них нужно в самом начале.
Шаги те же, только в миниатюре. Сформулируйте цель, нарисуйте структуру на листе бумаги, напишите тексты, соберите страницы в конструкторе, подключите домен, Метрику и Вебмастер, оставьте тестовую заявку. Главное не начинать с выбора шаблона: сначала смысл, потом оформление.
Коротко
Создание сайта проходит девять шагов: бриф, структура, ТЗ, прототип, дизайн, тексты, программирование, тестирование и запуск, а затем поддержка. Самые незаметные этапы, аналитика и ТЗ, сильнее всего влияют на то, будет ли сайт приносить заявки.
Сроки чаще всего срываются на стороне заказчика: тексты, правки, согласования. Назначьте одного ответственного, договоритесь о контенте в самом начале и проверьте заявки и доступы перед запуском. Этого хватает, чтобы три месяца остались тремя месяцами.
Расскажите о задаче, и мы покажем, из каких этапов сложится ваш проект, сколько он займёт и что понадобится от вас.
Поставьте лайк — так мы поймём, о чём писать дальше. А чтобы вернуться к статье позже, сохраните её в закладки личного кабинета.
VK
