АСѾԐД Создание и продвижение сайтов

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

Обычно сайт представляет из себя страницу "обложку" (главную) и все остальные страницы находящиеся внутри второго шаблона дизайна. Так же распространён вариант, когда сайт в одном шаблоне дизайна. Реже сайты являются дизайнерскими шедеврами, в которых каждая страница отличается от других. Во всех случаях шапка с меню итп. и низ скорее всего будут одинаковыми. Ещё популярна так называемая целевая страница/посадочная страница (лендинг - landing page) под конкретную услугу или несколько.

Когда с этим определились, следует написать задание - по дизайну достаточно описать цветовую гамму (если требуется, указать конкретные цвета) или оставить на усмотрение дизайнера. Возможно дополнительно показать какие сайты нравятся и на что хотелось бы чтоб было похоже, как структурно так и в графическом плане..

Следующий важный момент - адаптивная вёрстка сайта, под какие расширения экрана устройств делать дополнительные дизайны макета или какие размеры адаптивной вёрстки для сайта выбрать для смартфонов, планшетов, компьютеров.

Далее следует расписать структуру меню, сделав акцент на страницах отличающихся от обычного текста с картинками: контактная форма, галерея, новостная лента итп. Требуется по минимуму - составить дерево разделов с пометками (расписывать подробно каждый пункт, что этот раздел с картинками и текстом не следует, от такого т.з. откажется большинство). Очень хорошо если каким-то образом (нарисовать на бумаге и сфотографировать, как-нить накидать в Word и нарисовать стрелочки итп.) сделаете макеты с примерными рисунками трудных мест или целиком как видите шаблон сайта, или какие-то другие аспекты. Идеально если поступает задание сразу с наполнением, это закроет много вопросов. И зачастую это единственный вариант сделать сайт быстро, напрягитесь и подготовьте материалы или переложите на копирайтеров. Случаи затягивания сдачи бывали на несколько месяцев из-за подготовки контента, с тех пор контент отдельно, изготовление сайта отдельно.. Следует предусмотреть вопрос продвижения и написания статей под ключевые фразы, в идеале лучше весь сайт так делать, а это означает что потребуются задания на тексты и написания самих текстов после исследования.

Пример технического задания на сайт

Пишите от себя как это видите и хотите, жёсткие рамки ни к чему.

Тип сайта: Сайт визитка (Лендинг (под одну или несколько услуг или товаров), Корпоративный, Интернет-Магазин, Что-то другое, Не знаю).
Дизайн: есть - вот ссылка/архив или нарисовать, купить, найду сам итп.
Макеты: Обложка на главную и внутренний (1 макет на весь сайт, под каждую страницу отдельный дизайн итп.).
Основные цвета дизайна: Синий, Зелёный.
Нравятся сайты или хочу чтоб было похоже на: acwed.ru,...
Размеры макетов дизайна для адаптивной вёрстки: 360pх (фиксированный или резиновый(растягивается) до 400? 600?, отступы по 10px), 768px, 1000px, 1896px. (Здесь возможны варианты: нарисовать только самый большой, складывание на усмотрение программиста/верстальщика.)
Адрес моего сайта: нет или acwed.ru (доступ для размещения итп. обсудится потом)
Заказать статьи на ключевые фразы: Аренда грузового автотранспорта, итд.
или
Написать задания на ключевые фразы: Аренда грузового автотранспорта, итд. (подразумевается что писать будете сами)

Структура меню

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

1 Аренда (меню)
  1.1 Условия аренды и тарифы (подменю)
  1.2 Автопарк
2 Грузоперевозки
  2.1 Город и область
  2.2 Регионы
3 Заказ (Форма с отправкой на почту)
4 Контакты
итд..

В случае предоставления информации, ожидается дублирование структуры в папках т.е.

/1 Аренда/Аренда.doc
/1 Аренда/Картинка1.jpg
/1 Аренда/Картинка2.jpg
/1 Аренда/1.1 Условия аренды и тарифы/Условия аренды и тарифы.doc
/1 Аренда/1.1 Условия аренды и тарифы/Картинка.jpg
/1 Аренда/1.2 Автопарк/Автопарк.doc
итд..

При заполнении информации конкретного раздела, в местах где нужно вставить картинку пишете [Картинка1.jpg] сам файл кладёте в папку раздела (вставка в Word может привести к преобразованию графики, можете вставлять для наглядности, но обязательно дублировать в виде файла).

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

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