Техническое задание на разработку сайта
Зачем составлять техзадание на разработку сайта.
| Заказчику сайта: | Исполнителю: |
| 1. Позволяет узнать предварительную стоимость разработки сайта. 2. Ускоряет согласование базовых вопросов. 3. Уточняет, как именно должен работать и выглядеть будущий сайт. 4. Позволяет собрать все пожелания и требования по проекту в одном документе. 5. Дает возможность сверять промежуточные этапы исходя из первоначального плана и вносить изменения в любой компонент сайта. | 1. Ускоряет разработку проекта. 2. Дает четкое понимание главной задачи. 3. Дает страховку от выполнения несогласованных задач. |
Основные требования к техзаданию.
- Постановка задания должна быть однозначной: сайт визитка, блог, веб сервис и т.д.
- Содержать общую информацию: о компании, цель и задачи сайта, логотип, тексты и изображения для страниц сайта;
- Разъяснение терминов;
- Технические требования: на чем будет сделано, средства администрирования, хостинг и доменное имя, этапы и сроки работ;
Основные разделы техзадания.
| Раздел | Детали | Примерный текст |
| Предварительная структура сайта | Какие разделы обязательно должны быть | Главная (о компании, география работы, текущие акции); Каталог; Блог; Новости; Акции; Контакты |
| Примерная структура страниц | Какие элементы должны присутствовать на страницах, как размещаться | Строка поиска по сайту; Телефон горячей линии; Диалоговое окно с менеджером; Текущие акции; В боковом меню: список разделов каталога; Форма подписки на рассылку |
| Требования к дизайну и оформлению | Шрифты, цвета, стилистика, наличие/отсутствие незаполненного пространства | Стиль сайта. Какие цвета должны преобладать. Предпочтительные шрифты: Bravo; Yanone Kaffeesatz; Intro Condensed или похожие. Корпоративные цвета красный и серый. Цвет как основной фоновый или другая фоновая заливка. |
| Имеющиеся материалы | Ссылки на понравившиеся сайты, текстовые материалы, фотографии. Все, что позволит точнее описать формат конечного результата. | Прилагается отдельным архивом. |
| Возможности администрирования | Здесь нужно описать, какие текущие изменения планируете самостоятельно вносить в работу будущего сайта, не прибегая к помощи разработчика. | Возможность создания/удаления/редактирования карточки товара, акций, новостей. Возможность редактирования контактов, добавления/удаления дополнительных офисов. |
Пример: некоторых разделов техзадания на разработку сайта для онлайн обучения
Ключевые слова
конструктор тестов, создание теста, онлайн курсы, бесплатные онлайн курсы, интернет урок, дистанционное обучение, дистанционное образование, учебный портал, виртуальная школа
Логотип сайта и фавикон.
Структура сайта
| № | Веб-страница | Описание |
|---|---|---|
| 1 | Главная страница | С этой страницы возможен переход на любую страницу того же уровня. На ней размещена информация о тематике обучающих курсов и проектах, которые сейчас разрабатываются |
| 2 | Основная: ссылки на все обучающие курсы и другой учебный материал | Ссылки на учебные курсы, учебный материал с кратким описанием что это такое |
| 2.1 | Создание сайта на WordPress на локальном веб сервере | Описание назначения этого учебного материала, краткое описание этапов работы, какие результаты ожидаются. Возможно ссылки на веб страницы тех, кто прошел данный курс обучения, получил результат и разместил его в интернете. |
| 2.1.1-7 | Страницы по этапам работы к ссылке 2.1 | На страницах 1-7 будет размещена информация из лекций, которые вам читаю |
| 2.2 | Web дизайн (проект) | В дальнейшем можно разместить учебный материал по HTML и CSS, который изучался в этой дисциплине |
| 2.3 | InDisign (проект) | В дальнейшем можно разместить учебный материал по этой дисциплине |
| 3 | Новости | На этой странице можно информировать о проектах, которые сейчас разрабатываются, делать ссылки на работы тех, кто обучался на материале этого сайта, давать какую то любопытную информацию |
| 4 | Блог | Эта страница может служить для обсуждения учебных курсов с посетителями этого сайта с целью корректировки материала и поиска перспективных направлений |
| 5 | Контакты | Контактная информация для обратной связи |
Материалы для страниц сайта
В приложению к техзаданию включаются изображения, тексты и другая информация для наполнения веб страниц.
Что сделать:
- Определиться со структурой и содержимым сайта:
- Структура страниц, цветовая палитра
- написать тексты для размещения на веб страницах
- нарисовать логотип
- подготовить картинки для сайта
В ответ включить:
- Структура списком или в виде блок-схемы. Все веб страницы — название и краткое описание.
- Логотип
- Текст для 2-3 из страниц. В заголовках и статьях желательно применять ключевые слова