В создании и разработке сайтов решает сложность: как её оценить

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

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

Тридцать страниц поиска: «любая сложность» — 11 раз, «этапы» и «принципы» — ни разу

Я просмотрел тридцать страниц, которые поиск показывает по запросам о создании и разработке сайтов, и посчитал, что написано в заголовках и описаниях.

Двадцать три страницы — про Москву, семнадцать обещают «под ключ». Одиннадцать — «любую сложность» или «любой бюджет». Продвижение упоминают десять, поддержку — семь. Цену «от» называют девять страниц: от 5 980 рублей на площадке исполнителей до 130 100 в студии — разница больше чем в двадцать раз. Шесть страниц — площадки с анкетами исполнителей.

Чего нет: ни одна страница не говорит об этапах, принципах или развитии сайта. Проектирование упомянуто один раз. Поиск предлагает исполнителей и цены, но не объясняет, из чего складывается работа и почему одному сайту нужно три дня, а другому три месяца.

Создание или разработка сайтов: есть ли разница

В разговоре эти слова взаимозаменяемы, и спорить о терминах незачем. Но если присмотреться, они смотрят на одно и то же с разных сторон — и к ним стоит добавить третье слово.

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

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

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

• Анализ. Кто клиенты, что они ищут, как устроены сайты конкурентов, какое действие посетитель должен совершить.
• Проектирование. Список страниц, блоки на каждой, путь посетителя от входа до заявки. Результат — схема или прототип.
• Дизайн. Облик: цвета, шрифты, макеты для компьютера и телефона.
• Вёрстка. Превращение макетов в страницы, которые одинаково открываются в разных браузерах и на разных экранах.
• Программирование. Всё, что сайт делает сам: формы, расчёты, каталог, корзина, обмен данными.
• Наполнение. Тексты, фотографии, цены, заголовки и описания страниц для поиска. Создание, написание и оформление текстов — часть работы, а не приложение к ней.
• Запуск. Перенос на хостинг, подключение домена и защищённого соединения, счётчик, проверка всех форм.

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

Создание и разработка сайтов любой сложности: что такое сложность

«Любая сложность» в рекламе означает «берёмся за всё». Для заказчика полезнее другой вопрос: какой сложности мой сайт? Её определяют не страницы сами по себе, а то, что сайт должен уметь. Отметьте, что нужно вам.

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

Принципы разработки и создания сайтов

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

1. От задачи, а не от картинки. Сначала — что посетитель должен сделать, потом — как это будет выглядеть. Сайт, начатый с «хочу красиво», перерисовывают трижды.
2. Содержание раньше дизайна. Макет рисуют под настоящие тексты и фото. Красивый макет с «рыбой» разваливается, когда в него вставляют реальность.
3. Телефон первым. Большая часть посетителей приходит с телефона. Страницу проектируют для узкого экрана и расширяют для широкого, а не наоборот.
4. Простое там, где можно. Каждая функция — это код, который нужно поддерживать. Не нужна — не делаем.
5. Скорость — часть дизайна. Тяжёлая анимация и огромные картинки стоят посетителей. Решение о каждом эффекте принимают с учётом веса страницы.
6. Доступность. Контрастный текст, понятные подписи, описания изображений. Это нужно не только людям с плохим зрением, но и поисковику.
7. Владелец в центре. Домен, хостинг и доступы — на владельце; панель понятна человеку без технической подготовки; сайт можно передать другому специалисту без потерь.

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

Среда разработки для создания веб-сайтов: коротко

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

Проектная деятельность: создание сайта как учебный проект

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

Что обычно спрашивают на защите проектных работ по созданию сайтов и к чему стоит подготовиться:

• почему выбрана именно эта основа — конструктор, система управления или код;
• кто аудитория и как структура сайта отвечает на её вопросы;
• что не получилось и как это исправлено;
• сколько людей посетили сайт и что они сказали;
• что можно было бы развивать дальше.

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

Пять ошибок учебных проектов

Учебные сайты оценивают строже, чем кажется, и спотыкаются они на одном и том же.

1. Сайт ни о чём. «Сайт про всё, что мне нравится» не имеет аудитории. Выберите одну тему и одну группу людей, которым он пригодится.
2. Чужие тексты и картинки. Скопированное из сети легко находится, и это главный повод снизить оценку. Пишите сами, фотографируйте сами, указывайте источники.
3. Сайт только на компьютере автора. Проект без публикации — это файл, а не сайт. Ссылка, которую можно открыть с телефона комиссии, решает многое.
4. Нет обратной связи. Три коротких отзыва от людей из аудитории убедительнее любых слов о том, что сайт удобный.
5. Всё в последнюю неделю. Этапы в паспорте пишут не для формы: если сборка не началась к середине срока, проект не успеет.

Создание сайтов: требуются разработчики — кого искать

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

• Лендинг, визитка, корпоративный сайт — один специалист полного цикла, который проектирует, собирает на готовой основе, наполняет и запускает.
• Магазин и каталог — тот же специалист, если он знает выбранную торговую систему; при сложных интеграциях добавляется программист.
• Портал и сервис — команда: проектировщик, дизайнер, программисты под браузерную и серверную части, тестировщик.

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

Создание и развитие сайтов: первый год после запуска

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

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

Итог

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

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

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

Вебмастер · SEO-специалист · 15+ лет · 200+ проектов

Частный вебмастер в Москве. 200+ сайтов под ключ, 15+ лет опыта. Создаю сайты, настраиваю SEO и рекламу лично — без субподрядчиков.

О себе