Когда человек впервые заказывает сайт, у него обычно много вопросов: что от меня потребуется, как долго это занимает, когда я увижу результат, как будут вноситься правки. В этой статье я описываю весь процесс, честно, подробно, без пропущенных шагов. Так, как это происходит в моей работе.

Буянова Екатерина
UX / UI / Ai / Tilda эксперт

Рассчитать стоимость

Почему важно понимать процесс до старта

Большинство недовольств и конфликтов в работе над сайтом возникают не из-за плохого дизайна, а из-за несовпадения ожиданий. Клиент думал, что будет так — дизайнер делал иначе. Клиент не знал, что нужно предоставить тексты заранее. Дизайнер не объяснил, что правки после утверждения — это отдельный объём работы. Когда обе стороны понимают процесс одинаково, проект проходит спокойно, в срок и без сюрпризов.

Этап 1. Первый контакт и знакомство

На этапе мне важно понять: что за проект, примерный объём работы, есть ли у вас дедлайн. В первую очередь я предлагаю вам пройти короткий опросник на моем сайте и самостоятельно рассчитать стоимость вашего сайта. Я сама пользуюсь этой формулой для расчета. Если задача подходит, обсуждаем детали. Если нет (например, задача требует кастомной разработки, а не Тильды), скажу об этом сразу и объясню почему.

Что происходит на этом этапе:

Короткий разговор или переписка о проекте
Оценка объёма и сроков
Обсуждение аванса и условий работы

Этап 2. Бриф — основа всего

Бриф — это анкета с вопросами о вашем бизнесе, аудитории, конкурентах и пожеланиях к сайту. Вы заполняете бриф самостоятельно, обычно это занимает 10-20 минут.

Зачем это нужно: дизайнер должен понять ваш продукт так же хорошо, как вы. Иначе сайт будет красивым, но мимо. Чем честнее и подробнее вы отвечаете, тем точнее будет результат. Хороший бриф — это половина успешного проекта.

Что спрашивается в брифе:

Чем занимается компания
Кто ваши клиенты
Кто ваши конкуренты
Какой сайт вам нужен
Есть ли тексты, прототип
Пожелания по дизайну сайта, референсы
Какие страницы нужны, какой функционал
Есть ли фирменный стиль, логотип, фотографии

Как происходит работа над сайтом на Tilda

Этап 3. Аванс и старт работы

После согласования объёма и стоимости вносится аванс. Обычно это 50% от стоимости проекта. Работа начинается после получения аванса. Аванс — это стандартная практика в любой профессиональной сфере. Дизайнер вкладывает время и экспертизу. Аванс подтверждает серьёзность намерений с обеих сторон. Без предоплаты профессиональные специалисты не работают. После внесения аванса мы оговариваем конкретные даты для работы. В эти дни необходимо быть на связи, чтобы своевременно согласовывать этапы работы.

Моя ставка 3000 руб./час. Озвучивая вам стоимость сайта, я закладываю определенное время и распределяю его на рабочие дни. Небольшие правки включены в стоимость, но добавляя новые блоки и страницы в ходе работ, будьте готовы к увеличению сметы. Если стоимость сайта увеличится из-за таких правок, я предупреждаю об этом.

Этап 4. Подготовка материалов и прототипа

Для разработки сайта нужен прототип — схема будущего сайта с готовым расположением контента. Рисовать ничего не нужно, мне достаточно текстового файла. Подготовить его можно одним из трёх способов:

1. Вы создаёте прототип самостоятельно.
Вам понадобится самостоятельно продумать структуру сайта, логику блоков и подготовить контент.
подробная инструкция

2. Вы готовите тексты, а я создаю прототип.
Вы передаёте мне готовое текстовое наполнение, а я продумываю структуру и размещаю информацию в прототипе.
подробная инструкция по подготовке текстов

3. Я готовлю тексты и создаю прототип.
В этом случае от вас потребуется подробно рассказать о бизнесе, услуге или продукте, а всю дальнейшую работу с текстом и структурой я беру на себя.
подробная инструкция по подготовке информации о бизнесе

