💼 Кейсы ⏱ 14 мин 👁 23

Создание и разработка сайта: кто его делает, где он живёт до запуска, что на каждом этапе делаете вы — и что происходит потом

Разработка сайта изнутри: восемь ролей, три среды и шесть этапов

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

Я пятнадцать лет исполняю все восемь ролей один и хорошо вижу, какая из них сколько весит. Заказчик обычно думает, что платит за дизайн и код. На деле заметная часть работы — это разбор задачи в начале и проверка в конце, то есть то, чего на готовом сайте не видно.

Нужен сайт, где за все роли отвечает один человек? Создание сайтов: лендинг от 15 000 ₽, визитка от 25 000 ₽, корпоративный сайт от 40 000 ₽, интернет-магазин от 60 000 ₽. Договор, фиксированная цена, гарантия 12 месяцев.

Тридцать страниц поиска: «под ключ» — семнадцать, развитие — ноль

Я разобрал заголовки и описания тридцати страниц по запросу «создание разработка сайта». Девятнадцать принадлежат студиям и агентствам, пять — каталогам исполнителей, две — конструкторам, четыре — статьям об этапах. Каталоги предлагают выбор от 141 до 12 107 человек. Цены «от» у студий расходятся от 15 000 до 200 000 ₽, у каталога — от 5 980 ₽. Сроки — от «двух дней» до «десяти дней».

Что написано на 30 страницах из поиска «Под ключ»17 «Любой сложности»11 Продвижение10 Поддержка9 Этапы работы4 Развитие сайта0

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

2 из 19

Из девятнадцати студий только две говорят, кто именно работает над сайтом: одна обещает «опытных разработчиков», другая — «100+ специалистов». Кто из них дизайнер, кто отвечает за тексты и кто проверяет результат, не сообщает никто.

Создание сайта: разработчики — это восемь ролей

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

Восемь ролей: кто делает сайт 1. Аналитикзадача, аудитория,запросы 2. Проектировщикстраницы, блоки,сценарии 3. Автор текстовзаголовки, описанияуслуг 4. Дизайнероформление,макеты 5. Верстальщикмакет превращаетсяв страницы 6. Программистформы, каталог,редактор 7. Тестировщикпроверка на экранахи в браузерах 8. Запускдомен, сервер,счётчик, поиск

Сколько весит каждая роль, зависит от сайта. Выберите свой тип.

Лендинг: главные — аналитик и автор текстов

Страница одна, и вся она — довод в пользу одного действия. Основной труд — понять, кому и что говорим, и написать это коротко. Программиста почти нет: одна форма. Дизайнер важен, но вторичен — он оформляет готовый довод.

Когда вам называют цену, полезно спросить, какие из восьми ролей в неё входят. Самые частые пропуски — первая, третья и седьмая: задачу «и так понятно», тексты «пришлёт заказчик», а проверяет тот же, кто делал, и в тот же вечер.

Сайт, веб-страница, интернет-страница: коротко о словах

В запросах эти слова идут вперемешку: «создание сайта, разработка веб-страницы», «создание веб-сайта, разработка интернет-страниц». Различие простое. Страница — один документ с собственным адресом. Сайт — набор страниц под одним доменом, связанных общим меню и оформлением. Лендинг — сайт из одной страницы, поэтому для него оба слова верны.

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

Создание сайта: найти разработчика — четыре места и что там искать

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

  • Студия или агентство. Все восемь ролей закрыты разными людьми, есть замена на случай болезни. Цена включает содержание офиса и менеджеров; общаетесь вы обычно с менеджером, а не с тем, кто делает.
  • Каталог исполнителей. Тысячи анкет и цены «от». Выбор огромный, отсев — на вас: рейтинг в каталоге говорит о вежливости и сроках, а не о том, приносит ли сделанный сайт заявки.
  • Частный вебмастер. Один человек на все роли, прямой разговор, цена ниже. Риск — зависимость от одного человека; он снимается договором и тем, что доступы и исходные файлы хранятся у вас.
  • Конструктор. Разработчик — вы сами. Подходит, когда сайт простой, а времени у вас больше, чем денег.

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

Создание сайта: разработчики обсуждают структуру страниц и техническое задание

Среда разработки: три места, где живёт сайт

«Среда разработки» звучит как дело программистов, но заказчику полезно знать одно: пока сайт создаётся, он существует в трёх местах, и перепутать их — значит показать клиентам недоделанное.

Три среды: путь сайта от черновика до посетителя Локальная компьютер разработчика редактор кода,сервер на своей машине видит только он Тестовая закрытый адрес в интернете вы смотрите, проверяетеи даёте правки видят двое Рабочая ваш домен и хостинг сюда приходят клиентыи поисковые системы видят все ›› Тестовая среда закрыта от поиска — иначе недоделанные страницы попадут в выдачу.

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

Два вопроса, которые стоит задать до начала. Закрыта ли тестовая площадка от поисковых систем? И где хранятся версии — можно ли вернуть сайт к вчерашнему состоянию, если правка всё испортила? Если на оба ответа «не знаю», сайт правят прямо на рабочем домене, на глазах у посетителей.

Разработка ТЗ на создание сайта: кто его пишет

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

