Этапы создания сайта: от брифа до запуска

Создание сайта проходит 10 этапов: бриф, аналитика и структура, прототип, дизайн, контент, разработка, интеграции, тестирование, запуск и передача с поддержкой. В Украине лендинг обычно проходит этот путь за 1–2 недели, корпоративный сайт — за 3–8 недель, интернет-магазин — за 1–3 месяца. Больше всего времени уходит не на программирование, а на согласования и ожидание контента от заказчика.

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

Этапы создания сайта в одной таблице

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

Этап 1. Бриф: чего бизнес ждёт от сайта

Бриф — анкета на 20–40 вопросов, которая превращает пожелания в требования. Главная задача этапа — договориться, по какой метрике сайт будет считаться успешным. Без этого дизайнер работает на «нравится», а не на заявки.

Что стоит сформулировать ещё до первой встречи:

• Цель в цифрах. Не «сайт для имиджа», а «20–30 заявок в месяц из Google Ads по цене до 500 грн» или «70% записей онлайн вместо звонков».
• Главное целевое действие. Звонок, заявка, онлайн-запись, покупка, скачивание прайса. Одно главное и 1–2 вспомогательных.
• Источники трафика. Реклама, поиск, соцсети, офлайн (QR-коды на вывеске или авто). От этого зависит структура: под рекламу нужны посадочные страницы, под SEO — отдельная страница под каждую услугу.
• Бюджет и дедлайн. Честная вилка «15–25 тыс. грн, запуск до 1 марта» экономит неделю переписки.
• Конкуренты и референсы. 3–5 сайтов, которые нравятся, и объяснение, что именно в них нравится.

Для небольшого проекта бриф заполняется за 10–15 минут, например в нашем онлайн-брифе. Для сложного сайта бриф перерастает в техническое задание — как его составить, подробно разбираем в статье «Как составить ТЗ на сайт».

Этап 2. Аналитика, поисковые запросы и структура

На этом этапе решается, сколько страниц нужно и о чём каждая из них. Источников три.

1. Конкуренты. 5–10 сайтов из топа Google по вашим запросам: какие разделы, как подают цены, какие аргументы используют, где неудобно.
2. Поисковые запросы. Что люди реально ищут. Для стоматологии «имплантация зубов цена», «виниры» и «детский стоматолог» — три разных намерения. Каждому нужна отдельная страница, а не абзац на главной.
3. Сценарии клиентов. Кто приходит и что хочет сделать: сравнить цены, проверить лицензию, записаться на субботу, найти парковку.

Результат — карта сайта: дерево страниц с назначением каждой. Для лендинга это перечень блоков, для корпоративного сайта — 15–30 страниц, для магазина — дерево категорий и набор фильтров.

Типичная ошибка — пропустить этап, потому что «мы и так знаем свой бизнес». Через полгода выясняется, что у самой прибыльной услуги нет своей страницы, и SEO начинается с переделки структуры и редиректов.

Этап 3. Прототип: сначала логика, потом красота

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

На прототипе проверьте пять вещей:

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

Некоторые студии совмещают прототип и дизайн первого экрана. Мы, например, бесплатно показываем дизайн первого экрана за 24 часа ещё до оплаты — заказчик видит направление, а не покупает кота в мешке.

Этап 4. Дизайн

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

Что важно сейчас:

• Мобильная версия в приоритете. В большинстве коммерческих ниш основная часть трафика из рекламы и соцсетей приходит со смартфонов, поэтому макет под экран 360–390 px — не «адаптация», а основной вариант.
• UI-kit. Набор кнопок, шрифтов, цветов и отступов. Без него каждая новая страница будет выглядеть чуть иначе.
• Читаемость. Основной текст на смартфоне — от 16 px, кнопки — от 44 px в высоту, контраст достаточный, чтобы читать на солнце.
• Реальные фото. Стоковые «улыбающиеся менеджеры» снижают доверие. Одна фотосессия команды и объектов полезнее 50 стоков.

На рынке обычно закладывают 2–3 раунда правок на этап. Раунд — это один сводный список от всех, кто согласовывает. Правки «по одной» в мессенджер растягивают дизайн вдвое. Полезный фидбек звучит не «сделайте ярче», а «заголовок теряется на фоне фото, а наши клиенты 45+ — нужен шрифт крупнее».

Этап 5. Контент — главное узкое место

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

Самая быстрая схема: копирайтер проводит интервью на 20–30 минут, пишет тексты, а вы только сверяете факты. Расценки копирайтеров на рынке сильно отличаются, но текст одной страницы услуги обычно стоит от нескольких сотен до нескольких тысяч гривен (у нас копирайтинг сверх состава пакета — 900 грн за страницу). В любом случае это дешевле, чем неделя, когда готовый сайт простаивает без текстов.

Этап 6. Разработка

Разработка — это вёрстка макетов, подключение системы управления (админки), адаптив под все экраны и скорость. Выбор платформы зависит от задач: конструктор, WordPress и собственная разработка имеют разную стоимость владения — сравнение мы сделали в статье «Tilda, WordPress или разработка».

