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