За несколько лет работы с сайтами на Tilda, WordPress и Next.js я прошёл через десятки проектов, и этапы разработки сайта в них повторяются в одном порядке почти всегда, даже когда меняется платформа и бюджет. Разница в том, сколько времени занимает каждый шаг и что на нём обычно идёт не так. Ниже разложил процесс на понятные блоки: от брифа до передачи сайта заказчику, с реальными сроками и ценами из моей практики.
Подготовка: бриф и техническое задание на разработку сайта
Первый этап - это не дизайн и не код, а разговор о задаче. На брифе выясняю, кто целевая аудитория сайта, какие товары или услуги нужно показать, какая площадка уже используется, если сайт не с нуля, какой бюджет и срок реально заложен. Для лендинга или простого сайта на Tilda бриф занимает один созвон и день на оформление в документ. Для интернет-магазина или сервиса с личным кабинетом добавляю вопросы про способы оплаты, доставку, интеграцию с CRM.
Техническое задание фиксирует структуру страниц, список функций и то, что в проект не входит. Это не формальность для галочки: без письменного ТЗ разработка растягивается, потому что заказчик вспоминает про дополнительный фильтр по цене уже на этапе вёрстки, а это переделка макета и кода. На подготовку брифа и ТЗ у меня обычно уходит 1-3 дня для простого сайта и до недели для интернет-магазина с несколькими ролями пользователей.
Прототип и структура сайта
Прототип - это скелет сайта без цвета и шрифтов: блоки, их порядок, что где кликается. Делаю его в Figma или сразу в виде схемы страниц, если сайт небольшой. На этом шаге проще всего менять структуру: переставить блок с отзывами выше формы заявки стоит пять минут в прототипе и целый день переделки, если решение приходит после того, как дизайнер уже нарисовал макет.
Здесь же продумываю карту сайта: сколько страниц, как они связаны, какие разделы нужны для SEO, а какие можно объединить. Для интернет-магазина добавляю логику каталога, фильтры, карточку товара, корзину. Для сайта на Tilda часть этой логики закрывается штатными блоками конструктора, и прототип помогает понять заранее, какие блоки подойдут, а какие потребуют кастомной доработки. Прототипирование обычно занимает 3-5 дней в зависимости от количества страниц.
Дизайн-макет сайта: от концепции до утверждения
На основе прототипа дизайнер, а на небольших проектах я сам, рисует макет с реальным контентом, цветами и шрифтами бренда. Обычно показываю 1-2 варианта главной страницы, а не весь сайт сразу, так быстрее находим направление и не тратим время на доработку страниц, стиль которых потом всё равно поменяется.
Правки на этом этапе ограничиваю заранее прописанным количеством итераций, иначе процесс превращается в бесконечный подбор шрифтов и оттенков. После утверждения макет становится точкой отсчёта: правки дизайна дальше считаются отдельной задачей, а не частью текущего этапа. На дизайн внутренних страниц после утверждения главной уходит обычно 5-10 дней, в зависимости от их количества и сложности.
Бесплатный материал
🎁 Полезный скрипт в подарок
Подпишитесь на Telegram - пришлю готовый скрипт по этой теме.
Без спама. Отписка в 1 клик.
Вёрстка и программирование сайта
Здесь макет превращается в рабочий сайт. Для лендинга обычно верстаю на Next.js, это даёт быструю загрузку и удобную последующую поддержку. Для интернет-магазина или сайта с личным кабинетом использую WordPress с кастомной темой или Laravel под бэкенд, если логика сложнее типового магазина. Для Tilda-проектов вёрстка сводится к сборке блоков конструктора плюс кастомным скриптам там, где штатных возможностей не хватает.
Если в проекте нужен личный кабинет с ролями и статистикой, а не просто форма и корзина, интерфейс кабинета обычно делаю на React, а бэкенд под него на Laravel: тут уже нужна отдельная логика прав доступа, которую в PHP-обработчике на скорую руку аккуратно не соберёшь.
Серверная часть для форм, личного кабинета, начисления промокодов, приёма вебхуков в большинстве проектов на Tilda и WordPress закрывается PHP-обработчиком на том же хостинге, где уже лежит сайт: отдельный сервер под это не нужен, хостинг уже оплачен вместе с сайтом. MySQL справляется и с блокировкой слота при бронировании через транзакцию с уникальным индексом, и с очередью промокодов.
Python и отдельный сервер беру только когда задача этого требует. Например, телеграм-бота для уведомлений о новых заказах пишу на aiogram, под фоновую обработку сообщений он подходит лучше, чем PHP-скрипт на хостинге. А если нужно перекладывать данные между CRM, таблицей и мессенджером без ручного кода на каждый случай, собираю сценарий в n8n вместо отдельного скрипта.
Интеграции, наполнение и тестирование сайта
Дальше сайт обрастает связями с внешним миром. Для интернет-магазина на WooCommerce подключаю приём оплаты через T‑Bank, для Tilda эквайринг настраивается прямо в интерфейсе конструктора. Доставку через СДЭК Tilda считает встроенным калькулятором в настройках платёжной страницы, отдельного скрипта для этого не нужно. Если же зоны доставки у заказчика свои, не привязанные к тарифам СДЭК, например бесплатная доставка в пределах города и платная за его пределами по фиксированным ценам, ставлю готовый скрипт зоны доставки для Tilda, он считает стоимость по индивидуальным зонам.
Для синхронизации товаров и остатков с 1С у Tilda есть штатный обмен через CommerceML, его и настраиваю вместо того, чтобы писать интеграцию с нуля. CRM подключаю либо через готовые формы Tilda, либо, если процесс сложнее одной формы, через сценарий в n8n: он забирает заявки, раскладывает по полям и отправляет менеджеру уведомление в Telegram.
Наполнение сайта текстами и фото обычно идёт параллельно с вёрсткой, чтобы не терять время. Тестирую не только форму заявки, но и её граничные случаи: пустые поля, некорректный номер телефона, повторную отправку одной и той же заявки. Такие мелочи реже видны на демонстрации, зато именно они дают сбои в первую неделю после запуска. Проверяю сайт в разных браузерах и на мобильных экранах, отправляю тестовые заявки и оплаты, смотрю, приходят ли уведомления и не теряются ли данные форм. На интеграции и тестирование закладываю 3-7 дней в зависимости от количества сервисов, с которыми связывается сайт.
Запуск, сроки и стоимость этапов разработки сайта
На запуске переношу сайт на боевой хостинг, подключаю домен, проверяю SSL-сертификат и прогоняю формы уже на реальном адресе. Здесь же настраиваю резервное копирование и подключаю аналитику, если её не было на этапе разработки. После запуска сайт какое-то время наблюдаю: смотрю логи, ловлю ошибки, которые не проявились на тестовом сервере.
После того как сайт стабильно отработал первые дни, передаю заказчику доступы: хостинг, домен, административную панель, а если это Tilda, права редактора в самом конструкторе. Отдельно показываю, как самостоятельно менять тексты и фото на типовых страницах, чтобы не звонить по каждой мелочи.
Ниже сроки по этапам, которые обычно называю на консультации.
| Этап | Что делаю | Срок |
|---|---|---|
| Бриф и техническое задание | Формулирую задачу, структуру и границы проекта | 1-3 дня |
| Прототип | Собираю схему страниц и блоков | 3-5 дней |
| Дизайн | Рисую и утверждаю макет | 5-10 дней |
| Вёрстка и программирование | Собираю рабочий сайт по макету | от 5 дней, зависит от объёма |
| Интеграции и тестирование | Подключаю оплату, доставку, CRM, проверяю сайт | 3-7 дней |
| Запуск | Переношу на боевой хостинг, проверяю формы | 1-2 дня |
Домен и SSL-сертификат в стоимость разработки не включаю: цена домена зависит от зоны, в .ru обычно дешевле, чем в .com, а цена SSL зависит от типа сертификата, а не от того, лендинг это или интернет-магазин.
Итоговая стоимость разработки зависит от типа сайта и объёма задач:
| Тип сайта | Цена |
|---|---|
| Сайт на Tilda | от 30 000 ₽ |
| Сайт на WordPress | от 60 000 ₽ |
| Лендинг на Next.js | от 80 000 ₽ |
| Интернет-магазин под ключ | от 80 000 ₽ |
| Комплексная интеграция для Tilda (CRM, эквайринг, СДЭК) | от 40 000 ₽ |
| Telegram-бот для уведомлений | от 30 000 ₽ |
| Автоматизация в n8n | от 25 000 ₽ |
После запуска сайт обычно требует техподдержки: правки контента, обновление плагинов, реакция на ошибки хостинга. Такую поддержку веду отдельно от разработки, от 15 000 ₽ в месяц.
Частые вопросы
Сколько времени занимают все этапы разработки сайта целиком?
Для лендинга на Tilda или Next.js от брифа до запуска обычно укладываюсь в 3-4 недели. Интернет-магазин или сайт с личным кабинетом занимает от 6 до 10 недель, потому что добавляются интеграции с оплатой, доставкой и CRM, а тестирование требует больше времени.
Можно ли пропустить прототип и сразу перейти к дизайну?
Можно, но на практике это редко экономит время. Без прототипа структура страниц утверждается уже в дизайне, а правки в готовом макете стоят дороже, чем в схеме без цвета и шрифтов. Прототип пропускаю только на очень маленьких одностраничниках, где страница одна и блоков меньше пяти.
Что происходит, если заказчик меняет требования в процессе разработки?
Если правка укладывается в рамки утверждённого ТЗ, вношу её на текущем этапе. Если меняется структура сайта или добавляется функция, которой не было в ТЗ, это отдельная задача со своим сроком и стоимостью, иначе разработка растягивается без понятной точки завершения.
Нужно ли техническое задание для простого сайта на Tilda?
Даже для простого сайта на Tilda фиксирую хотя бы короткое ТЗ: список страниц, блоки, что должно быть на каждой. Это экономит время на созвонах и не даёт забыть про интеграцию с CRM или доставкой, которую заказчик упомянул один раз в переписке и потом ждёт по умолчанию.