Техническая планка по состоянию на 2026 год:

• Core Web Vitals в зелёной зоне: LCP до 2,5 с, INP до 200 мс, CLS до 0,1 — это пороги «хорошо» в методике Google;
• PageSpeed Insights 90+ на мобильных — реальное требование, а не бонус;
• изображения в WebP или AVIF, ленивая загрузка всего, что ниже первого экрана;
• понятные адреса страниц (/poslugy/implantatsiia, а не /page?id=17);
• микроразметка schema.org: организация, услуги, FAQ, хлебные крошки;
• адаптив от 360 px до широких мониторов.

Разработку ведут на тестовом домене с запретом индексации, чтобы Google не проиндексировал черновик раньше готового сайта.

Этап 7. Интеграции и аналитика

Сайт без интеграций — витрина без кассы. Типовой набор для украинского бизнеса:

• формы → уведомления в Telegram и на e-mail, запись в CRM (KeyCRM, SalesDrive, Bitrix24 и т. п.);
• онлайн-оплата через LiqPay, monobank или WayForPay;
• выбор отделения Новой Почты через API — для магазинов и каталогов;
• Google Analytics 4 и Google Tag Manager с событиями: отправка формы, клик по телефону, переход в мессенджер;
• записи сессий (например, Microsoft Clarity), чтобы видеть, где люди застревают.

Аналитику настраивают до запуска, а не «когда запустим рекламу». Иначе первые недели, когда вопросов к сайту больше всего, проходят без данных.

Этап 8. Тестирование: чек-лист перед запуском

• формы отправляются, заявки приходят в Telegram, CRM и на почту;
• телефон кликабельный, мессенджеры открываются на iOS и Android;
• сайт корректно выглядит в Chrome, Safari, Firefox и на 3–4 разных смартфонах;
• PageSpeed на мобильных 90+, без сдвигов макета при загрузке;
• у каждой страницы уникальные title и description, один H1;
• есть страница 404, sitemap.xml и корректный robots.txt;
• нет «Lorem ipsum», тестовых цен и битых ссылок;
• работает переключатель языков, украинская версия открывается по умолчанию;
• есть политика конфиденциальности и согласие возле форм;
• события аналитики фиксируются в режиме отладки.

Этап 9. Запуск

• Домен регистрируется на ваше имя или компанию, подключается SSL.
• Снимается запрет индексации, проверяется robots.txt.
• Сайт добавляется в Google Search Console, отправляется sitemap.
• Если это редизайн, настраиваются 301-редиректы со старых адресов — иначе позиции в поиске просядут.
• Первые 7–14 дней — мониторинг: доходят ли заявки, нет ли ошибок 404, как идёт индексация.

Этап 10. Передача, обучение и поддержка

После запуска вы должны получить «паспорт сайта» — перечень всех ресурсов и доступов.

Гарантия на рынке бывает от 1 до 12 месяцев, а платная поддержка в среднем сегменте стоит от нескольких сотен до нескольких тысяч гривен в месяц. Выясните это до подписания договора, а не после первой поломки. Для ориентира: у нас гарантия — 12 месяцев, поддержка — от 990 грн в месяц и только по желанию.

Сколько длится создание сайта: рынок и быстрый формат

Сроки сокращаются не за счёт «ночных смен», а за счёт организации: контент и дизайн идут параллельно, типовые блоки берутся из библиотеки проверенных решений, качество и скорость проверяются автоматически, а правки собираются фиксированными раундами. Именно так работает Tvorum, и срок мы фиксируем в договоре: за каждый день просрочки по нашей вине — минус 5% от стоимости, до 30%.

Как бюджет распределяется по этапам

Ориентировочное распределение для корпоративного сайта за 40 000 грн:

Пропорции меняются от проекта к проекту: в магазине растёт доля разработки, на сайте эксперта — контента. Но если в смете вообще нет аналитики или тестирования, это повод задать вопрос.

7 ошибок, из-за которых проект затягивается

1. Нет одного ответственного с вашей стороны. Когда согласуют трое, каждый раунд правок длится неделю.
2. Правки по одной. Двадцать сообщений в день вместо одного сводного списка.
3. Изменение объёма посреди работы. «А давайте ещё личный кабинет» — это новый этап с новым сроком.
4. Контент «потом». Сайт готов, а текстов нет.
5. Дизайн без прототипа. Логику исправляют уже на вёрстке — самым дорогим способом.
6. Аналитика после запуска. Первый месяц рекламы без данных.
7. Домен оформлен на подрядчика. Самая дорогая ошибка: переход к другой студии превращается в переговоры.

Чек-лист заказчика перед стартом

• цель сайта в цифрах и главное целевое действие;
• вилка бюджета и дата запуска;
• 3–5 конкурентов и 3–5 референсов с пояснениями;
• перечень услуг и цен или диапазонов;
• логотип, фирменные цвета, шрифты (если есть);
• реальные фото или дата фотосессии;
• один человек, который согласовывает всё;
• доступы к домену, хостингу, Google-аккаунтам, если они уже есть.

Вывод

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