Про тексты — отдельно и важно:

Тексты — ваша зона ответственности. Это не упрёк, это факт: никто, кроме вас, не знает вашу аудиторию, ваши аргументы, ваши реальные преимущества. Дизайнер может помочь структурировать, сократить, улучшить — но исходные смыслы должны прийти от вас. С условным текстом («рыбой») я не работаю. Когда реальные тексты приходят позже и не вписываются в готовый дизайн — это правки. Чтобы этого избежать: тексты готовятся до начала дизайна, а не после. На основе этих текстов создается прототип.

Дополнительно потребуются:

Фотографии продукта, команды, офиса, процесса
Логотип — в векторном формате (SVG, AI)
Фирменные цвета (если есть)
Референсы — сайты, которые нравятся

Этап 5. Анализ конкурентов и референсы

До начала дизайна я изучаю конкурентов в вашей нише: как они себя позиционируют, какие стили используют, что работает, а что нет. Это нужно не чтобы скопировать, а чтобы ваш сайт выделялся на их фоне, а не сливался с ними. В брифе вы оставляете ссылки на сайты-референсы — визуальные ориентиры. Это могут быть сайты из вашей ниши или из других сфер, но с подходящей эстетикой.

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

Этап 6. Поэтапная разработка дизайна

Я работаю на своём аккаунте Тильды и даю вам ссылку для просмотра в режиме предпросмотра. Вы видите сайт вживую. Можно открыть на телефоне, показать коллегам, проверить как это смотрится.

Как устроен процесс поэтапно:

Сначала делаются первые блоки страницы — первый экран, меню, шапка. По ним уже можно оценить общее визуальное направление: стиль, шрифты, цвета, ощущение. Это ключевая точка согласования. После утверждения первых блоков, разрабатываются остальные в том же стиле. Переделывать стиль после этого этапа, это возврат к началу, поэтому первые блоки мы утверждаем внимательно. Если проект многостраничный, сначала делается шаблон (например, страница услуги или карточка товара). После утверждения шаблона остальные страницы создаются по той же логике, быстрее и без расхождений.

Как правильно давать обратную связь:

Хорошая обратная связь — конкретная. Не «что-то не то», а «заголовок слишком мелкий», «хочу кнопку синей», «этот блок поставить выше». Чем точнее комментарий, тем быстрее правка. Расплывчатые пожелания типа «сделайте посовременнее» или «хочется чего-то другого» — это сигнал вернуться к референсам и уточнить направление. Это нормально, но занимает время, за которое вы платите.

Этап 7. Технические настройки

Дизайн готов и утверждён. Теперь техническая часть, которую большинство клиентов не видят, но которая критически важна. Что настраивается:

SEO-базовые настройки:

Title и Description для каждой страницы — то, что видит поисковик и что показывается в результатах поиска
H1, H2 — иерархия заголовков для поискового робота
Sitemap.xml и robots.txt — карта сайта и инструкции для поисковиков у каждого сайта на Тильде встроенная
Убирается запрет индексации (без этого сайт вообще не появится в поисковике)
Настройка канонических URL — чтобы не было дублей страниц

Формы и интеграции:

Проверка работы всех форм — отправка тестовых заявок
Настройка уведомлений: куда приходят заявки (email, Telegram-бот)
Интеграция с CRM — если нужна (AmoCRM, Битрикс24)
Подключение Яндекс.Метрики и/или Google Analytics — для отслеживания посетителей

Домен:

Подключение вашего домена, если вы предоставляете доступы к хостингу
Настройка SSL-сертификата — замочек в адресной строке, без него браузеры показывают предупреждение «небезопасно»

Мобильная версия:

Финальная проверка на реальных устройствах — смартфон, планшет
Правка отступов, шрифтов, элементов, которые некорректно отображаются на мобильном

Скорость загрузки:

Оптимизация изображений: конвертация в WebP, сжатие
Проверка PageSpeed Insights— целевые показатели не ниже 60 на мобильном

Этап 8. Финальные правки и приёмка

