Когда заказчик впервые сталкивается с разработкой, кажется, что сайт «просто рисуют и публикуют». На деле это цепочка этапов, и каждый следующий опирается на предыдущий. Если понимать порядок, проще контролировать процесс, не торопить команду в неудачный момент и вовремя дать обратную связь.
01Бриф и сбор требований
Всё начинается с разговора о бизнесе, а не о дизайне. На этом этапе команда выясняет, зачем вам сайт, кто ваши клиенты, какие услуги или товары важнее всего и что вы считаете результатом — заявки, звонки, заказы. Сюда же входит изучение конкурентов и ваших пожеланий к оформлению.
Итог брифа часто оформляют в виде технического задания — документа, который фиксирует договорённости и защищает обе стороны. Как его составить, мы подробно разобрали в материале про техническое задание на сайт. Чем честнее и полнее пройден этот шаг, тем меньше переделок будет дальше.
02Структура и прототип
Дальше определяют, из каких страниц состоит сайт и какие блоки на них идут. Для сайта услуг тут полезно продумать логику разделов — об этом есть отдельная статья про структуру сайта услуг.
Когда состав страниц ясен, рисуют прототип — чёрно-белую схему без цвета и картинок, на которой видно расположение блоков и переходы. Это самый дешёвый момент для правок: переставить блоки на схеме легко, а в готовом дизайне — уже дорого. Почему этот шаг так важен, мы разбираем в материале про прототип сайта.
03Дизайн
Только после утверждённого прототипа начинается отрисовка дизайна: фирменные цвета, шрифты, иллюстрации, стиль кнопок и заголовков. Дизайнер работает по согласованной схеме, поэтому не приходится переделывать макеты по кругу.
На этом этапе важна ваша обратная связь, но по делу: дизайн оценивают не по принципу «нравится/не нравится», а по тому, понятен ли он целевому клиенту и ведёт ли к заявке. Обычно макеты проходят несколько итераций правок, прежде чем их утверждают и передают в вёрстку.
Порядок не случаен: сначала договариваемся о сути на прототипе, потом наводим красоту в дизайне. Перепрыгнуть этап — значит платить за правки дважды.
04Вёрстка и разработка
Утверждённый дизайн превращают в работающий сайт. На этом этапе делают сразу несколько вещей:
- Вёрстка. Макеты «оживают» в браузере и начинают корректно работать на компьютерах, планшетах и смартфонах.
- Функции. Подключают формы заявки, кнопки мессенджеров, при необходимости — каталог, оплату, интеграции с CRM.
- Адаптивность. Проверяют, что на телефоне всё так же удобно, как на большом экране, — а это сегодня основной трафик.
Здесь же закладывают техническую готовность к продвижению: корректную разметку, возможность задавать заголовки и адреса страниц. Это тот фундамент, на котором потом строится SEO-продвижение.
05Наполнение контентом
Сайт без текстов и фотографий — пустая оболочка. На этом этапе страницы наполняют: пишут тексты об услугах, добавляют изображения, отзывы, цены или ориентиры по ним. Качество контента напрямую влияет и на доверие клиентов, и на позиции в поиске, поэтому тексты лучше готовить осмысленно, а не «лишь бы заполнить».
Кто именно готовит контент — заказчик, команда или совместно — желательно решить ещё на этапе ТЗ. Незакрытый вопрос с текстами и фото чаще всего и затягивает сроки запуска.
06Тестирование и запуск
Перед публикацией сайт проверяют целиком: работают ли формы и доходят ли заявки, корректно ли всё отображается в разных браузерах и на телефонах, нет ли битых ссылок и опечаток, быстро ли грузятся страницы. Обязательный шаг — подключить Яндекс.Метрику и настроить цели на заявки, иначе после запуска вы не будете видеть, работает сайт или нет.
После проверки сайт публикуют на домене и хостинге. Для локального бизнеса нелишне сразу добавить карточку в Яндекс Бизнес и на Карты — это отдельный источник обращений помимо самого сайта.
07Поддержка и развитие
Запуск — не финал, а старт. Сайт нужно поддерживать: обновлять, добавлять услуги и материалы, следить за корректной работой форм и анализировать, откуда приходят заявки и по какой цене. Именно на этом этапе сайт из «сделанного объекта» превращается в инструмент, который приносит клиентов.
Сколько занимает вся разработка, зависит от типа сайта и того, как быстро согласуются этапы и готовится контент. Реальные сроки по форматам мы разбираем в материале о том, сколько времени делается сайт под ключ. А что входит в работу и форматы сотрудничества — на странице создания сайтов и в тарифах.
Сайт по понятным этапам
Мы ведём разработку по шагам: бриф и ТЗ, прототип, дизайн, вёрстка, наполнение, тестирование и запуск. На каждом этапе вы понимаете, что происходит и когда нужно ваше участие, а после запуска сайт остаётся под поддержкой и развивается.
Официальная документация по теме — Справка Яндекс.Вебмастера.