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

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

Перед стартом работ надо подписать договор с выбранным исполнителем. И на этом этапе сроки могут серьёзно затянуться. Веб-студия подготавливает договор со своими условиями работы. И тут юристы заказчика начинают отрабатывать свой хлеб: им надо показать, что они не зря получают зарплату, поэтому они с особым рвением добавляют свои пункты в договор, пытаются протолкнуть свои формулировки. Начинается обсуждение, согласование и поиск компромиссов. Из-за этого старт работ над сайтом может отложиться на месяц. У веб-студии нет задачи обмануть заказчика. Все обязанности и ограничения в договоре прописываются в интересах проекта, чтобы он не застревал ни на одном этапе.

Выбор подрядчика и подписание договора может длиться от  3 до 30 дней.

Сроки зависят от:

• Размера компании-заказчика: в крупных корпорациях согласование ведётся долго, на нескольких уровнях, 
• Сложности проекта: подрядчика для небольшого лендинга выбирают за 3−7 дней, а для сложных масштабных сайтов — иногда и более месяца,
• Бюджета проекта: дорогие сайты требуют более тщательного отбора исполнителей и более сложного согласования, ведь большие бюджеты надо защищать и обосновывать.

Этап начинается с более детального знакомства и погружения команды в суть проекта. Почему именно после заключения договора: потому что полноценное интервью с заказчиком по проекту может занять от 1,5 до 2,5 часов, а в случае сложного проекта — ещё больше. А разве компания, выбирая исполнителя из 10 и более студий, готова тратить на каждую такое количество времени? Конечно, нет. Поэтому на начальном этапе менеджер собирает только минимальную, но достаточную информацию для оценки задачи, расчёта сметы и формирования предварительной стоимости проекта.

Повторное интервью помогает глубже понять ожидания заказчика и выстроить дальнейшую работу. На нём обсуждаются:

• Погружение в бизнес-процессы компании,
• Задачи бизнеса, которые надо решить сайтом,
• Детальное изучение продукта или услуги,
• Описание целевой аудитории,
• Бренд, стиль, визуальные предпочтения,
• Ожидания по функционалу и дизайну.

В процессе ведётся запись, чтобы проджект-менеджер мог вернуться к каким-то моментам, переслушать, убедиться, что правильно понял. Запись надо транскрибировать в текст. Результаты оформить в понимание задачи — документ, в котором описаны цели и задачи проекта, пути их решения через сайт. Документ подписывается сторонами, как подтверждение того, что студия правильно поняла, чего хочет заказчик. В дальнейшем при проведении работ команда во всём ориентируется на этот документ.

Само интервью занимает от 1,5 до 4 часов. Иногда приходится разбивать его на 2 дня, если ниша сложная, а информации много. Результаты оформляются в документ и согласовываются, а это уже требует времени — от 2 до 10 дней.

На этом этапе подключаются UX-дизайнер, маркетолог и аналитик. Они проводят исследование целевой аудитории, анализируют сайты конкурентов, изучают функциональные решения и составляют рекомендации по улучшению проекта или его масштабированию в будущем.

На основе этих данных строится структура сайта:

• Создаются карт-схемы,
• Описываются пользовательские пути и сценарии взаимодействия,
• Формируются сущности каждого блока и раздела сайта.

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

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

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

Работа состоит из нескольких этапов:

• Анализ и сбор информации,
• Создание структуры текстов,
• Написание черновых текстов,
• Редактирование и корректировка.

Срок работ — от 5 до 45 дней в зависимости от объёма, сложности ниши и предоставленного материала заказчиком.

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

После утверждения концепции первой страницы, приступают к отрисовке остальных ключевых разделов:

• Создаются макеты страниц: «О компании», «Услуги», «Кейсы», «Контакты» и т. д.
• Прорабатываются типовые шаблоны: например, карточка товара, страница категории.

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

• Прорабатывается изменение макета под разные разрешения экрана,
• Упрощается структура, убираются лишние элементы, меняется порядок контента,
• Проверяется удобство взаимодействия с сайтом на мобильных устройствах.

