На примере текущего проекта напишем техническое задание (ТЗ) на создание сайта. И прошу заметить оно будет максимально упрощенным. Встречались ТЗ на двадцать и более страниц с еще меньшим шрифтом чем здесь, у меня же получилось здесь в пределах пяти.
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. Структура и навигация сайта:
Главное меню:
- Главная страница;
- Работа в интернете;
- Для новичков;
- Для про;
- Фриланс;
- Другие способы;
- Создание сайта;
- Определение направления и цели веб-сайта;
- Создание технического задания (ТЗ) для нашего будущего сайта;
- Выбор дизайн-макета веб-сайта;
- Выбор домена и хостинг;
- Установка сайта на хостинг;
- Настройка сайта;
- Наполнение сайта информацией;
- Монетизация сайта;
- Поисковая оптимизация сайта (внутренняя);
- Проверка работоспособности (тестирование) сайта;
- Запуск сайта;
- Блог.
Всплывающее боковое меню:
- Wiki;
- Инструменты;
- Обратная связь;
- Авторизация.
Дополнительные требования
Также в верхней части страницы должны быть расположены:
- Логотип;
- Ссылки на форум, карту сайта.
При переходе на каждую новую страницу под главным меню должен отражаться путь от главной до текущей страницы (хлебные крошки). У пользователя сайта должна быть возможность «вернуться» по данному пути на любую из предыдущих страниц.
5. Описание разделов сайта
5.1 Главная страница
На главной странице будут присутствовать следующие элементы:
- Шапка – логотип;
- Под главным меню слайдер;
- Под основным контентом блоки с ссылками на категории по заработку в интернете;
- Текст, кратко описывающий принципы работы;
- Блок ссылок: форум, карта сайта;
- Кнопки социальных сетей;
- Баннер внизу сайта («в подвале»).
5.2 Внутренние страницы
Внутренние страницы сайта будут аналогичны главной странице и будут состоять из:
- Шапка – логотип;
- Блок ссылок: форум, карта сайта;
- Кнопки социальных сетей;
- Баннер внизу сайта («в подвале»);
- В центральном блоке будет располагаться уникальный контент каждой страницы.
5.3 Схема главной страницы сайта
Боковое меню |
Логотип |
Резервный блок, на перспективу |
Резервный блок, на перспективу |
Ссылки на форум и карту сайта | ||
Главное меню |
||||||
Слайдер |
||||||
Основной контент |
||||||
Блок Категории 1 |
Блок Категории 2 |
Блок Категории 3 |
Блок Категории 4 |
|||
Графический баннер |
||||||
Кнопки соц сетей |
||||||
Копирайт |
Схему главной страницы удобнее всего рисовать в любом графическом редакторе, будь то фотошоп или паинт, но если у вас нет таких познаний, то вполне себе легко можно все изобразить на обычном листе бумаги карандашом. Изначально придуманный шаблон в большинстве случаев будет редактироваться, или создаваться несколько вариантов для сравнения. Так что нам нужна гибкость в редактировании.
Описание функционала разделов сайта
В основном, внутренние страницы сайта должны быть реализованы в форме простого контентного раздела – раздела с возможностью вставки произвольного текста, графики, ссылок на другие разделы и внешние сайты. Подобный раздел управляется при помощи системы управления контентом с возможностью использования такого инструмента как «Визуальный редактор».