Как проходит разработка сайта: этапы и сроки
Пошагово разбираем разработку сайта от первого сообщения до запуска: бриф, структура, дизайн, вёрстка, наполнение, тестирование и запуск. Что делает исполнитель и что нужно от вас.
Содержание
Когда заказываешь сайт впервые, процесс кажется чёрным ящиком: отправил деньги, подождал, получил результат. На практике разработка — это последовательность этапов, на каждом из которых от вас нужны решения и материалы. Если понимать этот процесс, сайт получается лучше, а сроки не срываются.
Расскажем, как обычно проходит разработка сайта, сколько времени занимают этапы и что на каждом шаге требуется от заказчика.
Почему этапы важны
Разработка по этапам защищает обе стороны. Вы видите промежуточные результаты и можете скорректировать направление, пока изменения стоят недорого. Исполнитель получает согласованные решения и не переделывает работу по десять раз. Оплата по этапам тоже снижает риски.
Самая дорогая ошибка — менять структуру и концепцию, когда сайт уже свёрстан. Поэтому важные решения принимаются в начале.
Этап 1. Знакомство и бриф
Всё начинается с разговора. Исполнитель выясняет:
- чем занимается бизнес и кто клиенты;
- какую задачу должен решать сайт;
- кто конкуренты и чем вы от них отличаетесь;
- какие сайты нравятся и почему;
- какие функции нужны;
- сроки и бюджет.
Что нужно от вас: время на разговор и честные ответы. Чтобы подготовиться, пройдите наш чек-лист перед заказом сайта.
Результат этапа: понимание задачи, предварительная оценка и план работ.
Этап 2. Договор и план
Фиксируется состав работ, этапы, сроки, стоимость, порядок оплаты и правок, передача доступов. Чем подробнее описан объём, тем меньше споров в будущем.
Что нужно от вас: внимательно прочитать, что входит в работу, а что нет. Задать вопросы до подписания.
Этап 3. Структура и прототип
Определяется, какие страницы будут на сайте и какие блоки на каждой странице. Часто делается прототип — схематичный макет без дизайна, где видно расположение элементов и логика переходов.
На этом этапе решается главное: какую информацию получает посетитель, в каком порядке и куда его ведут кнопки.
Что нужно от вас: проверить, всё ли важное учтено, и согласовать структуру. Изменить прототип легко, переделать готовый сайт — дорого.
Этап 4. Тексты и материалы
Параллельно со структурой готовятся тексты, фото, логотип, описания услуг и товаров. Хорошие тексты объясняют выгоду для клиента простым языком и отвечают на его вопросы.
Что нужно от вас: предоставить информацию о бизнесе, фото, прайс, ответы на частые вопросы клиентов. Если вы заказываете тексты у исполнителя, всё равно нужно проверить факты.
Тексты — самая частая причина задержек. Сайт может быть свёрстан, но не запущен, потому что заказчик неделями собирает описания услуг. Начинайте готовить материалы как можно раньше.
Этап 5. Дизайн
Дизайнер создаёт визуальный облик сайта: цвета, шрифты, иллюстрации, оформление блоков. Обычно сначала делается дизайн главной страницы или ключевого экрана, после согласования — остальные страницы.
Хороший дизайн проектируется и для телефона, и для компьютера. Учитывая, что большинство посетителей приходят с мобильных устройств, мобильная версия не менее важна, чем десктопная.
Что нужно от вас: обратная связь по существу. Не «мне не нравится», а «этот блок кажется перегруженным» или «наш клиент не поймёт этот термин».
Этап 6. Вёрстка и разработка
Дизайн превращается в работающий сайт. Программисты:
- верстают страницы под разные экраны;
- подключают формы, кнопки мессенджеров, каталог, оплату;
- настраивают систему управления, если нужно самим менять контент;
- делают интеграции с CRM, учётом, аналитикой;
- оптимизируют скорость загрузки.
Что нужно от вас: обычно меньше всего участия. Иногда нужны доступы к сторонним сервисам: платёжной системе, CRM, почте.
Этап 7. Наполнение и SEO-настройка
Сайт наполняется текстами, изображениями, товарами. Настраивается техническая основа для продвижения: заголовки и описания страниц, карта сайта, разметка для поисковиков, адреса страниц.
Что нужно от вас: финальные версии текстов и материалов.
Этап 8. Тестирование
Перед запуском сайт проверяется:
- на разных телефонах, планшетах и компьютерах;
- в разных браузерах;
- работа всех форм и кнопок, приходят ли заявки;
- скорость загрузки;
- ошибки в текстах и ссылках.
Что нужно от вас: пройтись по сайту глазами клиента, отправить тестовую заявку, проверить контакты и цены.
Этап 9. Запуск
Сайт переносится на рабочий сервер и подключается к домену. Настраиваются HTTPS, аналитика, сайт добавляется в Google Search Console и Яндекс Вебмастер.
Что нужно от вас: доступ к домену или оплата домена и хостинга на ваше имя. Получить все доступы после запуска.
Этап 10. Поддержка и развитие
Запуск — это не конец. После запуска появляются первые данные: откуда приходят посетители, какие страницы смотрят, где уходят. Сайт дорабатывается, добавляются статьи и новые разделы, исправляются найденные мелочи.
Сколько времени занимает разработка
Точные сроки зависят от объёма и скорости согласований, поэтому ниже только примерные ориентиры, а не обещание:
| Тип сайта | Примерный порядок сроков |
|---|---|
| Лендинг | От нескольких дней до пары недель |
| Корпоративный сайт | Несколько недель |
| Каталог или интернет-магазин | От нескольких недель до пары месяцев |
| Сайт с личным кабинетом и интеграциями | Месяц и больше |
Сильнее всего на сроки влияют не технологии, а скорость согласований и готовность материалов.
Как ускорить проект
- Подготовьте тексты и фото заранее.
- Назначьте одного человека, который принимает решения.
- Давайте обратную связь быстро и одним списком.
- Не меняйте структуру после согласования прототипа.
- Отложите второстепенные функции на вторую очередь.
О том, как бюджет зависит от этих решений, читайте в статье «Сколько стоит сайт в Бишкеке».
Как работаем мы
Мы проходим эти этапы с каждым клиентом, но адаптируем глубину под задачу: для лендинга часть этапов объединяется, для сложного веб-сервиса добавляется этап проектирования архитектуры. Подробнее о разработке сайтов — на странице разработки сайтов в Бишкеке.
Частые вопросы
Можно ли пропустить прототип?
Для очень простых сайтов этап можно совместить с дизайном. Но для многостраничных проектов прототип экономит время и деньги на переделках.
Сколько правок входит в работу?
Это фиксируется в договоре. Обычно на каждом этапе предусмотрено разумное количество кругов правок.
Что если мне не понравится дизайн?
Поэтому дизайн согласуется поэтапно: сначала концепция на одном экране, затем остальные страницы. Направление корректируется до того, как сделана вся работа.
Кто добавляет сайт в поисковики?
Обычно исполнитель при запуске настраивает базовую индексацию: карту сайта, файл robots.txt, подключение к панелям вебмастеров.
Можно ли запустить сайт частями?
Да, это хорошая практика: запустить основные страницы, а блог, каталог или дополнительные разделы добавить следующими этапами.
Что если в процессе понадобится новая функция?
Её можно добавить, но это меняет объём работ. Обычно новую функцию оценивают отдельно и либо включают в текущий проект, либо переносят в следующий этап, чтобы не сдвигать запуск.