Разработка · 6 мин чтения

Что входит в разработку сайта под ключ: этапы и результат

Когда клиент просит разработку сайта под ключ, он обычно имеет в виду одно: не хочет сам собирать команду из дизайнера, верстальщика, бэкенд-разработчика и человека, который настроит домен и подключит SSL. Хочет прийти с задачей и получить рабочий сайт, а как устроен процесс внутри - не его забота. За несколько лет на фрилансе и в студийных проектах я собрал десятки таких сайтов: от лендингов на Tilda до интернет-магазинов на WooCommerce с эквайрингом и доставкой СДЭК. Разберу по шагам, что реально входит в такую разработку, сколько это стоит и сколько занимает по времени.

Что входит в разработку сайта под ключ

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

Список того, что закрывает такая услуга на практике:

ul:[li:Анализ задачи, структура сайта и выбор платформы,li:Прототип и дизайн (или адаптация шаблона),li:Вёрстка и программирование функционала,li:Интеграции - оплата, доставка, CRM, аналитика,li:Тестирование на разных устройствах и браузерах,li:Запуск на хостинге и передача доступов заказчику]

Этап 1 - анализ задачи и техническое задание

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

На этом этапе определяется платформа. Для лендинга или сайта-визитки с простой структурой обычно достаточно Tilda - быстро, недорого, заказчик сам потом может править тексты. Для проекта с каталогом на сотни товаров, кастомной логикой скидок и SEO-требованиями беру WordPress или собираю магазин с нуля. Занимает этап от 2 до 5 дней в зависимости от сложности проекта - торопиться здесь не стоит, ошибка в ТЗ на старте вылезет на этапе интеграций и будет стоить дороже.

Этап 2 - прототип и дизайн

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

Для сайтов на Tilda дизайн часто идёт вторым слоем поверх готовых блоков - адаптирую типографику, цвета и отступы под фирменный стиль, не рисуя каждый экран с нуля. Для WordPress и кастомных проектов делаю полноценный макет в Figma с версткой под мобильные экраны отдельно от десктопа, потому что на мобильных обычно приходит больше половины трафика и верстка «в лоб» там не работает.

Разработка сайта с нуля: вёрстка, бэкенд и интеграции

Самый долгий этап. Верстаю страницы, подключаю CMS или собираю бэкенд с нуля - зависит от платформы. Для интернет-магазина на WooCommerce это каталог с фильтрами, корзина, оформление заказа и админка для управления товарами. Для веб-сервиса - API, база данных, авторизация и панель управления.

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

Какие интеграции чаще всего нужны

На практике в 8 из 10 проектов с продажами через сайт нужна связка из нескольких сервисов:

ul:[li:Эквайринг - подключение T‑Bank или ЮKassa для приёма оплаты картой прямо на сайте,li:Расчёт доставки - калькулятор СДЭК с автоматическим подсчётом стоимости по адресу покупателя,li:Уведомления о заказах - телеграм-бот на aiogram, который присылает менеджеру данные нового заказа сразу после оплаты,li:Синхронизация с CRM - передача заявок и статусов через сценарии в n8n, чтобы не переносить данные руками]

Часть таких доработок для Tilda я уже реализовывал раньше и выкладываю в библиотеке готовых скриптов - можно посмотреть, как устроена интеграция СДЭК или эквайринга, прежде чем заказывать индивидуальную доработку под свой проект. Простая правка на Tilda стоит от 3 000 ₽, а комплексная интеграция с CRM, эквайрингом и СДЭК - от 40 000 ₽, потому что это уже не один скрипт, а связка из нескольких сервисов с обработкой ошибок и логированием.

Бесплатный материал

🎁 Полезный скрипт в подарок

Подпишитесь на Telegram - пришлю готовый скрипт по этой теме.

Без спама. Отписка в 1 клик.

Тестирование и запуск сайта

Перед передачей проверяю сайт на реальных устройствах, а не только в эмуляторе браузера - на Android и iOS часто по-разному ведут себя формы и модальные окна. Отдельно тестирую оплату в тестовом режиме эквайринга, расчёт доставки на разных адресах и отправку заявок на почту или в CRM.

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

Сроки и стоимость разработки сайта под ключ

Цена и срок сильно зависят от платформы и объёма функционала. Вот ориентир по моим текущим расценкам:

table:[Тип сайта|Что входит|Срок|Стоимость,Лендинг на Tilda|Дизайн блоков, тексты, форма заявки|1-2 недели|от 30 000 ₽,Сайт на WordPress|Каталог, блог, формы, базовая CMS|3-5 недель|от 60 000 ₽,Интернет-магазин под ключ|Каталог, корзина, оплата, доставка|6-10 недель|от 80 000 ₽,Лендинг на Next.js|Кастомная вёрстка, анимации, SEO|3-4 недели|от 80 000 ₽,Веб-сервис или SaaS|API, база данных, личный кабинет|2-4 месяца|от 300 000 ₽]

Для сравнения: у студий подобный интернет-магазин под ключ часто стоит 150 000-400 000 ₽ - переплата там обычно уходит не на код, а на менеджеров проекта и количество согласований между отделами. При работе напрямую с разработчиком эти расходы не закладываются в смету.

Что получает заказчик на выходе

Под финальной сдачей проекта я понимаю не просто рабочую ссылку, а полный комплект:

ul:[li:Сайт, размещённый на собственном домене и хостинге заказчика,li:Административную панель с понятным интерфейсом для правки контента,li:Настроенные интеграции - оплата, доставка, уведомления,li:Доступы к хостингу, домену и репозиторию с кодом,li:Краткую инструкцию по работе с админкой]

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

Разобраться перед стартом

Консультация

от 3 000 ₽

Подробнее →

Частые вопросы

Сколько времени занимает разработка сайта под ключ?

Зависит от платформы и объёма функционала. Лендинг на Tilda я обычно собираю за 1-2 недели, сайт на WordPress с каталогом - за 3-5 недель, интернет-магазин с оплатой и доставкой - за 6-10 недель. Веб-сервис с личным кабинетом и API может занять 2-4 месяца, потому что там больше логики на бэкенде и больше сценариев для тестирования.

Что нужно подготовить перед началом разработки?

Минимум - примерную структуру сайта и 2-3 референса, которые нравятся по подаче. Тексты и фото можно готовить параллельно с версткой, но структура каталога, список услуг и требования к интеграциям (какая CRM, какая служба доставки) нужны на старте - от них зависит архитектура бэкенда.

Входит ли техподдержка в стоимость сайта под ключ?

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

Чем разработка под ключ отличается от заказа у нескольких фрилансеров по частям?

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

Есть задача?

Обсудим в мессенджере

Расскажите, что нужно сделать — отвечу в течение 4 часов в рабочее время. Первая консультация бесплатно.

Самозанятый Калинкин Н. А. · работаю с физлицами и юрлицами

Продолжая пользование настоящим сайтом Вы выражаете своё согласие на обработку Ваших персональных данных (файлов куки) с использованием Yandex.Metrika.
Понятно