Как создать сайт: восемь шагов от идеи до запуска и сроки каждого

Сайт редко срывается из-за того, что кто-то не умеет программировать. Гораздо чаще проект буксует на согласованиях, теряется в правках и выходит в свет без аналитики, с формой, которая никуда не отправляет письма. Ниже — порядок работ, который проверен на десятках проектов, честные сроки каждого этапа и чек-лист, по которому стоит пройтись за день до запуска.

Шаг 1. Сформулировать задачу

До обсуждения цветов и шрифтов нужно ответить на три вопроса: кто придёт на сайт, что он должен там сделать и как вы поймёте, что сайт работает. «Хотим современный сайт» — не задача. «Хотим получать 30 заявок в месяц на монтаж оборудования от предприятий в Ташкенте» — задача, из которой следует и структура, и тексты, и то, какие кейсы нужно показать. Срок: 3–7 дней, и это работа заказчика, а не студии.

Шаг 2. Собрать структуру

Структура — это список разделов и страниц, привязанный к тому, что люди ищут. Здесь же собираются поисковые запросы: по ним видно, какими словами клиент называет вашу услугу, и эти слова должны появиться в заголовках. Частая ошибка — строить меню по отделам компании. Посетителю всё равно, как у вас устроен отдел продаж, он ищет решение своей задачи. Срок: 5–10 дней.

Шаг 3. Нарисовать прототип

Прототип — схема страниц без картинок и цвета: где заголовок, где форма, в каком порядке идут блоки, что видно на первом экране. Смотреть на него скучно, и именно поэтому этап часто пропускают, сразу заказывая красивый дизайн. Потом выясняется, что на главной негде разместить преимущества, и красивый макет переделывают целиком. Срок: 5–10 дней.

Шаг 4. Сделать дизайн

Обычно рисуют главную, одну-две внутренние страницы и мобильную версию, остальное собирается из готовых блоков. Полезная привычка: смотреть макет не в презентации на большом мониторе, а с телефона — в реальности больше половины посетителей придут именно оттуда. Срок: 2–4 недели с учётом правок.

Шаг 5. Свёрстать страницы

Макет превращается в страницы, которые одинаково открываются в разных браузерах и на разных экранах. На этом этапе проверяют не только внешний вид: скорость загрузки, поведение при медленном интернете, читаемость при увеличении шрифта. Срок: 1–3 недели.

Шаг 6. Подключить систему управления

Страницы связываются с CMS, чтобы редактор мог менять тексты без программиста. Сюда же входят формы, оплата, обмен с учётной системой, почтовые уведомления. Этап опасен тем, что зависит от третьих сторон: платёжный провайдер, банк, 1С отвечают по своему графику, и планировать «две недели и точно» здесь нельзя. Срок: 2–5 недель.

Шаг 7. Наполнить содержанием

Тексты, фотографии, описания, переводы, заголовки title и description для каждой страницы. Это единственный этап, который заказчик способен затянуть на месяцы — и делает это регулярно. Если материалов нет, честнее сразу заложить в смету копирайтера и фотосъёмку, чем ждать, пока директор найдёт время «накидать текст». Срок: 1–3 недели.

Шаг 8. Запустить

Домен, хостинг, сертификат, перенос с тестового адреса, аналитика, подключение к Яндекс.Вебмастеру и Search Console, проверка форм. Полдня работы, если всё подготовлено, и несколько нервных дней, если доступы к домену остались у бывшего подрядчика. Срок: 2–5 дней.

Итого корпоративный сайт занимает от полутора до трёх месяцев. Лендинг делается за одну-три недели, магазин с интеграциями — от трёх месяцев и дольше.

Пять ошибок, которые дорого обходятся

• Домен зарегистрирован на подрядчика. При расставании вы теряете адрес вместе со всеми накопленными позициями в поиске. Проверяйте карточку домена в первый же день.
• Тестовая копия осталась открытой для поиска. Поисковик индексирует её наравне с основным сайтом, и две одинаковые версии начинают конкурировать между собой.
• robots.txt приехал с тестового сервера. Строка Disallow: / закрывает сайт целиком, и об этом узнают через месяц, когда замечают, что трафика нет.
• Формы никто не проверил с реальной отправкой. Заявки уходят на почтовый ящик, к которому никто не имеет доступа, — классика, которая обнаруживается через недели.
• Сайт запущен и забыт. Без новых материалов позиции в поиске через несколько месяцев начинают сползать, и виноват в этом не подрядчик, а отсутствие плана публикаций.

Коротко

Порядок важнее скорости: задача, структура, прототип, дизайн, вёрстка, система, контент, запуск. Больше половины срока обычно уходит на ожидание материалов от заказчика, поэтому договариваться о сроках нужно с привязкой к передаче материалов. Перед публикацией пройдитесь по чек-листу: домен на вас, https работает, формы отправляются, аналитика считает, robots.txt не закрывает сайт. А после запуска запланируйте регулярные публикации — иначе через полгода придётся объяснять себе, почему сайт «не работает».