После того как всё готово, вы проводите финальную проверку. Смотрите сайт на компьютере и на телефоне, проверяете тексты, кликаете на все кнопки, отправляете тестовую заявку.

Как работают правки:

Правки в процессе работы — нормальная часть проекта. Каждый этап сдаётся на согласование, и именно на этом этапе вносятся комментарии. Такие своевременные правки учитываются при оценке стоимости разработки и обычно не влияют на финальную стоимость. Правки после финального утверждения — уже отдельный разговор. Если после просмотра прототипа вы сказали «ок, всё принято» и потом, когда сайт уже сверстан, вспомнили, что хотели переставить блоки и поменять три раздела, это новый объём работы. Не потому что дизайнер вредничает, а потому что это реальное время. Поэтому смотрите внимательно на каждом этапе согласования, а не после финальной сдачи.

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

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

Разработка дизайна происходит строго по этапам, каждый из которых утверждается. Такой подход исключает глобальные правки и не влечет за собой дополнительное время работы над сайтом.

Этап 9. Оплата и передача сайта

После финальной проверки и вашего подтверждения вносится остаток оплаты. После этого сайт переносится на ваш аккаунт Тильды.

Как происходит передача:
Тильда позволяет перенести сайт с аккаунта дизайнера на аккаунт клиента. Для этого вам нужно зарегистрироваться на tilda.ru и оплатить подписку — она даёт хостинг, редактор и все инструменты платформы. После передачи сайт полностью ваш. Вы можете редактировать тексты, добавлять фотографии, менять содержимое блоков.

Инструкция по редактированию:
После сдачи я объясняю, как самостоятельно менять контент. Это занимает 15–20 минут — ничего сложного нет. Тильда сделана так, чтобы владелец сайта мог управлять им без технических знаний.

Сколько времени занимает разработка сайта

Сроки зависят от объёма проекта, наличия текстов и прототипа, от скорости обратной связи с вашей стороны. Если всё готово до старта — работа идёт по плану. Если материалы собираются в процессе — сроки сдвигаются.

Ориентиры на создание сайта с предоставленным прототипом (структурой) или просто текстами:

Лендинг (1 страница) — 2–5 рабочих дней
Корпоративный сайт (5–9 страниц) — 1–2 недели
Многостраничный сайт (10+ страниц) — 2–3 недели

Что ускоряет работу практически

Все тексты готовы до старта дизайна
Обратная связь на каждый этап — в течение нескольких часов, максимум 1 дня для больших проектов
Конкретные комментарии, а не «подумайте ещё»
Одно согласующее лицо, а не 7 человек с разными мнениями
Референсы с чёткими комментариями что нравится и что нет

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

Могу ли я сам потом редактировать сайт? Да. Тексты, фотографии, цены — всё меняется самостоятельно прямо в редакторе Тильды. Я объясняю как это делать после сдачи.

Что если мне что-то не понравится в финале? Мы согласовываем каждый этап, поэтому финал не должен быть сюрпризом. Если на промежуточных этапах всё было утверждено, финал соответствует утверждённому. Если что-то не так — разбираемся.

Нужно ли мне самому оплачивать подписку Тильды? Да. Подписка оплачивается на ваш аккаунт. Это около 750–1250 ₽ в месяц в зависимости от тарифа. В неё входит хостинг, редактор, домен, SSL, формы, магазин.

Вы работаете с НДС? Я работаю как самозанятая. Это значит никакого НДС, простой документооборот, чек после оплаты. Если нужен договор — предоставлю.

Можно ли сделать сайт без предоплаты? Нет. Это стандартная практика в профессиональной среде.

Другие статьи

Блог

Создание сайтов на Тильде

Как происходит работа над сайтом в Тильда. Это платформа для разработки веб-сайта.

Пример прототипа сайта

Как выглядит прототип сайта. Как следует предоставлять информацию дизайнеру для работы над сайтом.

Стоимость сайта на Тильде

Почему сайт, разработанный на конструкторе Tilda не должен стоить 10000 рублей.

Как заказать прототип

Как подготовить контент для прототипа. Как предоставить информацию дизайнеру для создания прототипа сайта.