Что нужно для разработки сайта: как подготовить задачи, структуру и материалы
Что нужно для разработки сайта: как подготовить задачи, структуру и материалы
Рубрика: Исследования
Нам бы хотелось написать, что для разработки вашего сайта нужны только фотки да пару текстов, но это не так… Понятное дело, что куда проще будет прислать информацию для разработки, если вы серьезно занимаетесь развитием своего бизнеса и знаете всю подноготную, куда сложнее будет собрать информацию, если это ваша первая разработка. Но не боимся, мы специально сделали статью, чтобы у вас был небольшой чек-лист по тому, как подготовиться к нескольким месяцам работ!
Подготовка к разработке сайта начинается с определения бизнес-задач, целевой аудитории, состава страниц и необходимого функционала. Компании также нужно собрать тексты, изображения, сведения о товарах или услугах, документы и доступы к используемым сервисам.
Чем точнее описан будущий сайт, тем проще разработчикам предложить подходящую структуру и рассчитать объем работ. При этом заказчику необязательно самостоятельно разбираться в дизайне, программировании и системах управления.
Что нужно для создания сайта
Для создания сайта необходимо подготовить семь основных групп информации:
Состав материалов всегда зависит от типа проекта. Для лендинга может быть достаточно информации об одной услуге, фотографий, преимуществ и формы заявки. Корпоративному сайту потребуются материалы по каждому направлению. Для каталога или интернет-магазина нужны товарные категории, характеристики, цены, фотографии и правила оформления заказа.
Как определить цели создания сайта
Цель сайта определить легко, просто ответив на вопрос «Какой результат вы хотите получить после запуска?». То есть формулировка «нужен новый сайт» мало того, что не раскрывает задачу, так еще и потом вам может принести убытки. Во всем должна быть четкость и система, поэтому предлагаем рассмотреть некоторые возможные цели.
У одного проекта может быть несколько целей. Их необходимо распределить по приоритету. Например, основной целью может быть получение заявок, дополнительными — демонстрация кейсов и публикация экспертных материалов.
Как связать цель с функциями сайта
Каждой цели должны соответствовать конкретные страницы и функции.
Такой подход помогает исключить функции, которые не участвуют в решении задач бизнеса.
Что нужно подготовить перед созданием сайта
Сбор любой информации — совместная работа как заказчика, так и исполнителя. Заказчик дает информацию, исполнитель на своей стороне ее структурирует, и если что-то было не прислано — поднимает вопрос. Не обязательно, чтобы все материалы были сразу готовы, они могут собираться постепенно, но обратим внимание, чем быстрее вы предоставите информацию, тем быстрее проходит разработка!
Информация о компании
Подготовьте:
Информация об услугах
Для каждой услуги желательно указать:
Если несколько услуг имеют разное назначение, их следует описывать отдельно. Это упростит создание структуры и подготовку страниц для продвижения.
Информация о товарах
Для каталога или интернет-магазина потребуются:
Какие материалы нужны разработчику для создания сайта
Разработчику нужны материалы, которые определяют содержание, внешний вид и функции проекта. Их удобно разделить на текстовые, визуальные, технические и юридические.
Текстовые материалы
К текстовым материалам относятся:
Если готовых текстов нет, заказчик может предоставить свои наработки. В таком случае исполнитель передает всю информацию копирайтеру (главное — договориться о редактуре текстов). И обязательно, ОБЯЗАТЕЛЬНО заказчику необходимо всю информацию проверить на достоверность (доработки по тексту — тоже доработки).
Фотографии и изображения
Для сайта могут понадобиться:
Исходники желательно передавать в максимально доступном качестве. Изображения из мессенджеров и документы со вставленными фотографиями могут иметь сниженное разрешение (мы же не хотим пикселить на сайте?). Логотип лучше предоставить в векторном формате, если такой файл существует.
Необходимо заранее проверить право на использование фотографий, шрифтов, иллюстраций и других материалов (на нашем опыте уже прилетали досудебные претензии за фотографии).
Фирменный стиль
Если у компании есть фирменный стиль, разработчику следует передать:
При отсутствии фирменного стиля нужно определить, какие визуальные решения уже используются и какие элементы необходимо разработать отдельно.
Документы
На сайте могут размещаться: лицензии, сертификаты, реквизиты, договоры, правила оказания услуг, инструкции, технические паспорта, согласия и политики, условия доставки и возврата.
Как определить целевую аудиторию сайта
Целевая аудитория влияет на структуру, содержание и функционал. Для подготовки достаточно описать основные группы пользователей и их задачи. Обычно с конкретизацией портрета аудитории помогает исполнитель, однако вводные от заказчика тоже критически важны.
И, наверное, отметим, ваша целевая аудитория не та, которую вы хотите видеть, а та, которая у вас покупает. Да, в разработке можно косвенно затрагивать миллионеров на Майбахе, но это не всегда верный подход к работе (если ваша целевая аудитория — миллионер на Майбахе — вопросов нет).
Для каждой группы укажите:
Например, производственная компания может работать с конечными заказчиками, дилерами и проектными организациями. Каждой группе требуется своя информация. Заказчику важны характеристики и условия поставки. Дилеру нужны правила сотрудничества. Проектной организации могут потребоваться технические документы.
Если аудитории сильно различаются, для них предусматривают отдельные разделы или страницы.
Как составить структуру будущего сайта
Структура сайта — это перечень страниц и их распределение по разделам. Она формируется на основе услуг, товаров, целевых аудиторий и поискового спроса. Ее составляет исполнитель после проведения всех соответствующих анализов на основе опыта и наработок. Но если у вас есть желание самостоятельно собрать структуру — мы поддержим такую вовлеченность в процесс!
О том, как может собираться структура вашего сайта.
Шаг 1. Собираем все направления. Составьте полный список:
-
услуг;
-
товарных категорий;
-
типов клиентов;
-
регионов;
-
отраслевых решений;
-
кейсов;
-
документов;
-
информационных материалов.
На этом этапе важно ничего не объединять без проверки. Две похожие услуги могут решать разные задачи и требовать отдельных страниц.
Шаг 2. Группируем информацию. Объедините связанные материалы в разделы. Например:
-
«О компании»;
-
«Услуги»;
-
«Каталог»;
-
«Решения»;
-
«Проекты»;
-
«Полезные материалы»;
-
«Контакты».
Внутри раздела «Услуги» можно создать отдельную страницу для каждого направления. В каталоге товары распределяются по категориям и подкатегориям.
Шаг 3. Определяем назначение страниц. Для каждой страницы укажите:
-
кому она предназначена;
-
на какой вопрос отвечает;
-
какую информацию содержит;
-
какое действие предлагается пользователю;
-
связана ли она с другими страницами;
-
планируется ли ее продвижение.
Если назначение страницы невозможно объяснить, следует проверить необходимость ее добавления.
Шаг 4. Проверяем навигацию (задача с галочкой). Пользователь должен находить нужную услугу или товар без изучения всех разделов. Названия пунктов меню следует формулировать понятно. Внутренние термины компании могут быть неизвестны клиентам.
Для сложных проектов также предусматривают поиск, фильтры, ссылки между связанными страницами и навигационную цепочку, показывающую положение пользователя в структуре.
Пример структуры корпоративного сайта
Окончательная структура проверяется разработчиками, специалистами по удобству использования и SEO. При необходимости страницы объединяют, разделяют или меняют их положение.
Как составить техническое задание на сайт
Техническое задание описывает требования к структуре, дизайну, функциям и результату разработки. Документ помогает заказчику и исполнителю одинаково понимать состав проекта.
Заказчик может подготовить исходные требования самостоятельно, однако техническое задание на десяток страниц — задача исполнителя. Здесь мы просто затронем то, что вы как заказчик можете собрать (опять же, при огромном желании и наличии времени).
Что включить в техническое задание
В документе желательно указать:
Требования к страницам
Для каждой типовой страницы можно описать: назначение, состав информационных блоков, доступные действия, обязательные поля, связи с другими разделами, правила отображения на мобильных устройствах.
Например, в карточке товара могут быть предусмотрены название, фотографии, характеристики, цена, наличие, документы, связанные товары и кнопка заказа.
Требования к функциям
Функции необходимо описывать через действия пользователя и сотрудников компании.
Вместо общей фразы «нужен личный кабинет» следует уточнить: кто может зарегистрироваться, какие данные видит пользователь, что он может изменить, какие документы доступны, отображаются ли заказы, какие уведомления отправляет система, какие действия выполняет сотрудник компании.
Такой уровень детализации позволяет точнее оценить объем программирования.
Требования к дизайну
В техническом задании можно указать: наличие фирменного стиля, желаемое впечатление от оформления, обязательные цвета и элементы, требования к фотографиям, примеры сайтов, визуальные решения, которые не следует использовать.
Примеры полезно сопровождать пояснениями. Следует указать, что именно нравится: структура, типографика, оформление карточек, навигация или подача изображений.
Какие технические данные нужно подготовить
Разработчикам может потребоваться информация о действующей цифровой системе компании.
Подготовьте сведения о:
Система управления сайтом позволяет сотрудникам редактировать страницы, добавлять товары и публиковать материалы без изменения программного кода.
Что обсудить внутри компании до начала разработки
Сайт затрагивает работу нескольких подразделений, от руководства до рядового менеджера, которому потом работать с этим сайтом и принимать заявки. До запуска проекта желательно определить ответственных сотрудников.
Потребуется решить:
-
кто согласует структуру (руководитель и ответственный по разработке на стороне заказчика);
-
кто предоставляет материалы (руководитель, ответственный по разработке на стороне заказчика, руководители подразделений);
-
кто проверяет тексты (руководитель и ответственный по разработке на стороне заказчика);
-
кто отвечает за товары и цены (ответственный по разработке или руководители подразделений);
-
кто принимает решения по дизайну (дадим это право вето только руководителю, так и быть);
-
кто проверяет формы и интеграции (ответственный по разработке, могут и руководители подразделений, как дополнительный слой тестирования);
-
кто будет обновлять сайт после запуска (либо исполнитель, либо системный администратор на стороне заказчика.);
-
кто принимает итоговый результат (снова дадим этот пункт только руководителю).
Если решения согласуют несколько человек, порядок утверждения следует определить заранее. Это снижает количество повторных правок и помогает сохранить согласованную логику проекта.
Что можно поручить разработчикам
Снова возвращаемся к тому, что вам, как заказчику, не обязательно приходить со структурой и техническим заданием. Исполнитель может провести анализ, уточнить цели, предложить формат сайта, разработать структуру и определить состав функций.
Команде разработки можно поручить:
Заказчику все равно необходимо предоставить достоверные сведения о компании, процессах, услугах и товарах. Исполнитель может обработать и структурировать информацию, но не должен придумывать внутренние данные бизнеса.
Типичные ошибки при подготовке
Отсутствие конкретной цели. Без понятной цели невозможно правильно определить структуру и функционал. Проект может получить много страниц, которые не помогают пользователю выполнить нужное действие.
Копирование сайта конкурента. Структура конкурента может не соответствовать услугам, аудитории и процессу продаж компании. Референсы полезны для обсуждения отдельных решений, но не заменяют анализ собственных задач.
Передача устаревших материалов. Старые цены, контакты, фотографии и описания приходится исправлять после размещения. Перед передачей информации следует проверить ее актуальность.
Подготовка контента после завершения дизайна. Реальный объем текстов и изображений влияет на расположение блоков. Если контент появляется слишком поздно, часть страниц приходится перерабатывать.
Добавление функций без сценария использования. Калькулятор, личный кабинет или сложная форма должны решать конкретную задачу. Для каждой функции нужно определить пользователей, доступные действия и результат.
Отсутствие ответственного сотрудника. Если материалы поступают от разных подразделений без единой проверки, в них могут появиться противоречия. Ответственный сотрудник должен собирать информацию и передавать согласованные решения.
Выводим вывод. Чек-лист подготовки к разработке сайта
Не все пункты должны быть полностью завершены до первого обращения к разработчикам. Этот список помогает определить, какие материалы уже есть и что предстоит подготовить совместно с исполнителем.