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

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

Этап 1. Бриф и аналитика

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

Длится от пары дней до двух недель. От вас нужны: время на созвон и честные ответы.

Этап 2. Прототип

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

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

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

Здесь же первая точка, где проект может забуксовать: правки. Нормально — 2–3 итерации по делу. Ненормально — «покажите ещё пять вариантов, я пойму, когда увижу». Чем конкретнее обратная связь, тем быстрее и дешевле.

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

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

Что здесь стоит проверить заказчику: скорость загрузки (открывается ли сайт с телефона на мобильном интернете за 2–3 секунды) и куда приходят заявки с форм. Это два пункта, за которые потом бывает обиднее всего.

Этап 5. Наполнение

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

Решение простое: готовьте материалы параллельно с дизайном, а не после. Что именно собрать — вот список. Либо сразу закладывайте в смету работу копирайтера.

Этап 6. Тестирование и запуск

Сайт проверяют на разных устройствах и браузерах, гоняют формы, ищут битые ссылки. Потом — перенос на боевой домен и хостинг (что это такое, если слова незнакомые), установка SSL-сертификата, подключение Яндекс Метрики, регистрация в Яндекс Вебмастере, чтобы поисковик узнал о сайте.

Этап 7. Жизнь после запуска

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

Сколько всё это занимает и стоит

Ориентиры по срокам: лендинг — 2–4 недели, корпоративный сайт — 1–3 месяца, магазин — от двух. Подробная раскладка есть в статье про сроки, а вилки цен по типам сайтов — в большом разборе стоимости.

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

Можно ли пропустить какие-то этапы?

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

Что нужно от меня как от заказчика?

Три вещи: отвечать на вопросы в начале, давать обратную связь по макетам без долгих пауз и вовремя отдать материалы. Проекты, где заказчик отвечает за день-два, запускаются вдвое быстрее проектов, где ответ идёт неделю.

Кто регистрирует домен и хостинг?

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

В студии ШЕСТЕРОВ мы проходим эти этапы с фиксацией результата на каждом шаге: вы всегда видите, что сделано и что дальше. Хотите так же — напишите, расскажем на примере вашей задачи.