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

Знаете, с чем чаще всего сталкивается разработчик? Не с багами и не со сложной вёрсткой. А с тем, что заказчик не понимает, что происходит. Две недели тишины — и вот уже в чат прилетает: «Слушай, а когда там сайт-то будет? А что ты вообще делаешь? А почему так долго?»

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

Поехали.

Почему заказчику важно знать этапы — не чтобы контролировать, а чтобы не дёргаться

Сайт — это не «нарисовал и выложил». Разработка занимает от 7 до 30 дней в зависимости от типа, и каждый день что-то происходит — даже когда вы этого не видите.

Когда заказчик не понимает процесса, происходит три плохие вещи:

1. Вы дёргаетесь. «Почему молчат? Наверное, забили на мой проект.» А разработчик в это время пишет админку и ему просто нечего показать — там код, а не красивая картинка.
2. Вы торопите. «Может, пропустим прототип и сразу дизайн?» Ок, пропускаем — и через месяц переделываем структуру, потому что оказалось, что каталог должен выглядеть иначе.
3. Вы не знаете, когда подключаться. На каждом этапе от заказчика что-то нужно: тексты, фото, обратная связь. Если вы не в курсе, что сейчас ваш ход, — сроки сдвигаются.

Теперь пройдём по каждому этапу.

Этап 0: Бриф — 90% успеха

Бриф — это анкета с вопросами о вашем бизнесе. Звучит скучно. На самом деле это самое важное, что вы сделаете за весь проект. Ошибка на этом этапе стоит дороже всего, потому что исправлять её придётся на каждом следующем.

Почему «сделайте красиво» не работает

Представьте, что вы пришли к прорабу и говорите: «Постройте мне дом. Красивый. Ну, с окошками.» Прораб, конечно, построит. Только потом выяснится, что вам нужен был гараж на две машины, мансарда с балконом и кухня-гостиная, а не отдельные комнаты.

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

Что спрашивают в брифе — основные блоки

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

Как заполнять бриф, чтобы результат не разочаровал

• Честно. Если не знаете ответа на вопрос — так и пишите. Лучше обсудить, чем придумать.
• С примерами. «Нравится сайт конкурента Х» — ок, а что именно? Структура? Цвета? То, как описан товар? Без уточнений разработчик может понять вас с точностью до наоборот.
• Без воды. Бриф — не место для «мы динамично развивающаяся компания с фокусом на клиента». Сухо, по делу, фактами.

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

Этап 1: Прототип и структура — рисуем скелет

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

Что такое прототип на самом деле

Прототип — это схема сайта без дизайна. Серые блоки, подписанные «здесь будет слайдер», «здесь форма заявки», «тут три колонки с услугами». Выглядит не очень красиво. Но именно на этом этапе решается, как посетитель будет идти по сайту: что увидит первым, куда кликнет, в какой момент оставит заявку.

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

Зачем он нужен

• Понять логику сайта. Какие страницы будут, как они связаны, что на каждой.
• Согласовать структуру. Вы смотрите на прототип и говорите: «А давайте форму заявки не внизу, а сразу под первым экраном». Менять прямоугольники — 10 минут. Менять готовый дизайн — часы.
• Не переделывать потом. Прототип — это дёшево. Дизайн — дорого. Вёрстка — ещё дороже. Ловите ошибки как можно раньше.

Сколько времени занимает

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

Этап 2: Дизайн — от мудборда до макета в Figma

Вот здесь сайт начинает выглядеть как сайт, а не как набор серых прямоугольников. Дизайн — это не просто «раскрасить прототип». Это работа с настроением, с доверием, с визуальными акцентами.

Как это происходит

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

Сколько правок — нормально, а сколько — перебор

Нормально: 2–3 раунда правок. «Подвинуть блок», «поменять фото», «этот оттенок не наш фирменный».

