{{title}}
{{textarea}}
{{task}}
{{select}}
{{team}}
{{input}}
{{solution}}
{{result}}
Этапы создания сайта: что делаем мы и что нужно от вас
Разработку сайта можно разделить на семь этапов: бриф, анализ конкурентов, структура с прототипом и текстами, визуальное направление, дизайн, вёрстка и запуск, затем продвижение. Заказчику важно заранее понимать, что происходит на каждом этапе, что и когда нужно от него и что он получает на выходе. Рассказываем, как проходят этапы создания сайта у нас и сколько длится разработка. Все примеры — наши реализованные проекты на Тильде.
Вы узнаете
Этапы разработки сайта на Тильде по порядку: схема
Этап 1. Бриф и вводные: что подготовить заказчику
Этап 2. Анализ конкурентов и спроса
Этап 3. Структура, прототип и тексты
Этап 4. Визуальное направление
Этап 6. Вёрстка на Тильде, проверка и запуск
Кому принадлежит сайт на Тильде и как мы его сдаём
Этап 7. Продвижение и развитие после запуска
Сколько длится разработка сайта
Этапы разработки сайта на Тильде по порядку: схема
Названия этапов у агентств и фрилансеров разные, но порядок почти везде один: сначала определяется, что и для кого должен делать сайт, потом — как он выглядит, и только потом идёт вёрстка. Вот как проходит разработка сайта у нас:
Вы общаетесь напрямую с арт-директором и специалистами, которые работают над сайтом. Главные презентации — прототип с текстами, референсы и дизайн: каждую мы записываем на видео или проводим на созвоне, объясняем решения и отвечаем на вопросы. Ход работ виден на доске проекта в Weeek — какие этапы впереди и какие у них сроки по договору.
Число согласований зависит от формата. У нас три формата сайтов на Тильде: экспресс, бизнес и стратег. В бизнес- и стратег-форматах результат каждого этапа вы видите и согласуете. В экспрессе задачу и визуальное направление подробно фиксируем до старта, а дальше работаем без промежуточных согласований. Сроки форматов — в разделе о сроках ниже.
Этап 1. Бриф и вводные: что подготовить заказчику
Бриф — это анкета о бизнесе и задаче сайта: что вы продаёте, кому, кто ваши конкуренты и к какому сроку нужен результат. С него начинается любой проект. После брифа мы созваниваемся и задаём уточняющие вопросы. Задачу, состав работ и сроки фиксируем в техническом задании и договоре.
Что подготовить к старту:
- Заполненный бриф. В брифе на сайт мы спрашиваем о типе сайта, сроках и бюджете, просим ссылки на ваш сайт и соцсети.
- Ссылки на конкурентов и на сайты, которые нравятся. По ним видно, с кем вас сравнивают клиенты и какие решения вам близки.
- Материалы о компании. Логотип, брендбук, фото, видео, цифры, сертификаты — всё, что уже есть.
- Данные старого сайта, если он работает. По аналитике видно, откуда приходят посетители и с каких устройств они смотрят сайт.
- Одного ответственного. Человека, который собирает мнения внутри компании и принимает решения.
Чем раньше готовы вводные, тем быстрее старт: если бриф и материалы пришли до созвона, на встрече не приходится собирать их заново, и работа начинается сразу после подписания договора.
Этап 2. Анализ конкурентов и спроса
До проектирования анализируем конкурентов: что они предлагают, как устроены их сайты, какие аргументы и цифры показывают. Изучаем и спрос — как клиенты ищут ваш продукт: по запросам видно, какие разделы и страницы нужны сайту. В стратег-формате подробно собираем поисковые запросы и группируем их по темам.
От вас на этом этапе нужен список конкурентов — тех, с кем вас сравнивают клиенты. Если списка нет, конкурентов подберём сами.
Итог этапа — вывод, чем сайт должен отличаться от конкурентов. Например, при анализе конкурентов для производителя моти-мороженого MotiMe оказалось, что сайты крупных производителей мороженого обращены к покупателю, а раздела для партнёров у них нет. Поэтому структуру сайта мы разработали с акцентом на партнёрство: первые экраны адресованы сетям, кофейням и дистрибьюторам.
Этап 3. Структура, прототип и тексты
Прототип — это схема страниц будущего сайта: какие на них блоки, в каком порядке и куда ведут кнопки. Обычно прототип чёрно-белый, без фото и фирменных цветов: так обсуждаются смысл и порядок блоков, а цвет не отвлекает.
Работа начинается с карты сайта — списка страниц и связей между ними. Иногда структуру сначала нужно упростить: для сети автосервисов «ТГК-Авто» мы проанализировали старый сайт и поисковый спрос и сократили 54 страницы услуг до 28 — остались те, по которым есть запросы.
Затем проектируем интерактивный прототип ключевых страниц: по нему можно пройти как по будущему сайту. Если тексты входят в работу, пишем их здесь же, до дизайна: от объёма текста зависит, какими будут блоки. Если тексты готовит ваш копирайтер, в прототипе мы задаём объём и смысл каждого блока. Если продвигать сайт в поиске не нужно, готовые тексты мы адаптируем под страницы и делаем UX-редактуру. По прототипу также видно, какие фото и видео понадобятся: их можно подготовить, пока идёт дизайн.
Что нужно от вас:
- ответить на вопросы к текстам: условия работы, цифры, факты о компании;
- пройти прототип как клиент и проверить, всё ли легко найти;
- прислать комментарии к прототипу и согласовать этап.
Этап прототипа — самый удобный для крупных решений: переставить блоки или добавить страницу здесь можно быстро, пока дизайна и вёрстки ещё нет.
Этап 4. Визуальное направление
Прежде чем отрисовывать дизайн, согласовываем визуальное направление. Мы подбираем референсы — сайты и решения, на которые будем опираться, — и объясняем, что берём из каждого: типографику, композицию, графику. Если у компании есть брендбук, направление строится на нём.
От вас нужен ответ по каждому референсу: подходит или нет. Так вопросы вкуса решаются до макетов, а дизайн потом обсуждается по существу.
Если фирменного стиля нет, мы разрабатываем его до работы над сайтом или параллельно с прототипом: дизайн страниц начинается, когда согласованы и стиль, и прототип. Что входит в фирменный стиль, рассказываем в отдельной статье.
Этап 5. Дизайн сайта
Макет, в отличие от прототипа, показывает страницу такой, какой она будет на сайте: с цветами, шрифтами и фото. Дизайн начинаем с главной: по ней виден характер всего сайта. После её согласования отрисовываем внутренние страницы и продумываем мобильную версию.
Иногда показываем два варианта главной на выбор.
Согласование дизайна идёт быстрее, когда комментарии собраны от всех, кто влияет на решение, и приходят одним списком: так замечания не противоречат друг другу и вносятся за один круг.
На что смотреть при согласовании дизайна:
- Первый экран. Понятно ли с первого взгляда, что вы предлагаете и что нужно сделать посетителю.
- Факты. Цифры, условия и контакты — те, что согласованы в прототипе.
- Конкретные замечания. «Мелкий текст в блоке цен» вместо «не нравится»: такая правка понятна дизайнеру сразу.
Этап 6. Вёрстка на Тильде, проверка и запуск
На этом этапе дизайн переносится в Тильду. Мы верстаем сайт, сочетая стандартные блоки и Zero Block, подключаем каталог, формы, аналитику и CRM — систему, где менеджеры ведут заявки. Настраиваем адаптив под компьютер, планшет и телефон. Проводим базовую SEO-оптимизацию: заголовки, описания страниц, адреса. При запуске открываем сайт для индексации и добавляем его в «Яндекс Вебмастер».
Если сайт будут наполнять ваши сотрудники, заранее создаём для этого шаблоны — например, карточки товара и новости.
Перед сдачей сайт размещён на техническом адресе Тильды вида название.tilda.ws: свой домен подключается при запуске. Мы присылаем два списка — что сделано и что осталось — и просим проверить сайт. Формы тестируем сами. При приёмке стоит проверить:
- все страницы открываются, тексты, цены и контакты актуальны;
- сайт корректно отображается на телефоне;
- заявка из каждой формы приходит тому, кто её обрабатывает: на почту, в мессенджер или в CRM;
- подключена аналитика.
Кому принадлежит сайт на Тильде и как мы его сдаём
Распоряжается сайтом на Тильде владелец аккаунта, на котором сайт находится. Поэтому готовый сайт размещается на собственном аккаунте Тильды заказчика, а домен оформляется на компанию. Тариф Тильды и продление домена заказчик оплачивает напрямую, к запуску тариф должен быть оплачен. Так сайт, домен и доступы остаются у вас при любой смене подрядчика.
При запуске подключаем ваш домен, при сдаче обучаем команду работе с сайтом: как редактировать тексты, фото и товары. Кому-то удобнее созвон, кому-то видеоинструкция.
Как передать сайт на Тильде заказчику с чужого аккаунта
Если сайт остался на аккаунте прежнего подрядчика, передать его на ваш аккаунт может только владелец этого аккаунта — штатной функцией: «Настройки сайта» → «Действия» → «Передать сайт на другой аккаунт». Принять сайт сможет аккаунт с оплаченным тарифом Personal или Business (справка Тильды, 19 октября 2026 года). Доступ на уровне «сотрудника» владельцем не делает: удалить или экспортировать сайт может только владелец аккаунта.
Этап 7. Продвижение и развитие после запуска
После запуска нужно проанализировать, как работает сайт: приходят ли заявки, какие источники приводят посетителей и как они ведут себя на страницах. В стратег-формате анализ входит в работу вместе с запуском «Яндекс Директа» и 30 днями сопровождения, в экспресс- и бизнес-форматах анализ и продвижение можно подключить к проекту.
Дальше возможны три сценария:
- Компания ведёт сайт сама. По шаблонам, созданным при вёрстке, сотрудники компании «Урбион» за полгода после запуска разместили почти 500 страниц — без дизайнера и верстальщика.
- Мы ведём сайт постоянно. Для ресторанной сети Ramen Room после запуска мы поддерживаем дизайн сайта, дорабатываем функции, добавляем страницы и обновляем контент.
- Доработки отдельными задачами. Re-laser после запуска заказывал новые работы по отдельным договорам — например, расширение каталога.
Продвижение тоже может вести наша команда: SEO, контекстная реклама, рассылки. Продукт и аудиторию к этому моменту мы уже знаем.
Когда сайт выйдет на первую страницу поиска, зависит от конкуренции в нише и продвижения. Например, сайт MotiMe с базовой SEO-оптимизацией через неделю после запуска был на первой странице «Яндекса» по запросам «моти оптом» и «моти производитель».
Сколько длится разработка сайта
Сроки разработки сайта зависят от его типа и объёма работ. Наши форматы и их минимальные сроки:
Актуальные сроки — на страницах лендингов, сайтов на Тильде и интернет-магазинов. Что такое лендинг и чем он отличается от сайта, рассказываем в отдельной статье.
Если в работу входят тексты, фирменный стиль и согласование этапов, проект обычно занимает два-три месяца. Сайт MotiMe — одна страница с каталогом — занял около восьми недель:
- анализ и прототип — около полутора недель;
- тексты — ещё полторы;
- референсы — неделя;
- дизайн — две недели;
- вёрстка, проверка и запуск — около двух недель.
Интернет-магазин ILERIA вместе с фирменным стилем занял три месяца.
В бизнес- и стратег-форматах следующий этап начинается после согласования предыдущего, поэтому быстрые ответы заказчика сокращают срок.
Время на обратную связь удобно сразу заложить в план: в проекте «Сладкие белки» у каждого этапа было два срока — работа команды и дни на ответ заказчика.
Сколько стоит сайт и из чего складывается цена, рассказываем в отдельной статье. Если компания выросла, а сайт не передаёт её масштаб, или бизнес выходит на новый рынок — разработаем сайт на Тильде под эту задачу: состав работ и сроки зафиксируем в договоре.
Правки и согласование
Сколько кругов правок входит в работу, зависит от формата. В экспресс-формате промежуточных правок нет. В бизнес- и стратег-форматах на каждом этапе согласования показываем результат и дорабатываем его по вашим сводным комментариям. У лендингов этих форматов — один круг правок на этап, у сайтов число кругов заложено в формат.
Правкой мы считаем изменение того, что уже согласовано: текста, порядка блоков, цвета. Новая страница или функция, которой в структуре не было, — уже не правка, а новая задача.
Роль заказчика: что ускоряет проект
Со стороны заказчика проект ускоряют два решения:
- Показывайте промежуточные результаты тому, кто принимает финальное решение. Тогда на приёмке не появится замечаний к уже согласованной структуре и дизайну.
- Новые идеи — отдельной задачей. Идею новой страницы или функции, которая появилась по ходу работы, удобнее реализовать после запуска: так не сдвигается срок.
Частые вопросы
Сколько времени занимает разработка сайта?
Зависит от типа сайта и объёма работ. Наши минимальные сроки: лендинг — от 10 рабочих дней, сайт на Тильде — от 25, интернет-магазин — от 25. С исследованием, текстами и согласованиями проект обычно занимает два-три месяца.
Что нужно от заказчика во время разработки?
Бриф и материалы на старте, ответы на вопросы к текстам, сводные комментарии к прототипу и дизайну и проверка готового сайта. Удобнее, когда со стороны компании решения принимает один ответственный.
Нужно ли готовое техническое задание?
Нет. Готовая структура или ТЗ не требуются: по итогам брифа задачу, состав работ и сроки мы фиксируем сами.
Можно ли пропустить этапы, чтобы ускорить?
Нет. Этапы остаются, но промежуточных согласований может не быть. В экспресс-формате задачу и визуальное направление фиксируем до старта, и сайт на Тильде готов за 25 рабочих дней.
На каком этапе можно вносить правки?
В бизнес- и стратег-форматах — на каждом этапе, пока он не согласован; в экспресс-формате задачу и визуальное направление фиксируем до старта, промежуточных правок нет. Структуру проще всего менять в прототипе, визуальную часть — на этапе дизайна. Изменения структуры на готовом сайте затрагивают и дизайн, и вёрстку.
Что будет, если результат не понравится?
В бизнес- и стратег-форматах результат каждого этапа вы видите и согласуете до начала следующего, поэтому готовый сайт вы уже видели по частям — в прототипе и в дизайне. Если результат этапа не устраивает, дорабатываем его в рамках правок формата.
Кто пишет тексты для сайта?
Тексты ключевых страниц пишет наша команда после изучения продукта, аудитории и конкурентов. Цифры, условия работы и факты о компании предоставляет заказчик. Если у вас свой копирайтер, в прототипе мы задаём объём и смысл каждого блока, а готовые тексты адаптируем под страницы и делаем UX-редактуру.
Как передать сайт на Тильде заказчику?
В настройках сайта: «Действия» → «Передать сайт на другой аккаунт». Принять его может только аккаунт с оплаченным тарифом Personal или Business. Передачу запускает владелец аккаунта, на котором сайт находится сейчас.
Главное об этапах создания сайта
- Главные презентации — прототип с текстами, референсы и дизайн: крупные решения принимаются на них, а изменения структуры на готовом сайте затрагивают и дизайн, и вёрстку.
- От заказчика нужны вводные на старте, один ответственный и сводные комментарии после каждой презентации.
- В бизнес- и стратег-форматах следующий этап начинается после согласования предыдущего, сроки зафиксированы в договоре.
- Готовый сайт работает на аккаунте заказчика, домен оформлен на компанию; тариф и домен оплачивает заказчик.
Если сайта нет, он устарел или перестал приносить заявки, заполните бриф на сайт: изучим задачу и предложим формат.
Читайте также в нашем блоге: