Новости >Как проходят этапы разработки сайта и сколько длится каждый
Как проходят этапы разработки сайта и сколько длится каждый.
25
Разработка сайта проходит восемь основных этапов. Сначала собирают бриф и пишут техническое задание, затем делают прототип, дизайн, вёрстку и программирование. Потом сайт наполняют, тестируют, запускают на рабочем домене и передают заказчику вместе со всеми доступами. У Webpro разработка нового сайта занимает от 45 дней. Сильнее всего сроки растягивают долгие согласования и материалы, которых нет к нужному этапу.
Порядок этапов почти у всех студий одинаковый, отличаются глубина проработки и то, как их фиксируют в договоре. Заказчику полезно знать эту последовательность заранее. Так легче понять, где сейчас проект, какое решение от вас ждут и почему дату запуска нельзя назначить до того, как согласована структура.
Проект последовательно проходит восемь этапов, и каждый опирается на результат предыдущего. Бриф и ТЗ задают, что строить. Прототип показывает структуру страниц без оформления, дизайн добавляет внешний вид, вёрстка и программирование превращают макеты в работающий сайт. Затем его наполняют текстами и фото, проверяют на ошибки, выкладывают на домен и передают заказчику. Пропуск любого шага почти всегда возвращается переделками.
Ниже этапы собраны в одну таблицу. В ней видно, что делает команда, чего ждут от заказчика и что обычно влияет на длительность.
| Этап | Что делает команда | Что нужно от заказчика | От чего зависит длительность |
|---|---|---|---|
| Бриф и ТЗ | Уточняет задачи, структуру и функции | Ответы на вопросы, примеры сайтов | Скорость ответов и число согласующих |
| Прототип | Собирает схему страниц и блоков | Утвердить структуру и сценарии | Число страниц и правок |
| Дизайн | Рисует главную и внутренние страницы | Логотип, фирменные цвета, отзыв на макеты | Количество уникальных шаблонов |
| Вёрстка и программирование | Переносит макеты в код, ставит CMS | Доступы к хостингу и сервисам | Интеграции с CRM, оплатой, 1С |
| Наполнение | Размещает тексты, фото, карточки | Тексты, фото, прайсы, документы | Готовность материалов |
| Тестирование | Проверяет формы, скорость, мобильную версию | Пройти сайт своими глазами | Число найденных ошибок |
| Запуск | Переносит сайт на домен, подключает аналитику | Домен и доступ к нему | Настройка DNS и SSL |
| Передача и поддержка | Передаёт доступы, показывает админку | Принять работу по акту | Объём обучения и доработок |
Если формат сайта ещё не выбран, начинать стоит с него. Одностраничник и многостраничный сайт проходят одни и те же этапы, но объём работы на каждом разный. Чем они отличаются и когда хватает одной страницы, разобрано в статье лендинг или корпоративный сайт.
Сайт под ключ с индивидуальным дизайном делают не за неделю. В Webpro разработка нового сайта занимает от 45 дней, и в этот срок входят дизайн, вёрстка, настройка CMS, наполнение и запуск. Итоговая цифра зависит от числа страниц, уникальных шаблонов и интеграций. Ещё она сильно зависит от того, как быстро заказчик согласует этапы и присылает материалы. Точный срок называют после брифа, когда понятен объём.
Срок и цена почти всегда растут вместе, потому что больше страниц и функций требуют больше часов дизайнера и программиста. Как складывается смета и что входит в стоимость под ключ, подробно описано в материале о том, сколько стоит сайт в Москве. Если подрядчик обещает сделать корпоративный сайт с нуля за несколько дней, стоит спросить, какие этапы в этот срок не попали.
На этом этапе решают, какой сайт нужен и зачем. В брифе описывают бизнес, аудиторию, задачи сайта, конкурентов и примеры, которые нравятся. Техническое задание переводит это в конкретику и перечисляет страницы, блоки, формы, интеграции и требования к админке. От точности ТЗ зависит всё остальное. Размытая формулировка вроде «сделать современно» на этапе дизайна превращается в несколько кругов правок.
Для заказчика это самый недооценённый этап. Кажется, что работа начнётся с дизайна, а бриф можно заполнить за вечер. Но именно здесь закладываются почти все будущие задержки, если не решены вопросы о структуре, функциях и о том, кто со стороны компании принимает решения. Время, потраченное на ТЗ, потом возвращается на каждом следующем этапе.
Прототип показывает, какие блоки будут на каждой странице и в каком порядке, без цветов и картинок. Его делают, чтобы договориться о структуре до того, как дизайнер потратит время на оформление. Двигать блоки в схеме можно за минуты, а перерисовывать готовый макет долго. Без прототипа можно обойтись на простом лендинге, но для многостраничного сайта он экономит время обеим сторонам.
Обычно прототип делается быстрее дизайна, потому что в нём нет оформления. На этом этапе полезно посмотреть на схему глазами клиента. Понятно ли с первого экрана, чем занимается компания? Сколько шагов отделяет посетителя от заявки? Ответы на эти вопросы проще поправить в прототипе, пока ничего не нарисовано.
Дизайнер начинает с главной страницы и одного-двух ключевых шаблонов, согласует стиль и только потом рисует остальное. После утверждения макетов верстальщик переносит их в код и собирает адаптивную версию для телефонов. Программист подключает CMS, формы и интеграции с CRM или платёжными системами. Самая долгая часть здесь обычно интеграции, потому что они зависят от чужих сервисов и доступов к ним.
Дизайн чаще всего растягивается из-за правок без критериев. Заказчик смотрит макет, и что-то «не цепляет», а сформулировать, что именно, трудно. Помогает простой приём. Правки собирают одним списком от всех согласующих и привязывают к задачам из ТЗ. Тогда каждый следующий круг правок короче предыдущего, и команда не возвращается к уже решённым вопросам.
С вёрсткой и программированием другая история. Здесь заказчик меньше всего вовлечён, но может задержать проект, если вовремя не дал доступы к хостингу, домену, CRM или платёжному сервису. Эти доступы лучше собрать ещё на этапе дизайна.
Наполнять сайт может студия, заказчик или обе стороны вместе, это оговаривают заранее. Технически разместить материалы несложно. Задержка возникает, когда самих материалов нет, тексты не написаны, фотографии не сняты, прайс не утверждён. Работа, которую откладывали на потом, внезапно оказывается на критическом пути, и запуск готового сайта откладывается до появления контента. Поэтому материалы стоит собирать параллельно с дизайном.
В услугу разработки сайтов под ключ у Webpro наполнение входит наряду с дизайном, вёрсткой, CMS и запуском. Но даже когда тексты пишет студия, фактура остаётся за заказчиком. Цены, условия работы, реальные фото и данные о компании знает только бизнес, и без них тексты получаются общими.
Перед запуском сайт проходят так, как это сделал бы посетитель, на компьютере и на телефоне. Проверяют, что формы отправляют заявки и письма доходят, что работают ссылки, корзина и поиск, что страницы грузятся быстро. Отдельно смотрят технические настройки для поисковиков, карту сайта, файл robots.txt, заголовки страниц и редиректы. Найденные ошибки исправляют до того, как сайт увидят клиенты.
Заказчику тоже стоит пройти сайт самостоятельно, желательно с разных устройств. Человек со стороны замечает то, к чему команда за время работы привыкла. В одном месте опечатка в телефоне, в другом старая цена или форма, которая отправляет заявку на неверную почту.
Сам запуск технически короткий. Сайт переносят на рабочий домен, выпускают SSL-сертификат, подключают Яндекс Метрику и добавляют сайт в Вебмастер. Если запускается новая версия старого сайта, к этому добавляются редиректы со старых адресов, чтобы не потерять позиции.
После запуска заказчик получает доступы к админке, хостингу и домену, а также инструкцию, как менять тексты и добавлять страницы. Сдачу фиксируют актом приёмки. На работы под ключ у Webpro действует гарантия 12 месяцев. Дальше сайт нужно обновлять, делать резервные копии и дорабатывать под новые задачи, поэтому поддержку стоит обсудить заранее, до сдачи проекта.
Проверьте, что все доступы оформлены на вашу компанию. Личный аккаунт исполнителя для этого не подходит. Особенно это касается домена. Что входит в регулярное обслуживание и как устроена поддержка сайта на популярной CMS, подробно описано в статье про техническую поддержку сайта на WordPress.
Чаще всего сроки сдвигаются по причинам, которые не связаны с работой программистов. Проект задерживают долгие согласования, изменения в ТЗ посреди работы, материалы, которых нет к нужному этапу, и доступы, которые никто не может найти. Ещё одна частая причина связана с несколькими согласующими, у каждого из которых своё мнение о дизайне. Почти всё это можно предупредить на старте.
Вот что помогает удержать сроки со стороны заказчика:
Со стороны студии сроки держат через план по этапам с датами. Если в договоре есть только общая дата сдачи, трудно понять, кто и где отстаёт. Какие вопросы задать подрядчику про сроки и что делать, если он их сорвёт, собрано в статье 7 вопросов подрядчику перед сделкой.
Сроки надёжнее всего закреплять по этапам. В договоре должно быть видно, когда сдаётся каждый этап, что считается его результатом, сколько дней у заказчика на проверку и что происходит, если материалы пришли позже. Тогда задержку с любой стороны видно сразу, и спор о том, кто виноват, решается по тексту документа. Одна общая дата в конце такой ясности не даёт.
Webpro работает по договору, и при нарушении его условий клиент получает деньги обратно. Студия на рынке с 2010 года и за 16 лет реализовала более 500 проектов. Подробнее о составе работ можно прочитать на странице услуги «Разработка сайтов под ключ».
Чтобы назвать срок разработки именно вашего сайта, нужно понять объём, число страниц, нужные интеграции и то, какие материалы уже готовы. Оставьте заявку через форму на сайте webpro.studio, расчёт стоимости занимает около 15 минут. Можно написать в Telegram @alxltvn или в WhatsApp, позвонить по телефону +7 985 558-79-34 с понедельника по пятницу с 10:00 до 18:00.
В первом сообщении полезно коротко описать, чем занимается компания, какой сайт нужен и к какой дате вы хотели бы его запустить. С такими вводными срок и порядок цены назвать заметно проще.
Можно, но это почти всегда оборачивается переделками. Дизайнер рисует страницы под структуру, которую потом меняют, и часть макетов уходит в корзину вместе с оплаченными часами. Если сроки поджимают, разумнее быстро согласовать хотя бы список страниц и блоков, а детали функций уточнять параллельно. Тогда дизайн опирается на утверждённый каркас, и правки по ходу касаются мелочей.
Сайт можно запустить с готовыми разделами, а недостающие страницы добавить позже, если без них не рушится логика навигации. Держать пустые страницы с заглушками хуже, потому что посетитель видит незаконченный сайт, а поисковик получает страницы без содержания. Лучше заранее решить, какие разделы обязательны к старту, и закрыть их первыми, а остальные поставить в план на первые недели после запуска.
Отчасти можно, если студия подключит к проекту больше людей и часть этапов пойдёт параллельно. Но согласования, подготовка материалов и проверка работы на стороне заказчика от бюджета не ускоряются. Если решения принимаются неделями, дополнительный дизайнер проект не спасёт. Реальнее сократить срок, если заранее собрать тексты и фото, назначить одного ответственного и отвечать на вопросы в течение рабочего дня.
Это должно быть записано в договоре. Хороший договор разделяет сроки студии и сроки заказчика и описывает, что происходит, когда материалы приходят с опозданием. Обычно сроки следующих этапов сдвигаются на время задержки, и претензий к подрядчику за этот период нет. Если в договоре указана только общая дата сдачи без этапов, спорить потом будет сложно, поэтому этапы с датами стоит закрепить до подписания.
Глубоко разбираться не нужно, но базовые решения принимает именно заказчик. Он утверждает структуру, дизайн, тексты и проверяет, что формы и сценарии работают так, как нужно бизнесу. Технические вопросы вроде выбора CMS и настройки хостинга студия может взять на себя. Полезно хотя бы понимать, на каком этапе находится проект и какие решения от вас сейчас ждут, чтобы работа не стояла.
Опишите задачу через форму на сайте или в Telegram, и студия рассчитает стоимость разработки под ваш проект.