Перебор: пятый раунд с фразой «что-то не то, но я не пойму, что». Это значит, что мы где-то не договорились на этапе брифа или мудборда. В таких случаях я предлагаю вернуться на шаг назад и прояснить, что именно не устраивает — иначе мы будем играть в угадайку.

Сколько времени

Дизайн занимает от двух до семи дней: лендинг — 2–3 дня, корпоративный сайт — 4–5, интернет-магазин — до 7 дней. Всё зависит от количества уникальных страниц и скорости обратной связи от вас.

Этап 3: Вёрстка и программирование — превращаем картинку в работающий сайт

Вот тут сайт «оживает». Картинка из Figma превращается в HTML, CSS и PHP-код. Кнопки становятся кликабельными, формы отправляют заявки, каталог фильтрует товары.

Что происходит

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

Почему на этом этапе разработчик «молчит»

Потому что показывать нечего. Код выглядит не как сайт, а как набор символов. Если я пришлю вам скриншот PHP-файла, вы не скажете «о, красиво». Вы скажете «это что вообще». Поэтому я сообщаю: «Вёрстка готова на 70%» — и продолжаю работать. Никакой магии, просто код.

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

Этот этап — самый длительный: от 3 до 14 дней.

Этап 4: Наполнение контентом — тексты, фото, SEO-подготовка

Сайт свёрстан и запрограммирован. Теперь его нужно наполнить: тексты, фотографии, описания товаров. И вот здесь — внимание.

Почему «тексты потом» — это плохая идея

Частая ситуация: сайт готов, но текстов нет. «Я потом напишу, сейчас времени нет». В лучшем случае сайт публикуется с рыбой — и поисковики его не индексируют, потому что рыба не релевантна запросам. В худшем — сайт лежит мёртвым грузом полгода, потому что «потом» так и не наступило.

Что я рекомендую

Готовьте контент параллельно с разработкой. Пока я верстаю — вы пишете тексты. Или заказываете их у копирайтера. К моменту, когда сайт технически готов, контент должен быть уже на руках.

Что входит в SEO-подготовку на этом этапе

Я не просто «вставляю текст в блок». Я:

• Прописываю тайтлы и дескрипшены для каждой страницы — это то, что видно в выдаче Яндекса.
• Настраиваю ЧПУ — человеко-понятные URL (/uslugi/remont-kvartir, а не /page-id=123).
• Проверяю заголовки H1–H3 — они должны быть по делу, а не «Добро пожаловать на наш сайт».
• Прописываю alt-тексты у картинок — поисковики их читают.
• Настраиваю robots.txt и sitemap.xml.

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

Если сайт уже готов и нужна только поисковая оптимизация — SEO-продвижение от 400 BYN/мес: аудит, семантика, контент, ссылки, еженедельный отчёт о позициях.

Наполнение контентом занимает от 1 до 5 дней — в зависимости от того, готовы ли материалы.

Этап 5: Тестирование и запуск — что проверяем перед тем, как показать миру

Сайт готов. Но перед публикацией он проходит через мой чек-лист из 12 пунктов. Вот он — можете использовать для проверки любого разработчика:

Чек-лист тестирования перед запуском

1. Адаптивность — сайт корректно отображается на телефоне, планшете и десктопе в Chrome, Safari, Firefox, Opera и Яндекс.Браузере.
2. Скорость загрузки — главная страница грузится быстрее 1,5 секунд (у меня на Laravel + LiteSpeed обычно 200–400 мс).
3. Все кнопки кликабельны — ни одной «пустой» ссылки.
4. Формы отправляют заявки — тестовая заявка доходит или на почту, или в telegram, или в CRM, или и туда и туда.
5. Валидация форм — нельзя отправить пустую форму или ввести ерунду в поле телефона.
6. Карта сайта — sitemap.xml сгенерирован и доступен.
7. robots.txt — не закрывает от индексации то, что должно индексироваться.
8. ЧПУ — URL читаемые, без ?page_id=123.
9. Микроразметка — Schema.org для организации, хлебных крошек, товаров.
10. Фавиконка — иконка сайта во вкладке браузера.
11. 301-редиректы — если сайт заменяет старый, все старые адреса корректно перенаправлены.
12. SSL-сертификат — HTTPS работает, зелёный замочек в адресной строке.