Адаптивные версии дизайна под разные устройства

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

• Создание библиотеки компонентов: кнопки, формы, карточки, заголовки, иконки,
• Определение стилей: цвета, шрифты, отступы, тени, радиусы, размеры,
• Проработка интерактивных состояний: hover, active, disabled и т. д.

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

• Подготовку макетов для вёрстки,
• Нарезку графических элементов,
• Создание технических спецификаций,
• Передачу файлов разработчикам.

Срок дизайна сайта зависит от объёма страниц и количества правок, в среднем занимает от 7 до 60 рабочих дней.

Факторы, влияющие на сроки дизайна:

• Сложность визуальной концепции: необычный уникальный дизайн требует больше времени,
• Количество уникальных страниц: каждая страница добавляет 1−3 дня,
• Количество итераций согласования: может увеличить сроки в 2−3 раза,
• Требования к анимации и интерактивности: сложные эффекты добавляют 20−50% времени.

Верстальщик создаёт клиентскую часть сайта — ту, которая видна пользователям, используя HTML, CSS и JavaScript. Сюда включается:

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

Реализуются интерактивные элементы, чтобы сайт отвечал на действия пользователя:

• Программирование модальных окон, выпадающих меню, слайдеров,
• Интеграция форм с валидацией и отправкой данных,
• Подключение сторонних библиотек и инструментов для расширения функционала сайта.

Создаётся серверная часть сайта — невидимая для пользователей, отвечающая за логику, хранение данных и взаимодействие с внешними системами:

• Разработка и настройка базы данных,
• Создание и интеграция API для обмена данными между фронтендом и бэкендом,
• Настройка системы авторизации и управления пользователями,
• Проработка безопасности и масштабируемости проекта.

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

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

Общий срок разработки может занимать от 10 до 120 дней.

Технические моменты, которые могут увеличить срок реализации проекта:

• Сложные анимационные эффекты (+10−20% времени),
• Нестандартный функционал (+5−10% времени),
• Мультиязычность (+10% времени),
• Интеграции со сторонними сервисами (+10% времени).

Обычный лендинг можно сделать за 3−4 недели, но лендинг под платный трафик — это другая история. Добавляется обязательный этап глубокой маркетинговой аналитики, который занимает месяц. Обычным анализом конкурентов тут не обойтись, так как трафик платный, и ошибка может дорого стоить. У лендинга под контекстную рекламу всё должно быть идеально, никаких просадок. Без маркетингового исследования этого добиться нереально.

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

• Рост конверсии в 2−3 раза,
• Снижение стоимости привлечения клиента в 2−5 раз,
• Запуск рекламы без длительного тестирования,
• Окупаемость рекламного бюджета с первого месяца.

Лендинг под рекламу — это +1 месяц к стандартным срокам разработки лендинга.

Если вы планируете продвигать сайт в поиске Яндекс и Google, SEO-составляющую надо закладывать ещё на этапе разработки. Начать работу над сайтом со сбора семантического ядра — списка запросов, по которым вас могут искать пользователи. В зависимости от направления бизнеса, количества товаров и услуг, сбор семантики занимает от 2−4 недель до пары месяцев.

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

Сайт под SEO-продвижение — это +1 месяц к стандартным срокам разработки.

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

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

При редизайне с сохранением позиций сроки увеличиваются на 7 дней и до полугода по сравнению с обычным редизайном.

Админка — это кабинет управления сайтом, где администраторы и контент-менеджеры могут добавлять, редактировать и управлять контентом, настраивать параметры, отслеживать статистику и взаимодействовать с системой. Как правило, сайт создаётся на готовой CMS — системе управления контентом, например, Вордпресс. Но если сайт пишется с нуля — добавляются сроки на разработку административной панели. Это отдельный программный продукт, требующий серьёзных временных затрат.

В зависимости от функционала админки, на её создание требуется от 1 месяца до года.

