ТЗ (техническое задание) для создания сайта

4.5 1 1 1 1 1 1 1 1 1 1 Рейтинг 4.50 (1 Голос)

Составление технического задания (ТЗ) для создания сайта

На примере текущего проекта напишем техническое задание (ТЗ) на создание сайта. И прошу заметить оно будет максимально упрощенным. Встречались ТЗ на двадцать и более страниц с еще меньшим шрифтом чем здесь, у меня же получилось здесь в пределах пяти.

1. Общие сведения о нашем проекте (сайте):

  • Адрес нашего сайта: go-job.ru;
  • Контактная информация: Весь ру интернет без привязки к городам и регионам (если сайт организации что-то продающий - то подробный физический адрес: страна, город, улица, телефоны и т.д.);
  • Базовое название сайта: Сайт о заработке в интернете без вложений.

2. Назначение и цели создания сайта

2.1 Назначение сайта

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

2.2 Основные задачи сайта

2.2.1 Имиджевая:

Сайт является нашем «лицом» (лицом нашей организации) в сети интернет и должен:

а) Выделять нас как надежную и стабильную компанию, предоставляющую только правдивую и актуальную информацию в сфере заработка в интернете.

б) Поддерживать чистый образ:

  • партнера, помогающего решить все вопросы;
  • грамотного специалиста в своей отросли;
  • компании, с которой легко сотрудничать.

в) Не вызывать ассоциаций с дешевыми либо слишком напыщенными компаниями, работающими только ради своей выгоды.

2.2.2 Информационная:

Сайт должен предоставлять открытый доступ к информации:

  • о организации;
  • о видах деятельности организации;
  • о предоставляемых услугах и товарах;
  • о актуальных акциях и скидках на определенные виды товаров и услуг;
  • о клиентах и партнерах компании.

2.3 Аудитория сайта:

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

  • Индивидуальные предприниматели;
  • Руководители и менеджеры компаний малого и среднего бизнеса;
  • Представители рекламных агентств и дизайн-студий;
  • Люди школьного и студенческого возраста;
  • Женщины, находящиеся в декретном отпуске;
  • А также абсолютно любой человек в свободное от работы время ищущий возможность подзаработать.

3. Требования к сайту

3.1 Требования к оформлению и дизайну шаблона сайта

  • Дизайн сайта должен быть в меру строгий, но без занудства, светлый, функциональный, без лишних дизайнерских элементов.
  • Основная цветовая гамма - бело-синяя, в элементах может использоваться любой из цветов, взятых из логотипа.
  • Без использования в шаблоне flash анимации, музыки и т.д. (Flash можно использовать только для баннеров, видео или в портфолио для демонстрации работ).

3.2 Требования к шрифтовому оформлению сайта

  • Использование только базовые шрифты доступные во всех современных браузерах (Arial, Calibri, Tahoma, Verdana и т.д.), исключение раздел портфолио, подчеркивающий тематику и стиль бренда компании, марки продукта, либо вида услуги.
  • Размер шрифтов должен обеспечивать удобство восприятия текста 10-16.

3.3 Требования к браузерам при просмотре сайта

Сайт должен обеспечивать корректное отображение данных (без смещений и перескоков на другие строки) в последних версиях следующих браузерах:

  • Internet Explorer (версия 7.0 и выше);
  • Opera;
  • Firefox;
  • Chrome;
  • Safari;

Требования к системе управления контентом (CMS) сайта

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

  • Возможность добавления и удаления стандартных разделов;
  • Редактирование всех возможных меню, с возможностью добавления новых либо удаления старых в любое место на сайте с возможностью отображения на всех, либо на выбранных страницах;
  • Возможность визуального редактирования текста, таблиц и изображений (по аналогии с Microsoft Word);
  • Возможность вставки текста из Microsoft Word с последующей автоматической «чисткой» кода;
  • Возможность создавать и изменять формы отправки сообщений с сайта (обратная связь) с уведомлением по электронной почте, а также с возможностью их изменений;
  • Возможность вносить изменения в дизайн сайта, как в сам шаблон, так и на отдельные страницы;
  • Возможность резервного копирования и восстановления данных (частично либо полностью);
  • Возможность автоматической и полуавтоматической генерации путей (ЧПУ) стандартным методом либо с использованием транслитерации;
  • Возможность авторизации и разграничения прав для неограниченного количества операторов и администраторов сайта. Возможность изменять некоторые виды прав для конкретных пользователей;
  • Управление рассылкой для клиентов, имеющих доступ к закрытой части сайта.

Требования к отображению страниц сайта

Сайт должен автоматически масштабировать страницы в зависимости от ширины рабочего поля браузера пользователя («резиновый шаблон»). Максимальное ограничение на растягивание не выше 1400px, минимальное не ниже 1024. Так же на сайте должна присутствовать мобильная версия.

4. Структура и навигация сайта:

Главное меню:

  1. Главная страница;
  2. Работа в интернете;
    • Для новичков;
    • Для про;
    • Фриланс;
    • Другие способы;
  3. Создание сайта;
    • Определение направления и цели веб-сайта;
    • Создание технического задания (ТЗ) для нашего будущего сайта;
    • Выбор дизайн-макета веб-сайта;
    • Выбор домена и хостинг;
    • Установка сайта на хостинг;
    • Настройка сайта;
    • Наполнение сайта информацией;
    • Монетизация сайта;
    • Поисковая оптимизация сайта (внутренняя);
    • Проверка работоспособности (тестирование) сайта;
    • Запуск сайта;
  4. Блог.

Всплывающее боковое меню:

  1. Wiki;
  2. Инструменты;
  3. Обратная связь;
  4. Авторизация.

Дополнительные требования

Также в верхней части страницы должны быть расположены:

  • Логотип;
  • Ссылки на форум, карту сайта.

При переходе на каждую новую страницу под главным меню должен отражаться путь от главной до текущей страницы (хлебные крошки). У пользователя сайта должна быть возможность «вернуться» по данному пути на любую из предыдущих страниц.

5. Описание разделов сайта

5.1 Главная страница

На главной странице будут присутствовать следующие элементы:

  • Шапка – логотип;
  • Под главным меню слайдер;
  • Под основным контентом блоки с ссылками на категории по заработку в интернете;
  • Текст, кратко описывающий принципы работы;
  • Блок ссылок: форум, карта сайта;
  • Кнопки социальных сетей;
  • Баннер внизу сайта («в подвале»).

5.2 Внутренние страницы

Внутренние страницы сайта будут аналогичны главной странице и будут состоять из:

  • Шапка – логотип;
  • Блок ссылок: форум, карта сайта;
  • Кнопки социальных сетей;
  • Баннер внизу сайта («в подвале»);
  • В центральном блоке будет располагаться уникальный контент каждой страницы.

5.3 Схема главной страницы сайта

Боковое меню

 Логотип

Резервный блок,

на перспективу

Резервный блок,

на перспективу

Ссылки на форум и карту сайта

Главное меню

Слайдер

Основной контент

Блок Категории 1

Блок Категории 2

Блок Категории 3

Блок Категории 4

Графический баннер

Кнопки соц сетей

Копирайт

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

Описание функционала разделов сайта

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