Запуск

После успешного тестирования сайт переносится на ваш домен. Это занимает от нескольких часов до одного дня: настройка хостинга, перенос базы данных, подключение SSL. После запуска я даю ещё 3–5 дней на «гарантийный период» — в это время правлю баги, которые могли не всплыть на тестировании, бесплатно.

Сколько времени занимает каждый этап — реальные сроки

Вот таблица. Это не «от 3 дней», а реальные цифры из моей практики. Сроки зависят от типа сайта и от того, насколько оперативно вы даёте обратную связь и контент.

Цифры могут сдвигаться, если вы быстро даёте обратную связь и контент. Самый частый «тормоз» — это ожидание текстов. Если тексты готовы заранее — сроки уверенно идут по нижней планке.

А сколько всё это стоит в деньгах? Вот статья с конкретными цифрами по каждому типу сайта — без «от» и диапазонов: Сколько стоит разработка сайта в Беларуси в 2026 году.

Что может пойти не так на каждом этапе — и как этого избежать

За годы работы я собрал коллекцию типичных граблей. Вот они — чтобы вы не наступили.

Этап 0: Бриф

Что идёт не так: «Я ещё не знаю, что хочу. Сделайте несколько вариантов, а я выберу.»

Как избежать: Разработчик — не телепат. Варианты без чёткого понимания задачи — это гадание. Потратьте час на бриф. Если совсем не знаете — начните с вопроса «какую проблему бизнеса должен решить сайт?». От этого уже танцуем.

Этап 1: Прототип

Что идёт не так: «Давайте не будем тратить время на прототип, я на словах объясню.»

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

Этап 2: Дизайн

Что идёт не так: Правки без остановки. «Ещё чуть-чуть подвиньте», «а давайте попробуем другой шрифт», «ой, а верните как было».

Как избежать: Договоритесь о количестве раундов правок до начала дизайна. Я работаю по формуле «2–3 раунда включено». Всё, что сверх — это уже дополнительные часы. Это не жадность, это защита проекта от бесконечного полирования.

Этап 3: Вёрстка и программирование

Что идёт не так: «А давайте добавим ещё один раздел. И калькулятор стоимости. И личный кабинет.»

Как избежать: Это называется «размытие границ проекта» (scope creep на английском). Всё, что выходит за рамки утверждённого прототипа, — это отдельная задача с отдельной оценкой. Не стесняйтесь предлагать доработки — но будьте готовы, что они увеличат и срок, и бюджет.

Этап 4: Контент

Что идёт не так: Текстов нет, фото нет. «Я думал, вы сами напишете.» Или: «Давайте пока запустим так, а тексты я через недельку докину.»

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

Этап 5: Тестирование и запуск

Что идёт не так: Заказчик не тестирует. «Я вам доверяю, выкладывайте как есть.» А через неделю: «Ой, а почему форма не работает в Сафари на айфоне?»

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

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

Что дальше

Сайт запущен — но это не финиш. Это старт. Дальше начинается работа по привлечению посетителей: SEO-продвижение, реклама, публикации в соцсетях. Но это уже тема для отдельной статьи.

Если вы дочитали до этого места и думаете: «Ок, я теперь понимаю, как это работает, и хочу сайт» — заходите в раздел услуги. Там фиксированные цены на все типы сайтов — от 500 BYN за лендинг до 750 BYN за интернет-магазин. Или заполните бриф — я посмотрю, что у вас за задача, и скажу, что предлагаю. А здесь — примеры моих работ.

И да — теперь вы знаете все этапы. Можете больше не дёргаться.