В задании на небольшой сайт достаточно шести разделов:

  1. Цель. Какое действие посетителя считается успехом.
  2. Страницы. Список с назначением каждой.
  3. Блоки главной. Сверху вниз, с тем, что в каждом сказано.
  4. Функции. Формы, расчёты, запись, каталог — что и как должно работать.
  5. Материалы. Кто даёт тексты и фотографии и к какой дате.
  6. Приёмка. По каким признакам работа считается сделанной.

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

Создание, разработка, запуск сайта: шесть этапов с двух сторон

Создание сайта и этапы разработки обычно описывают глазами исполнителя. Но у заказчика на каждом этапе своя работа, и сроки чаще срываются на его стороне. Переключайте вид.

  1. Бриф и знакомство. Задаёт вопросы о деле, смотрит конкурентов и запросы, составляет задание.
  2. Прототип и дизайн. Рисует схему страниц, затем оформление — сначала для телефона.
  3. Разработка. Верстает, подключает формы и редактор, настраивает основу для поиска.
  4. Приёмка и правки. Открывает тестовый адрес, принимает замечания, исправляет.
  5. Перенос на рабочий сервер. Привязывает домен, включает защищённое соединение, ставит счётчик, открывает сайт поиску.
  6. Сопровождение и рост. Обновляет, чинит, добавляет страницы, отчитывается.

Типичный проект у меня занимает около трёх недель. Подробно каждый шаг описан на странице «Этапы разработки сайта».

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

— Александр Рожков

Создание сайта застройщика: разбор примера

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

  • Подбор квартир. Фильтр по числу комнат, площади, этажу и цене, планировки, схема этажа. Данные должны обновляться из системы учёта продаж, а не вручную — иначе на сайте окажется уже проданная квартира.
  • Страница объекта. Расположение, окружение, сроки сдачи, отделка. Фотографии и изображения здесь работают сильнее текста.
  • Ход строительства. Фотоотчёты по датам. Раздел, который читают внимательнее всех остальных.
  • Условия покупки. Ипотека, рассрочка, расчёт платежа, список банков.
  • Документы. Обязательные сведения застройщик раскрывает в единой информационной системе жилищного строительства; на своём сайте на них удобно дать ссылки. Точный перечень — вопрос к юристу компании, а не к разработчику.
  • Связь. Запись на просмотр, обратный звонок, передача заявок в отдел продаж без потерь.

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

Создание сайта с развитием: что происходит после запуска

В выдаче развития нет, а в жизни оно занимает больше времени, чем создание. Создание и развитие сайта относятся друг к другу как постройка дома и жизнь в нём. Компания меняется — меняется и сайт.

  1. Первые три месяца. Исправление того, что показала статистика: непонятные заголовки, страницы, с которых уходят, формы, которые не заполняют.
  2. Полгода. Новые страницы под запросы, которые нашлись в поиске, и под услуги, которые появились у вас.
  3. Год. Пересмотр структуры: что читают, что нет, чего не хватает. Обновление фотографий и цен.
  4. Дальше. Новые возможности: запись, оплата, личный кабинет, вторая языковая версия.

Развитие бывает двух видов. Раскрутка — когда на сайт приводят больше людей: поиск, карты, реклама. И доработка — когда сам сайт становится удобнее и полнее. Нужны оба: бессмысленно вести посетителей на страницу, где нет цен, и так же бессмысленно шлифовать страницу, на которую никто не заходит.

Сайт уже есть и ему пора расти? Новые страницы и возможности беру как доработку сайта, регулярные обновления — как поддержку от 10 000 ₽ в месяц. А с чего начать, покажет аудит.

Создание, разработка и запуск сайта: проверка страниц на тестовом адресе перед переносом

Итог

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

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

Нужен сайт или продвижение?

Расскажите о задаче — отвечу в течение часа.

Написать в Telegram

Опрос

Кому вы доверили бы разработку сайта?

Проголосуйте, чтобы увидеть, как думают другие читатели

Часто задаваемые вопросы

Чем создание сайта отличается от разработки?

Ничем: это разные названия одной работы, как и «изготовление». Иногда «разработкой» называют только программную часть, а «созданием» — всё вместе, включая тексты и запуск. Чтобы не гадать, смотрите перечень работ в договоре.

Кто нужен, чтобы сделать сайт?

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

Кто должен писать техническое задание?

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

Что такое тестовая площадка?

Закрытый адрес в интернете, где сайт размещён до запуска. Там вы его проверяете и даёте правки. Площадка должна быть закрыта от поисковых систем. На ваш домен сайт переносят после приёмки.

Как найти разработчика сайта?

Среди студий, в каталогах исполнителей или среди частных специалистов. Оценивайте по живым сайтам в портфолио, договору с перечнем работ и по тому, какие вопросы человек задаёт о вашем деле до начала.

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

У меня лендинг — 3–7 дней, визитка — 7–14 дней, корпоративный сайт — 2–4 недели, интернет-магазин — 3–6 недель. Срок сильнее всего зависит от того, когда готовы тексты и фотографии.

Что входит в развитие сайта после запуска?

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

разработка сайтасоздание сайтаэтапы разработкитехническое заданиесайт застройщикаразвитие сайта
Александр Рожков — частный вебмастер
Александр Рожков
Вебмастер · SEO-специалист · 15+ лет · 200+ проектов
Частный вебмастер в Москве. 200+ сайтов под ключ, 15+ лет опыта. Создаю сайты, настраиваю SEO и рекламу лично — без субподрядчиков.
О себе
Поделиться:
Все статьи