Этапы создания сайта — это последовательность работ, которая превращает идею в работающий инструмент продаж: бриф и аналитика, структура и техническое задание, дизайн, вёрстка и программирование, наполнение, тестирование, запуск и развитие. Ниже разбираем, как проходит разработка сайта в агентстве: что происходит на каждом шаге, что нужно от заказчика и сколько времени занимает каждый этап.
Понимать процесс полезно, даже если сайт целиком делает подрядчик. Так проще оценить смету и сроки, заранее подготовить материалы и не потерять недели на согласованиях. А ещё — задать правильные вопросы до подписания договора и понять, где подрядчик экономит на важном.
Этапы разработки сайта по порядку
Если коротко, этапы разработки сайта под ключ выглядят так:
- Бриф, аналитика и цели — выясняем задачи бизнеса, изучаем нишу и конкурентов.
- Структура и техническое задание — проектируем разделы, прототипы страниц и функции.
- Дизайн-макеты — рисуем внешний вид для компьютеров и смартфонов.
- Вёрстка и программирование — собираем сайт на CMS, подключаем интеграции.
- Наполнение контентом — тексты, фотографии, товары, документы.
- Тестирование — проверяем функции, формы, скорость, отображение на устройствах.
- Запуск и передача — переносим на хостинг, подключаем аналитику, обучаем команду.
- Поддержка и развитие — обновления, исправления, доработки после запуска.
Этапы не всегда идут строго друг за другом. Контент готовят параллельно с программированием, вёрстку первых страниц начинают, пока дизайнер рисует остальные. За счёт этого общий срок меньше, чем сумма длительностей этапов. Примерно так выглядит график корпоративного сайта:
Кто участвует в проекте? Менеджер ведёт график и держит связь с заказчиком. Аналитик собирает требования, готовит структуру и прототипы. Дизайнер отвечает за макеты, верстальщик и программист — за работающий сайт, тестировщик — за то, чтобы ошибки нашлись до запуска, а не после. Специалист по продвижению подключается уже на этапе структуры, чтобы сайт с первого дня был готов к поиску. Со стороны заказчика нужен один человек, который отвечает на вопросы и согласует результаты этапов.
Все этапы создания сайта ниже описаны в одном формате: что происходит, что нужно от заказчика и сколько это обычно занимает. Сроки этапов даны для корпоративного сайта: у лендинга каждый этап короче, у интернет-магазина — дольше.
Этап 1. Бриф, аналитика и цели
Разработка начинается не с дизайна, а с вопросов. Бриф — анкета, в которой заказчик описывает компанию, продукт, аудиторию, конкурентов, задачи сайта, нужные функции, пожелания по стилю, бюджет и сроки. Чем подробнее ответы, тем точнее будет оценка и тем меньше переделок потом. Заполнить бриф на разработку можно на нашем сайте — он же поможет самим сформулировать, чего вы ждёте от проекта.
Затем идёт аналитика:
- Цели и показатели. Что должен делать сайт: приводить заявки, продавать онлайн, поддерживать имидж, разгружать отдел продаж. От цели зависят структура и функции.
- Аудитория. Кто клиенты, что для них важно при выборе, с каких устройств они заходят. Подробнее о том, как её описать, — в статье «Целевая аудитория: что это такое простыми словами».
- Конкуренты. Как устроены их сайты, что предлагают, чем можно выделиться.
- Спрос. Какими запросами ищут ваши товары и услуги — это пригодится и для структуры, и для будущего продвижения.
Итог этапа — общее понимание задачи: цели сайта, список основных разделов и функций, предварительная оценка сроков и бюджета. Если на этом шаге выяснилось, что задачу лучше решить другим форматом — например, начать с лендинга под рекламу, а не с большого корпоративного сайта, — это нормально: дешевле поменять план сейчас, чем переделывать готовый сайт.
Что нужно от заказчика: заполненный бриф, час-два на встречу или созвон, примеры сайтов, которые нравятся и не нравятся, доступ к текущему сайту, если он есть.
Срок: обычно от 2 до 5 рабочих дней.
Этап 2. Структура и техническое задание
На этом этапе решается, из каких разделов и страниц будет состоять сайт и что будет на каждой из них. Структуру строят от задач бизнеса и от поискового спроса: у каждой важной группы запросов должна быть своя страница, иначе сайт потом будет сложно продвигать. Поэтому структуру мы прорабатываем вместе со специалистами по поисковому продвижению — переделывать её после запуска дороже.
Результат этапа — два документа:
- Прототип — схемы страниц без дизайна: какие блоки, в каком порядке, где кнопки и формы. Прототип можно «прокликать» и понять, насколько удобен путь посетителя до заявки, пока исправления обходятся дёшево.
- Техническое задание — описание функций и требований: система управления, каталог и фильтры, формы, личный кабинет, интеграции с CRM и 1С, требования к скорости, адаптивности и SEO-настройкам. Для редизайна сюда же входит план переноса старых страниц и редиректов.
ТЗ защищает обе стороны: заказчик понимает, что получит, исполнитель — что именно должен сделать. Всё, чего нет в ТЗ, потом становится доработкой за отдельные деньги и время.
Если у сайта уже есть история продвижения, соберите заранее доступы к системе управления, хостингу и аналитике — список того, что понадобится, есть в статье «Что нужно предоставить для начала работ?».
Что нужно от заказчика: согласовать структуру и прототип, ответить на уточняющие вопросы по функциям.
Срок: от 5 до 10 рабочих дней, для крупных проектов с интеграциями — дольше.
Этап 3. Дизайн-макеты
Дизайнер превращает прототип в визуальный макет: подбирает цвета, шрифты, иллюстрации и фотографии, прорабатывает каждый элемент интерфейса. Хороший дизайн — это не только «красиво». Он ведёт взгляд посетителя к главному, выделяет кнопки и формы, вызывает доверие к компании. Это и есть UX/UI: удобство пути по сайту плюс его внешний вид.
Обычно работа идёт так: сначала дизайн-концепция главной страницы или ключевого экрана, после её согласования — остальные типовые страницы в том же стиле. Для каждой страницы готовят адаптивные версии: для компьютера, планшета и смартфона. Во многих нишах больше половины посетителей заходят с телефона, поэтому мобильная версия продумывается не по остаточному принципу. Итогом становится UI-кит — набор кнопок, полей, карточек и заголовков, из которых потом собираются новые страницы.
Готовый шаблон или уникальный дизайн? Шаблон дешевле и быстрее, но сайт будет похож на сотни других, а подстроить его под нестандартную структуру сложно. Уникальный дизайн рисуется под ваш продукт, аудиторию и сценарии, помогает выделиться среди конкурентов и не ограничивает структуру. Компромиссный вариант — готовое решение на 1С-Битрикс с доработкой дизайна под фирменный стиль: быстрее индивидуальной разработки, но без ощущения шаблона.
Количество кругов правок стоит оговорить в договоре заранее. Правки в макете занимают часы, а те же изменения после вёрстки — дни.
Что нужно от заказчика: логотип и фирменный стиль, если они есть, фотографии продукции и команды, быстрая и сводная обратная связь — от одного ответственного, а не от пяти согласующих.
Срок: от 7 до 15 рабочих дней в зависимости от количества уникальных страниц.
Этап 4. Вёрстка и программирование
Самый объёмный этап: макеты превращаются в работающий сайт. Он делится на две части — то, что видит посетитель, и то, что работает «под капотом».
Прежде всего выбирается система управления сайтом. Мы разрабатываем сайты на 1С-Битрикс: у платформы регулярные обновления безопасности, готовые модули для каталогов и магазинов, штатный обмен с 1С, и с ней работают многие студии — вы не будете зависеть от одного подрядчика. Почему это важно, подробно рассказываем в статье «Почему Битрикс?».
Frontend-разработка
Верстальщик переводит макеты в код страниц. Задача — точно повторить дизайн и сделать так, чтобы сайт одинаково корректно выглядел в разных браузерах и на экранах любого размера. Сюда же входят анимации и интерактивные элементы: слайдеры, калькуляторы, фильтры, всплывающие формы.
Уже на вёрстке закладывается скорость: изображения сжимаются и переводятся в современные форматы, картинки ниже первого экрана подгружаются по мере прокрутки, лишние скрипты не подключаются. Быстрый сайт лучше конвертирует посетителей и получает преимущество в поиске.
Backend и интеграции (CRM, оплата, каталог)
Программист собирает серверную часть: подключает сверстанные страницы к системе управления, настраивает каталог и фильтры, корзину и оформление заказа, личный кабинет, поиск по сайту. Затем — интеграции, без которых современный сайт почти не обходится:
- передача заявок в CRM, чтобы ни одно обращение не потерялось;
- обмен с 1С: товары, цены, остатки, заказы;
- онлайн-оплата и службы доставки;
- сервисы аналитики, коллтрекинг, онлайн-чат.
Параллельно настраивается техническая база для продвижения: понятные адреса страниц, шаблоны метатегов, карта сайта, файл robots.txt, микроразметка, корректные ответы сервера. Если заложить это при разработке, потом не придётся переделывать сайт под требования поисковиков.
Что нужно от заказчика: доступы к CRM, 1С, платёжной системе и другим сервисам для интеграций, контакт технического специалиста со своей стороны, если интеграции сложные.
Срок: от 10 до 30 рабочих дней для корпоративного сайта, для интернет-магазина с интеграциями — дольше.
Этап 5. Наполнение контентом
Сайт без содержимого — пустая витрина. На этом этапе на страницы попадают тексты, фотографии, описания услуг, карточки товаров, документы, контакты, юридическая информация: политика обработки персональных данных, согласия, оферта для магазина.
Тексты пишутся под структуру и собранные запросы: так страницы с первого дня готовы к продвижению. Товары в каталог обычно загружаются выгрузкой из 1С или таблицы, а не вручную. Фотографии лучше снимать под сайт: стоковые картинки не вызывают доверия и не отличают вас от конкурентов.
Наполнение идёт параллельно с программированием, но именно здесь проекты чаще всего буксуют: разработка готова, а тексты и фото от заказчика ещё не пришли. Договоритесь заранее, кто готовит контент — вы или агентство, — и назначьте сроки передачи материалов.
Что нужно от заказчика: информация о компании, услугах и ценах, фотографии, выгрузка товаров, реквизиты, проверка готовых текстов.
Срок: от 5 до 15 рабочих дней.
Этап 6. Тестирование
Перед запуском сайт проверяют так, как им будут пользоваться реальные посетители. Тестирование проходит на закрытой копии сайта и включает несколько направлений:
- Функции: отправка форм и заявок, корзина и оплата, личный кабинет, поиск, фильтры, передача данных в CRM и 1С.
- Отображение: популярные браузеры, компьютеры, планшеты, смартфоны разных размеров.
- Скорость: время загрузки ключевых страниц, вес изображений, работа под нагрузкой — для магазинов перед сезоном распродаж это особенно важно.
- SEO-проверка: метатеги, заголовки, редиректы со старых адресов, страница 404, карта сайта. Отдельно проверяем, что тестовая версия закрыта от индексации, а боевая — открыта.
- Безопасность: права доступа, защита форм от спама, актуальные версии модулей.
После внутреннего тестирования сайт передаётся заказчику на приёмку: вы проверяете, что всё работает так, как описано в ТЗ. Удобнее всего собирать замечания в одном документе или таблице: страница, что не так, как должно быть, скриншот. Так ни одно замечание не потеряется в переписке, а разработчик быстрее поймёт, что исправить. Отличайте ошибки от новых пожеланий: ошибка — то, что работает не по ТЗ, новое пожелание — то, чего в ТЗ не было. Первые исправляют в рамках проекта, вторые планируют отдельно, чтобы не сдвигать запуск.
Что нужно от заказчика: пройти по сайту самому и собрать замечания одним списком.
Срок: от 3 до 7 рабочих дней.
Этап 7. Запуск и передача
Запуск — это не просто «нажать кнопку». Сайт переносится на боевой хостинг, подключается домен и SSL-сертификат, чтобы сайт открывался по защищённому протоколу. Если это редизайн, настраиваются постраничные редиректы со старых адресов на новые — иначе накопленные позиции и трафик теряются.
Затем подключается аналитика: Яндекс Метрика с целями на заявки и заказы и Яндекс Вебмастер, а карта сайта отправляется в поисковики. С первого дня видно, сколько посетителей пришло и сколько из них оставили заявку.
Заказчик получает все доступы: к системе управления, хостингу, домену, аналитике. Сайт должен принадлежать вам, а не подрядчику. Проводим обучение работе с административной панелью — с записью, чтобы новые сотрудники тоже могли разобраться, — и передаём документацию.
Запуск без контроля SEO-специалиста — одна из самых дорогих ошибок. У одного из наших клиентов после запуска нового сайта, который делали без участия специалистов по продвижению, трафик упал более чем вдвое: не перенесли тексты, сбились метатеги, а переустановленный счётчик аналитики вдобавок оборвал историю статистики. Как избежать такого сценария, мы разобрали в статье «Как смена дизайна или движка сайта отразится на его позициях».
Короткий чек-лист дня запуска:
- сайт открывается по одному адресу — с https, без дублей (с www и без www);
- индексация открыта, robots.txt и карта сайта актуальны;
- старые адреса ведут на новые страницы через 301-й редирект;
- формы отправляют заявки, и они доходят до почты и CRM;
- цели в Метрике срабатывают, сайт добавлен в Вебмастер;
- настроено резервное копирование.
Что нужно от заказчика: доступ к домену или готовность его зарегистрировать, решение по хостингу, список сотрудников для обучения.
Срок: 1–2 рабочих дня.
Этап 8. Поддержка и развитие после запуска
После запуска работа над сайтом не заканчивается. Выходят обновления CMS и модулей, появляются новые требования к безопасности, меняются цены и ассортимент, бизнесу нужны новые разделы и функции. Первые недели после запуска особенно важны: реальные посетители находят ошибки, которые не всплыли на тестировании, — их нужно быстро исправлять.
Поэтому после запуска сайт обычно передают на техническую поддержку и доработку: обновления, резервное копирование, мониторинг доступности, правки контента и развитие по плану. Подробно о том, что входит в поддержку сайта и чем она отличается от доработки, — в отдельной статье.
Параллельно запускается продвижение: сайт, у которого структура и техническая база заложены при разработке, выходит в поиск быстрее и дешевле. А данные Метрики через два-три месяца покажут, какие страницы стоит усилить в первую очередь.
Под ключ или своими руками
Если набрать в поиске «как создать сайт с нуля», большинство ответов будет про конструкторы: выбрать шаблон, заменить тексты и картинки, опубликовать. Для визитки или временной страницы под мероприятие это рабочий путь. Но у самостоятельной сборки есть пределы, которые проявляются, когда сайт должен приносить заявки и расти вместе с бизнесом:
- аналитику, структуру под поисковый спрос и прототип при самостоятельной сборке обычно пропускают — а именно они определяют, будет ли сайт продавать;
- интеграции с 1С, CRM и оплатой на конструкторе ограничены готовыми модулями;
- с большинства конструкторов сайт нельзя полноценно перенести на свой хостинг: он живёт, пока оплачена подписка;
- время владельца бизнеса на сборку и доработки тоже стоит денег.
Разработка под ключ проходит те же этапы, что описаны выше, но каждый из них выполняет профильный специалист, а за результат отвечает подрядчик по договору. Какой путь выбрать, зависит от задачи: чтобы проверить идею, хватит простой страницы, а для основного канала продаж нужен сайт, который спроектирован под ваш бизнес.
Сколько времени занимает создание сайта
Срок зависит прежде всего от типа сайта и количества функций. Ориентиры по нашим проектам:
| Тип сайта | Срок | Что входит |
|---|---|---|
| Сайт с помощью ИИ | от 10 дней | Лендинг, визитка или сайт услуг на CMS с доступом к исходникам — чтобы быстро проверить спрос или заменить устаревший сайт |
| Одностраничный сайт (лендинг) | от 14 дней | Одна посадочная под продукт, услугу или акцию: прототип, дизайн, вёрстка, форма заявки, аналитика |
| Информационный (корпоративный) сайт | от 30 дней | Разделы о компании, услугах, кейсах, контакты; уникальный дизайн, SEO-подготовка, наполнение типовых страниц |
| Сайт с каталогом | от 45 дней | Каталог с категориями, фильтрами и карточками, заявки без онлайн-оплаты, интеграция с учётной системой |
| Интернет-магазин | от 55 дней | Каталог, корзина, оформление заказа, оплата и доставка, личный кабинет, обмен с 1С и CRM |
| Маркетплейс, корпоративный портал | от 60 дней | Личные кабинеты с ролями, сложная логика, множество интеграций, высокая нагрузка |
Это стартовые сроки. Точный срок считаем после брифа и фиксируем в договоре вместе со сметой. Сколько стоит каждый тип сайта и из чего складывается цена, мы разобрали в статье «Сколько стоит сайт?», а выбрать между корпоративным сайтом и лендингом поможет материал «Корпоративный сайт vs. лендинг».
Что сдвигает сроки чаще всего:
- долгие согласования, особенно когда решения принимают несколько человек;
- контент, который приходит в последний момент;
- новые функции, добавленные по ходу работы, — всё, чего не было в ТЗ;
- сложные интеграции с учётными системами, у которых нет готового обмена;
- задержка доступов к домену, хостингу, CRM.
Пройти этапы разработки сайта быстрее помогают три вещи: минимальная версия с ключевыми страницами, которую развивают после запуска; готовое решение на 1С-Битрикс вместо полностью индивидуальной разработки; один ответственный с вашей стороны, который быстро отвечает и принимает решения.
Как проходит разработка сайта под ключ в «Приоритете»
Все этапы создания сайта, описанные в этой статье, мы проходим на каждом проекте — от лендинга до интернет-магазина. Разработка сайта под ключ в нашем агентстве — это полный цикл работ: аналитика, прототип, дизайн, программирование, базовая SEO-подготовка, наполнение типовых страниц, тестирование и запуск. Над проектом работает команда — менеджер, аналитик, дизайнер, программист, верстальщик, тестировщик и специалист по продвижению, — а общается с вами один менеджер проекта. Смету и сроки фиксируем в договоре, после запуска сайт можно оставить у нас на поддержку.
Заказать создание сайта под ключ → Форматы, цены и примеры работ — на странице разработки сайтов в Тюмени.
