Коротко: Создание сайта — шесть этапов: задача и аналитика, структура и прототип, тексты, дизайн, вёрстка и админка, запуск и замеры. Сроки теряются не в вёрстке, а на согласованиях и контенте. Понимание этапов экономит вам деньги: правки на прототипе копеечные, после вёрстки — дорогие.
Шесть этапов
- Задача и аналитика. Кто клиент, что он ищет, чем вы лучше конкурентов. Без этого этапа сайт — красивая открытка.
- Структура и прототип. Какие страницы, что на каждой, какие действия ждём. Схема без дизайна — тут правки дёшевы.
- Тексты. Оффер и смыслы до дизайна: картинка без текста — украшение пустоты.
- Дизайн. Дизайн-система под бренд: цвета, типографика, компоненты.
- Вёрстка и админка. Чистый код, скорость, формы, аналитика, CMS для правок.
- Запуск и замеры. Метрика с целями, заявки, первые недели наблюдения и правки.
Где теряются сроки
На пунктах 3 и согласованиях. Контент «напишем потом» останавливает проект чаще всего: дизайн без текстов делается вслепую и переделывается. Правило: текстовая структура замораживается до дизайна, правки после вёрстки — платные и медленные.
Что вы получаете на выходе
- Сайт с адресами, скоростью и разметкой, готовый к трафику.
- Админку, в которой контент правится без разработчика.
- Метрику с целями: заявки видны в цифрах, а не в ощущениях.
Что происходит на каждом этапе и что вы получаете
| Этап | Результат этапа | Что решаете вы | Доля срока |
|---|---|---|---|
| 1. Задача и аналитика | цель сайта, портрет клиента, список конкурентов, смета и сроки | цель, бюджет, ограничения | 10% |
| 2. Структура и прототип | схема страниц, состав блоков, пути посетителя до заявки | утверждаете структуру и состав страниц | 10–15% |
| 3. Тексты | заголовки, описания услуг, FAQ, призывы к действию | предоставляете факты, проверяете тексты | параллельно с дизайном |
| 4. Дизайн | макеты главной и типовых страниц на десктопе и телефоне | принимаете визуальное направление | 20–25% |
| 5. Вёрстка и админка | работающий сайт, формы, интеграции, система управления | тестируете формы и функции | 30–35% |
| 6. Запуск и замеры | сайт на вашем домене, цели в Метрике, индексация | финальная приёмка (чек-лист) | 10% |
Разбивка примерная и зависит от типа проекта: лендинг укладывается в 2–3 недели, корпоративный сайт занимает 3–5 (подробнее о сроках).
Как принимать каждый этап
- Прототип: проверьте путь клиента. Откуда он приходит, что видит, где оставляет заявку. Лишние страницы и пустые разделы убираются здесь.
- Тексты: каждая цифра и обещание должны быть правдой. Не публикуйте то, что не сможете подтвердить.
- Дизайн: оцените на телефоне, а не только на мониторе, и спросите себя: понятно ли, что делать дальше.
- Вёрстка: отправьте тестовые заявки, пройдите сайт на разных устройствах.
- Запуск: проверьте индексацию, цели, редиректы, резервные копии.
Какие документы сопровождают проект
- Бриф: ваши ответы о бизнесе (пример для лендинга).
- Техническое задание: что именно будет сделано (шаблон ТЗ).
- Договор со сметой по этапам и условиями оплаты.
- Акты по этапам и итоговый акт приёмки.
- Передача доступов и исходников (безопасная передача доступов).
Материалы для этапов собираются заранее по списку из статьи что подготовить для сайта, а правки удобнее присылать списком (как собирать правки).
Частые вопросы
Какой этап самый важный?
Прототип. Ошибки оффера и структуры дороже любых ошибок дизайна, а исправляются они в разы дешевле именно тут.
Можно ли пропустить тексты и «потом допишем»?
Можно, и это стандартная дорога к переделкам. Тексты — это структура страницы, а не украшение после.
Сколько длятся этапы?
Лендинг 2–3 недели суммарно, корпоративный 3–5. Подробности по дням — в статьях про сроки.
Можно ли объединить этапы, чтобы ускорить проект?
Можно параллельно вести тексты и дизайн, но прототип нужно утвердить до рисования макетов. Пропуск этого этапа ведёт к переделкам, которые дороже любой экономии времени.
Что входит в этап запуска?
Перенос на домен, SSL, настройка перенаправлений, подключение Метрики и целей, проверка форм и скорости, добавление в Вебмастер и Search Console, резервные копии. Затем идёт наблюдение в первые недели.
Что делать дальше
Полезные страницы: Создание сайтов под ключ · Сроки создания сайта · Шаблон ТЗ на сайт.
Цены и сроки — в общем прайсе. Сложно выбрать — напишите в Telegram @darulev, отвечу лично.
