Создание сайтов — это часть IT-сферы, которая официально называется веб-разработкой: проектирование, дизайн, вёрстка, программирование, наполнение и запуск сайта. Кто отвечает за создание сайтов: им занимаются как студии с десятком ролей, так и один вебмастер, который совмещает все этапы. Ниже — из чего состоит создание сайтов, как называются профессии внутри, что предполагает работа над сайтом со стороны заказчика и как составить ТЗ, чтобы исполнитель понял задачу с первого раза.
Нужен сайт, а не курс по веб-разработке? Создание сайтов под ключ: все этапы делаю сам, без субподрядчиков. Лендинг от 15 000 ₽ за 3–7 дней, сайт-визитка от 25 000 ₽ за 7–14 дней, корпоративный сайт от 40 000 ₽. Договор, чек самозанятого, гарантия 12 месяцев.
Тридцать страниц поиска: пятнадцать конструкторов и ни одного объяснения
Я разобрал тридцать страниц, которые поиск показывает по запросу «создание сайтов им» и его вариантам: «создание сайтов называется», «создание сайтов из чего состоит», «создание сайтов это IT-сфера».
Пятнадцать страниц — конструкторы: «создайте сайт за 3 минуты с ИИ». Семь — инструкции «как сделать сайт самому». Пять — каталоги исполнителей на Профи и Яндекс Услугах с цифрами вроде «1690 веб-разработчиков» и «от 5 980 рублей». Две — страницы веб-студий, одна — старая статья на Хабре о семинаре для школьников.
Получается, что человек спрашивает «что такое создание сайтов и из чего оно состоит», а поиск отвечает «создайте сайт сейчас». Такой ответ подходит тому, кто уже решил делать сам. Тому, кто выбирает профессию, пишет ТЗ или хочет понять, за что платит студии, он не помогает.
Как называется создание сайтов
Создание сайтов называется веб-разработкой. Внутри неё есть более узкие названия, и в вакансиях, договорах и курсах они значат разное.
- Веб-разработка — общее название всей работы, от идеи до запуска.
- Фронтенд-разработка — то, что видит и с чем работает посетитель в браузере: вёрстка, кнопки, формы, анимация.
- Бэкенд-разработка — то, что работает на сервере: обработка заявок, база данных, личные кабинеты, связь с CRM и оплатой.
- Веб-дизайн — внешний вид и удобство: макеты страниц, сетка, шрифты, цвета.
- Вёрстка — превращение макета в код HTML и CSS, который браузер показывает одинаково на компьютере и телефоне.
- Вебмастер — исторически человек, который делает и обслуживает сайт целиком. Сегодня так называют специалиста-универсала, который ведёт сайт от создания до продвижения.
В документах встречается ещё одно название — «разработка программного обеспечения»: в классификаторах видов деятельности создание сайтов относится к разработке компьютерного программного обеспечения. Это важно для ИП и компаний, которые выбирают коды деятельности.
Путаница в названиях мешает и заказчикам. Человек ищет «программиста для сайта», а ему нужен вебмастер, который сделает всё целиком. Или заказывает «дизайн сайта» и удивляется, что получил картинку макета, а не работающий сайт: макет ещё нужно сверстать и подключить к серверу. Поэтому в договоре и ТЗ стоит писать не название профессии, а результат: «работающий сайт на домене заказчика с формой заявки и настроенной аналитикой».
Создание сайтов — это IT-сфера?
Да, создание сайтов — это IT-сфера, и одна из самых массовых её частей. IT-создание сайтов отличается от разработки мобильных приложений, игр или банковских систем тем, что результат работает в браузере и доступен любому человеку по адресу. Порог входа ниже: первую страницу можно сделать за вечер, но путь до сайта, который приносит заявки, — длинный.
Область создания сайтов при этом шире чистого программирования: в неё входят аналитика, дизайн, тексты и продвижение. Поэтому в «IT-сферу создания сайтов» приходят не только программисты, но и дизайнеры, копирайтеры, маркетологи. Именно поэтому один сайт может делать и пять человек, и один.
Создание сайтов: из чего состоит работа
Чтобы понять, из чего состоит создание сайтов, удобно посмотреть на готовую страницу и спросить про каждый её кусок: кто это сделал и на что в нём смотреть. Нажмите на любую часть схемы.
Нажмите на часть страницы слева — здесь появится, что это, кто её делает и на что смотреть.
Шапка и меню
Логотип, контакты, разделы сайта. Проектирует аналитик или дизайнер, верстает фронтенд-разработчик.
Главное: меню отражает структуру сайта, а она — то, что ищут клиенты. Структуру решают до дизайна.
Первый экран
Заголовок с предложением, кнопка действия, изображение. Текст пишет копирайтер или маркетолог, вид — дизайнер.
Главное: за несколько секунд понятно, что здесь предлагают и что сделать дальше.
Блоки услуг, цены, примеры
Основное содержание. Тексты, фото, кейсы, отзывы собирают заказчик и копирайтер, дизайнер раскладывает, верстальщик делает удобным на телефоне.
Главное: контент. Без него даже красивый макет пустой — и это этап, который чаще всего задерживает запуск.
Форма заявки
Видимую часть верстает фронтенд-разработчик, отправку письма, защиту от спама и связь с CRM — бэкенд-разработчик.
Главное: заявка гарантированно доходит, есть согласие на обработку данных, цель в Метрике считает отправки.
Подвал
Реквизиты, контакты, ссылки на политику конфиденциальности и документы.
Главное: юридически обязательные сведения и документы о персональных данных на месте.
Невидимое
Хостинг, домен, SSL, CMS или код, база данных, заголовки для поисковиков, микроразметка, карта сайта, аналитика. Это бэкенд, системное администрирование и SEO.
Главное: посетитель этого не видит, но именно от этого зависит скорость, безопасность и то, найдут ли сайт в поиске.
Из схемы видно главное: сайт — это не только код. Создание сайтов предполагает аналитику (что и для кого), дизайн, контент, вёрстку и программирование, техническую часть и подготовку к поиску. В студии это пять-семь ролей, у частного вебмастера — один человек, который переключается между ними.
Что предполагает создание сайта со стороны заказчика
Частая ошибка — думать, что после оплаты сайт появится сам. Создание сайтов предполагает участие заказчика на трёх этапах, и от них сроки зависят больше, чем от исполнителя.
- Задача и ТЗ. Что должен делать сайт, для кого, какие разделы. Без этого исполнитель угадывает, а угаданное потом переделывается.
- Контент. Тексты об услугах, цены, фотографии, примеры работ, реквизиты. Копирайтер может написать тексты, но факты о бизнесе знаете только вы.
- Согласования. Структура, макет, готовый сайт перед запуском. Чем быстрее ответ, тем быстрее запуск.
Как работает сайт: браузер, сервер и база
Чтобы говорить с исполнителем на одном языке, достаточно понимать схему из трёх частей. О создании сайтов часто говорят как о «рисовании страниц», но страница — только то, что приходит в браузер.
Лендинг может состоять только из первой части и маленького скрипта формы на сервере. Интернет-магазин использует все три: каталог хранится в базе, корзина и оплата работают на сервере, а витрина — в браузере. Отсюда и разница в цене: лендинг от 15 000 рублей, магазин от 60 000.
ТЗ на создание сайтов: соберите по шагам
ТЗ на создание сайта не обязано быть документом на тридцать страниц. Для лендинга или визитки хватит одной страницы ответов на восемь вопросов. Мастер ниже задаёт их по одному и в конце соберёт черновик ТЗ, который можно отправить любому исполнителю.
Шаг 1 из 8
1. Какой сайт нужен?
2. Чем вы занимаетесь и для кого?
3. Что должен сделать посетитель?
4. Какие разделы нужны?
5. Тексты и фото готовы?
6. Сайты, которые нравятся (и чем)
7. Что сайт должен уметь?
8. Срок и бюджет
Черновик ТЗ готов
Черновик из мастера — не готовое ТЗ для портала, но для лендинга, визитки и небольшого корпоративного сайта его хватает. Исполнитель задаст уточняющие вопросы, и после ответов это превращается в приложение к договору.
Совет вебмастера: в ТЗ важнее всего пункт 3 — какое действие посетителя считать результатом. Именно от него зависят структура, кнопки, форма и то, как вы потом поймёте, работает ли сайт. Если его нет, всё остальное — описание внешнего вида.
Учиться создавать сайты или заказать
Часть людей ищет «о создании сайтов» не как заказчики, а как будущие специалисты. Веб-разработке учат по-разному: в колледжах и вузах по направлениям вроде «Информационные системы и технологии» (сокращение ИС часто встречается в запросах), на программах программной инженерии, включая ВШЭ, а также на онлайн-курсах. Конкретные программы и их содержание меняются каждый год — проверяйте на сайтах самих учебных заведений.
❌ Учиться ради одного сайта
- Месяцы на основы, прежде чем выйдет что-то рабочее
- Первый сайт — учебный, его придётся переделывать
- Бизнес ждёт, пока вы учитесь
✅ Учиться ради профессии
- Веб-разработка — массовая часть IT с понятным входом
- Первые заказы — с простых лендингов
- Можно расти в фронтенд, бэкенд или в вебмастера-универсала
Если сайт нужен для своего бизнеса, разумнее заказать его, а самому разобраться ровно настолько, чтобы составить ТЗ и принять работу. Эта статья — как раз этот минимум. Понимая, из каких частей состоит сайт и кто делает каждую, вы сможете сравнить сметы разных исполнителей по существу, а не только по итоговой цифре.
Студия или один человек: как делится работа
Одна и та же работа по созданию сайта распределяется по-разному. В студии над визиткой могут работать менеджер проекта, аналитик, дизайнер, верстальщик, программист и тестировщик. У каждого своя очередь задач, и проект переходит от одного к другому. У частного вебмастера все роли — у одного человека, и передачи между ними нет.
- Студия сильнее на больших проектах: порталах, сервисах с личными кабинетами, интеграциях с учётными системами, где нужна параллельная работа нескольких специалистов.
- Один вебмастер выгоднее на лендингах, визитках, корпоративных сайтах и небольших магазинах: нет наценки на менеджмент, вы говорите напрямую с тем, кто делает, и никто не теряет ваши пожелания при передаче.
- Цена различается в первую очередь из-за числа людей: каждый участник проекта закладывает в смету свои часы и согласования.
Отсюда и разброс в каталогах из выдачи: «от 5 980 рублей» за услугу у фрилансера и «от 50 000 рублей» у студии — это не всегда разное качество, чаще разный объём работы и разное число людей в проекте.
Как ищут эту тему и что за запросами стоит
Запросы о том, что такое создание сайтов, часто набирают обрывками, и за каждым стоит своя задача.
- «ТЗ создание сайтов» — человек готовится заказывать и хочет понять, что написать исполнителю. Ответ — мастер выше.
- «IT сфера создание сайтов», «ИТ создание сайтов» — выбирают профессию или проверяют, относится ли веб-разработка к IT. Относится.
- «ИС создание сайтов», «ВШЭ создание сайтов» — ищут, где учиться: направления по информационным системам и программы вузов.
- «Создание сайтов из чего состоит», «создание сайтов предполагает» — хотят понять объём работы, чтобы оценить цену или сроки.
Когда меня спрашивают, чем я занимаюсь, я говорю «делаю сайты», и обычно это понимают как «рисую страницы». На деле рисование — дай бог пятая часть работы. Остальное — разобраться, что нужно бизнесу, собрать структуру, дождаться текстов, связать форму с почтой и CRM, настроить аналитику и сделать так, чтобы сайт нашли. Поэтому один и тот же «сайт на пять страниц» может стоить 15 тысяч и 150.
— Александр Рожков
Есть ТЗ из мастера или хотя бы пара абзацев о задаче? Пришлите — отвечу, какой сайт подойдёт, сколько он будет стоить и за какой срок. Условия — на странице создания сайтов, ориентир — в калькуляторе.
Итог
Создание сайтов называется веб-разработкой и относится к IT-сфере. Из чего состоит создание сайтов: аналитика, дизайн, контент, фронтенд, бэкенд, техническая часть и SEO. В студии это отдельные роли, у частного вебмастера — один человек. Создание сайтов предполагает участие заказчика: задача, контент, согласования. А ТЗ для небольшого сайта укладывается в восемь вопросов, главный из которых — какое действие посетителя считать результатом.
Если хотите передать всю работу одному человеку — условия на странице создания сайтов.
Опрос
Почему вы интересуетесь созданием сайтов?
Проголосуйте, чтобы увидеть, как думают другие читатели
Часто задаваемые вопросы
Как называется создание сайтов?
Веб-разработка. Внутри неё — веб-дизайн, вёрстка, фронтенд- и бэкенд-разработка. Специалиста, который ведёт сайт целиком, называют вебмастером.
Создание сайтов — это IT-сфера?
Да. Веб-разработка — одна из самых массовых частей IT, наряду с мобильной разработкой, данными и инфраструктурой. В классификаторах она относится к разработке программного обеспечения.
Из чего состоит создание сайта?
Из аналитики и структуры, дизайна, контента, вёрстки, программирования серверной части, технической настройки (домен, хостинг, SSL) и подготовки к поиску.
Что предполагает создание сайта со стороны заказчика?
Сформулировать задачу, подготовить или согласовать контент и вовремя согласовывать структуру, макет и готовый сайт. От этого зависит срок больше, чем от исполнителя.
Как составить ТЗ на создание сайта?
Для небольшого сайта хватит ответов на восемь вопросов: тип сайта, бизнес и аудитория, целевое действие, разделы, контент, примеры, функции, срок и бюджет. Мастер в статье соберёт черновик.
Сколько стоит создание сайта?
Лендинг — от 15 000 ₽ за 3–7 дней, сайт-визитка — от 25 000 ₽ за 7–14 дней, корпоративный сайт — от 40 000 ₽, интернет-магазин — от 60 000 ₽.
Где учат создавать сайты?
В колледжах и вузах по IT-направлениям, на онлайн-курсах и самостоятельно. Для своего бизнеса обычно выгоднее заказать сайт, а самому научиться ставить задачу и принимать работу.