Заказчик, впервые работающий с веб-студией, часто представляет процесс так: обсудили, оплатили, через месяц получили готовый сайт. На деле между первым письмом и запуском проходит несколько этапов, и на каждом от заказчика требуется участие — пусть и небольшое. Когда вы понимаете, что происходит на каждом шаге и чего от вас ждут, проект идёт быстрее, а результат совпадает с ожиданиями. Рассказываем, как устроена работа в нашей студии, — от знакомства до передачи готового сайта.
Этап первый: знакомство и анализ задачи
Всё начинается с разговора о бизнесе, а не о сайте. Нам важно понять, чем занимается компания, кто её клиенты, откуда они сейчас приходят и что должно измениться после запуска сайта. Иногда в процессе выясняется, что заказчику нужен вовсе не новый сайт, а доработка существующего, или что задача лучше решается лендингом под рекламу, чем большим корпоративным порталом.
На этом этапе мы:
- просим заполнить бриф или проводим созвон по ключевым вопросам;
- изучаем сайты конкурентов, на которые ориентируется заказчик;
- смотрим текущий сайт, если он есть: что работает, что нет, какие страницы приносят трафик;
- уточняем бюджет и желаемые сроки.
Что нужно от заказчика: честные ответы на вопросы о бизнесе, примеры сайтов, которые нравятся, и понимание, кто со стороны компании будет принимать решения.
Этап второй: коммерческое предложение и договор
По итогам анализа мы готовим предложение: состав работ, формат сайта, перечень страниц и функций, сроки и стоимость. Если задача объёмная, предложение может включать несколько вариантов — базовый и расширенный, — чтобы заказчик сам выбрал оптимальное соотношение цены и возможностей.
После согласования подписывается договор. В нём фиксируются объём работ, сроки, порядок оплаты и приёмки, количество кругов правок, права на результат. Для крупных проектов мы применяем поэтапную оплату: заказчик платит за каждый этап по мере его завершения, а не всю сумму вперёд.
Что нужно от заказчика: внимательно прочитать предложение и договор, задать вопросы по всему непонятному. Лучше потратить час сейчас, чем спорить о договорённостях в конце проекта.
Этап третий: структура и прототип
Это фундамент проекта. Мы составляем карту сайта — перечень всех страниц и их вложенность — и создаём прототипы ключевых страниц. Прототип — это схема без цветов и картинок, где показано, какие блоки будут на странице и в каком порядке. Он выглядит как набор серых прямоугольников с подписями, и именно в этом его ценность: внимание не отвлекается на оформление, обсуждается только логика.
Параллельно, если сайт будут продвигать в поиске, собирается семантическое ядро — список запросов, по которым ищут ваши услуги. От него зависит, какие страницы нужны и как они называются.
Совет от студии: именно на этапе прототипа правки обходятся дешевле всего. Переставить блок в схеме — минута работы, переделать свёрстанную страницу — часы. Если сомневаетесь в каком-то решении, обсуждайте его сейчас.
Что нужно от заказчика: проверить, все ли важные услуги и разделы учтены, и убедиться, что порядок блоков отражает то, как вы продаёте.
Этап четвёртый: дизайн
На основе утверждённых прототипов дизайнер создаёт визуальный макет. Обычно сначала разрабатывается дизайн главной страницы — он задаёт стиль всего сайта: цвета, шрифты, характер изображений, вид кнопок и форм. После её утверждения отрисовываются остальные типовые страницы: страница услуги, каталог, статья, контакты.
Дизайн сразу готовится в двух вариантах — для компьютера и для смартфона. Мобильная версия — не уменьшенная копия, а отдельно продуманная раскладка, в которой главное остаётся на виду.
Что нужно от заказчика: логотип и фирменный стиль в исходных файлах, если они есть, а также собранные и конкретные замечания. Формулировка «что-то не то» не помогает дизайнеру, а «шапка слишком тёмная, хочется больше воздуха» — помогает.
Этап пятый: вёрстка и программирование
Утверждённый дизайн превращается в работающий сайт. Верстальщик переводит макеты в код, программист устанавливает и настраивает систему управления — в большинстве наших проектов это WordPress, — подключает формы, каталог, фильтры, интеграции с внешними сервисами.
Работа ведётся на тестовом адресе, закрытом от поисковых систем. Заказчик может заходить туда и следить за ходом работ. Здесь же выполняется базовая техническая оптимизация: скорость загрузки, корректные адреса страниц, мета-теги, карта сайта, микроразметка.
Что нужно от заказчика: на этом этапе — готовить контент, если он ещё не готов. Это самое частое узкое место в проекте.
Этап шестой: наполнение и тестирование
Сайт наполняется текстами, фотографиями, товарами, документами. Затем начинается тестирование, которое мы проводим по чек-листу.
| Что проверяем | Как |
|---|---|
| Отображение | В основных браузерах, на компьютере, планшете и нескольких смартфонах |
| Формы | Отправка, приход писем, корректность уведомлений, передача в CRM |
| Ссылки | Отсутствие битых ссылок и пустых страниц |
| Скорость | Время загрузки ключевых страниц, вес изображений |
| Контент | Опечатки, заглушки, правильность цен и контактов |
| Безопасность | Обновления, пароли, защита административной панели |
| Юридические моменты | Наличие политики конфиденциальности и согласий в формах |
Что нужно от заказчика: самостоятельно пройтись по сайту глазами клиента — попробовать найти услугу, оставить заявку, проверить цены и контакты. Вы знаете свой бизнес лучше нас и заметите неточности, которые не видны со стороны.
Этап седьмой: запуск и передача
Когда всё проверено и согласовано, сайт переносится на рабочий домен. Мы открываем его для индексации, подключаем SSL, настраиваем перенаправления со старых адресов, если сайт заменяет прежний, подключаем веб-аналитику и цели, добавляем сайт в панели вебмастеров поисковых систем.
Первые дни после запуска мы внимательно следим за сайтом: проверяем, приходят ли заявки, нет ли ошибок в журнале сервера, корректно ли поисковые роботы обходят новые страницы. Если сайт заменил старый, отдельно контролируем, чтобы перенаправления работали и наработанные позиции не просели.
Заказчик получает:
- все доступы — к хостингу, домену, панели управления сайтом, аналитике;
- инструкцию по редактированию контента — как изменить текст, добавить услугу или новость;
- резервную копию сайта на момент запуска;
- гарантийный период, в течение которого мы бесплатно исправляем ошибки, допущенные при разработке.
Что происходит после запуска
Запуск — это не конец, а начало жизни сайта. Чтобы он приносил клиентов, его нужно продвигать, а чтобы работал стабильно — обслуживать. Обновления системы и плагинов, резервное копирование, мониторинг доступности, небольшие доработки — всё это требует регулярного внимания. Многие наши клиенты после запуска переходят на техническую поддержку, чтобы не думать о технической стороне.
Сроки всего цикла зависят от объёма проекта. Лендинг обычно занимает от одной до трёх недель, корпоративный сайт — от трёх недель до полутора-двух месяцев, интернет-магазин — дольше. Чаще всего сроки сдвигаются не из-за разработки, а из-за ожидания контента и согласований, поэтому быстрые ответы со стороны заказчика ускоряют проект сильнее, чем что-либо другое.
Вывод
Разработка сайта в студии проходит через знакомство, договор, прототип, дизайн, программирование, наполнение с тестированием и запуск. На каждом этапе от заказчика нужно участие: ответы на вопросы, согласования, контент. Чем раньше вносятся правки, тем дешевле они обходятся, поэтому самые важные решения стоит принимать на этапе структуры. Если хотите обсудить свой проект и узнать, как он будет выглядеть по этапам, напишите нам — составим план и оценим сроки.