Интеграции с внешними системами и уникальный функционал увеличивают сроки разработки в 2−3 раза. Каждая интеграция — это отдельный мини-проект с собственными рисками.

Сайты интегрируют с CRM и ERP, платёжными системами, со складскими и логистическими программами. И хорошо, если речь об известном программном продукте, который поддерживает интеграции с CMS сайта, либо имеет API для подключения. В иных случаях интеграцию приходится делать с нуля, а это существенно увеличивает сроки проекта.

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

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

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

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

Многие исполнители не углубляются в суть бизнес-задач заказчика. Они воспринимают проект поверхностно и недооценивают его сложность. Поэтому и сроки называют меньше, но не потому, что могут сделать проект быстрее, а просто потому что не разобрались в задаче как следует.

Реальный пример из практики:
Заказчику нужен «простой сайт для автосервиса».
Поверхностная оценка: 2 недели.

Реальные требования после анализа:
+ Система записи клиентов,
+ Интеграция с CRM,
+ Калькулятор стоимости услуг,
+ Каталог запчастей,
+ Личный кабинет клиента.
Реальный срок: 3−5 месяцев.

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

Молодые студии и фрилансеры часто не могут правильно спрогнозировать временные затраты. Это связано с неопытностью и недостаточным пониманием всех этапов разработки. Они ещё не знают, сколько времени реально занимает та или иная работа, и не учитывают, что время проекта складывается не только из производственных часов. Надо ещё учесть время на согласование, тестирование, правки, сделать поправку на сложность проекта. Но они просто называют время, исходя из того, что дизайн одной страницы у них занимает N часов, а её вёрстка — M часов, и умножают эти значения на число страниц в проекте, поэтому получают заниженные нереалистичные сроки.

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

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

Профи так не делают. Они называют реальные сроки и предлагают альтернативу, если понятно, что уложиться в дедлайн заказчика нереально: за месяц сайт целиком не запустим, но к выставке успеем сделать Главную страницу, чтобы пользователи уже могли ознакомиться с предложением вашей компании. А полная версия сайта будет готова через 2 месяца.

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

Кроме того, стоит перед разработкой сайта объявить всем в компании, что сайт — приоритетная задача, и все сотрудники должны помогать выбранному ответственному. Если он просит предоставить информацию — всё бросаем и предоставляем. Просит дать обратную связь — тут же даём. Никто в компании не должен думать, что это не его дело, что раз это поручили ответственному, то пусть сам и справляется. Никто не пинает его из отдела в отдел, не кормит завтраками, обещая дать информацию попозже. Если руководство компании сразу поставит вопрос таким образом, работа над проектом будет идти быстрее.

Экономия времени при правильной организации работы на стороне заказчика — 20−30%.

Часто о том, что нужен текст и фотографии на сайт, заказчик вспоминает уже на этапе копирайтинга и дизайна. А фотосъёмка и написание текстов съедает много времени. Проект может надолго зависнуть из-за отсутствия контента. Поэтому надо об этом думать ещё в самом начале, на первых этапах разработки.

Конечно, совсем заранее это сделать не получится: без прототипа не напишешь текст, а без визуального исследования непонятно, что и как фотографировать. Но чисто организационные вопросы решить надо заранее. Найти фотографа, который нравится по работам и устраивает по цене. Решить, кто будет писать текст, определить исполнителей, назначить ответственных, пошевелить отдел продаж, чтобы уже сейчас думали, с какими проблемами часто обращаются клиенты, что их интересует, что бывает непонятно, что спрашивают, как принимают решение. Чтобы не в день Х это решать, а просто дать ТЗ и отмашку — работаем.

Из-за не вовремя подготовленного контента проект может зависнуть на 2−4 недели сверх оговорённых сроков.

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

Запустить базовую версию сайта можно на 1−2 месяца раньше, чем полную.

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

Сроки при изменении договорённостей могут увеличиться на 20−40%.

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

Отсутствие необоснованных правок ускоряет проект на 15−30%.