ТЗ на разработку интернет магазина спорт товаров

Техническое задание на разработку интернет-магазина Содержание 1. Цель проекта………………………………………………………………………………………2 2. Общая информация……………………………………………………………………………2 2.1. Требования к дизайну сайта…………………………………………………………2 2.2. Требования к верстке сайта………………………………………………………….2 2.3. Требования к контенту и наполнению сайта……………………………….3 3. Структура сайта………………………………………………………………………………….3 4. Модули сайта……………………………………………………………………………………...4 5. Описание шаблонов страниц……………………………………………………………..4 6. Описание модулей сайта……………………………………………………………………8 7. Описание страниц……………………………………………………………………………12 8. Требования к специалистам…………………………………………………………….14 1. Цель проекта. Целью данного сайта является предоставление информации о магазине, предоставляемых им услугах, товарах и ценах, а также возможность покупки товаров онлайн. Сайт должен обеспечивать реализацию следующих функций: 1) Имиджевая. Формирование стиля и образа магазина. Стилевое оформление сайта должно соответствовать корпоративному стилю компании. 2) Информационная. Сайт должен предоставлять доступ к информации о магазине, его ассортименте, конкретных товарах, услугах, их стоимости, возможности покупки и т.д. 3) Рекламная. Сайт должен содержать полную информацию о компании и представлять ее в наиболее выгодном свете. 4) Маркетинговая. Сайт должен способствовать привлечению клиентов и деловых партнеров компании. 2. Общая информация 2.1. Требования к дизайну сайта 1. Стилистическое оформление сайта должно соответствовать корпоративному стилю компании и использовать его цветовые и графические элементы, логотип. Слова, наиболее полно характеризующие стилистику сайта: современный, экстримальный, молодежный, дерзкий. 2. Цвета: бирюзовый и его оттенки, оранжевый, светлый беж, белый. Важно — сделать сайт лёгким для восприятия. 3. Минимальный размер (ширина) рабочего поля браузера, при котором необходимо обеспечить полноценное отображение страниц (без полосы горизонтальной прокрутки), составляет 1024 пиксела. 4. Шрифты, используемые в графических элементах сайта, могут выбираться произвольно при условии не противоречия корпоративному стилю. Шрифты, используемые в текстовых материала сайта, должны соответствовать стандартным шрифтам браузеров: Tahoma/Verdana, Arial. Допустимо использование иных распространенных шрифтов (Georgia и др.) в том случае, если их замена на стандартные шрифты не приведет к визуальному искажению текста. Размер (кегль) шрифтов должен обеспечивать удобство восприятия текста при минимально допустимом размере экрана. 2.2. Требования к верстке сайта. 1. Валидная, кроссбраузерная. Сайт разрабатывается под базовое разрешение экрана от 1024 пкс. и выше. 2. Сайт должен поддерживать корректную работу перечисленных браузеров в их текущих актуальных версиях.: Internet Explorer 9, Opera 35.0, Mozilla Firefox 35, Google Chrome 40.0, Safari 8.0. 2.3. Требования к контенту и наполнению сайта. 1. Первичная разработка и верстка контента (информационного содержимого) Сайта должна производиться силами Исполнителя при непосредственном участии «Заказчика». «Заказчик» предоставляет все необходимые «Исполнителю» текстовые и графические материалы, а также комментарии, касающиеся их содержания, объема, оформления и размещения. 2. CMS (Content Management System) – система управления контентом, в дальнейшем CMS. 3. Система управления контентом Сайта должна обеспечить администратору сайта возможность выполнения следующих действий: ● добавление и редактирование разделов, подразделов; ● добавление и удаление текстов (статей); ● редактирование каталога и карточек товара; ● добавление, редактирование удаление акций, спецпредложений; ● добавление, удаление и редактирование графических изображений; ● редактирование мета-данных разделов (служебная информация для улучшения индексации Сайта поисковыми системами). 3. Структура сайта 1. Главная 2. Торговый центр 2.1. О магазине 2.2. Аренда площадей 2.3. Вакансии 2.4. Галерея 3. Для покупателей 3.1. Кредит 3.2. Возврат-обмен 3.3. Оплата и доставка 3.4. Способы оплаты 3.5. Бонусная программа 3.6. Подарочные сертификаты 3.7. Гарантии 4. Новости 5. Блог (Полезные советы) 6. Каталог 6.1. Велосипеды 6.1.1Велосипеды - Горные велосипеды - Женские велосипеды - Детские велосипеды - Подростковые велосипеды - Складные велосипеды - Двухподвесные велосипеды - Экстремальные велосипеды - Шоссейные велосипеды - Городские велосипеды - ВМХ 6.1.2 Велозапчасти (+ как у нас подразделы) 6.1.3 Вело аксессуары 6.2. Активный отдых - Скейтборды - Роликовые коньки - Самокаты - Плавание - Защита 6.3. Одежда, обувь, аксессуары (как у спорт мастера сделать блок) - Одежда - Обувь - Аксессуары (только летние как у нас на сайте) к ним добавить зимние аксессуара просто разделом - Рюкзаки/Сумки - Защита 6.4. Зимний спорт - Горные лыжи - Сноубординг - Санки/Снегокаты - Ледовые коньки - Беговые лыжи - Защита 6.5. Видеокамеры/наручные компьютеры 6.6.Игры (Фингерсы/Yo-Yo/Головоломки) 6.7 Мастерская (сервисный центр ТЦ с графиком работы и ценами, перечень цслуг) 7. Контакты 4. Модули сайта 1. Фильтр 2. Поиск 3. Новости 4. Обратная связь 5. Корзина 6. Боковые блоки 7. Выгрузка каталога 8. Ссылки на соц.сети 5. Описание шаблонов Шаблон 1 Главная страница Главная страница является основной точкой входа на сайт. Она должна обеспечивать доступ ко всем основным разделам сайта (разделам 1-го уровня). Содержит: - Логотип «Sport Extreme» - Название сайта текстом — Интернет магазин по оптовой продаже чехлов и аксессуаров для телефонов и планшетов. - Телефоны большие вверху - Корзина иконка - Строка поиска - Верхнее меню с ссылками на: Торговый центр, Новости, Оплата и доставка, Блог, Контакты - Основное меню с ключевыми разделами + выпадающее меню второго уровня. - Большой слайдер для отображения самой важной информации. С фотографиями, заголовком и описанием. Автоматическое переключение и возможностью переключения вручную. Каждый слайд содержит ссылку перехода на страницу с подробным описанием предложения. - Небольшой текстовый блок - Блоки иконками с категориями каталога. - Блок «Новости компании» - Ссылки на подразделы 2-го уровня - Нижнее меню + ссылки на соц. сети Комментарии: Наличие красивых отрисованных иконок с ссылками на основные подразделы (доставка и оплата, сотрудничество, новинки) в текстовом блоке. Шаблон 2 Текстовая страница Модули: Боковые блоки Страницы: - Торговый центр - О магазине - Аренда площадей - Вакансии - Способы оплаты - Доставка и возврат Содержит: - «хлебные крошки» - Заголовок H1 - Лид. Первый абзац текста/статьи, информативный отрывок, позволяющий захватить внимание читателя на материале. - Текст блока. В основном тексте блока должны быть верно определены: кегель, межбуквенные и межстрочные интервалы, абзацы, подобран читабельный шрифт. Это блоки, в которых будет содержаться основной информационный посыл блока, следовательно, он должен быть максимально комфортен для чтения. - Заголовок H2. Многострочный заголовок - Заголовок Н3. Делаем заголовок нарочито длинным, чтобы убедится в правильном интерлиньяже - Фотографии: a. Фотографию, обтекаемую текстом b. Большую фотографию по всей ширине сайта, которую можно вставить в любую часть страницы, но чаще всего она будет использоваться в верху, как иллюстрация к разделу подписью к ней c. Фотографию поменьше, примерно на 70% ширины сайта с d. Фотогалерею в тексте - Форматирование текста. Списки: a) Нумерованный список b) Маркерованный список - Разделяющую линию -


- Комментарии. Элемент «Комментарий» (класс comment) применяется к пояснительному тексту. И еще немного специально написанного текста, чтобы получилось несколько строк для наглядности. - Важно. Используется для выделения особо важной информации. - Цитата. - Три колонки текста с возможностью вставить фотографию вверху каждой колонки - Две колонки текста с возможностью вставить фотографию в каждую - Формы: a) Название формы b) Поля формы c) Кнопка формы - Таблицы: a) Заголовок таблицы b) Таблица c) Комментарии к таблице (внизу небольшим шрифтом) - Боковые блоки a) Боковой текстовый блок b) Боковой блок с картинкой, текстом и кнопкой - Адреса. Блок с оформленными адресами, который можно вставить на любую страницу сайта. - Меню 2-го уровня, меню 3-го уровня a. Активный элемент должен быть выделен. - Переключатели: a) Стрелки слайдера b) Переключатели номеров страниц - Файлы для скачивания. В именах файлов, предназначенных для публикации на сайте, желательно использовать только латинские буквы, цифры, символ подчеркивания, дефис и точку. - Раскрывающийся контент. Элемент «Раскрывающийся» (класс foldable) используется для формирования раскрывающихся элементов. В частности, для вопросов и ответов. - Сноски. Ссылку1 на сноску и название сноски нужно заключать в элемент «Сноска» (класс footnote). Таким образом сохраняется связь между ссылкой на сноску и самой сноской. Это позволит при необходимости сделать всплывающую сноску. Шаблон 3 Новости Модули: Новости, Боковые блоки Страницы: - Новости - Блог Шаблон 4 Страница подраздела каталога Содержит: - Страницы каталог общей нет, при клике на любой из разделов каталога в верхнем меню попадаем на страницу с карточками подразделов – картинка, название - Если не кликнуть, то видим выпадающее меню с ссылками на подразделы, при наведении на подраздел , выпадает список с под -под - разделами или товар. Фото, название под ним. И ТАК ДАЛЕЕ ДО ТОВАРА. - Товары в подразделе представлены изначально с минимальной информацией: - Фотография - Название - Артикул (возможно не будет отображаться в интерфейсе, но в админке должен быть для удобства редактирования товаров) - Цена - Кнопка «Купить» После клика по товарам попадаем в карточку товара. Шаблон 5 Карточка товара Содержит: - Фотография (плюс возможность добавить дополнительные фотографии ракурсов). При клике фото открывается в fancebox - Полное название товара, артикул - Цена крупно -Описание на несколько предложений Окошко для ввода количества товара, кнопка в корзину -Текст про доставку, скидки и прочее (возможно ввиде ленты преимуществ) - Отзывы о товаре - Если товар добавили, то меняется блок с "Количество" и в "В корзину", на "Товар в корзине" и кнопку "Оформить заказ" или "Перейти в корзину". - Можно менять цветовое оформление этого блока/кнопки и т.д. В любом случае, пропадает текстовое поле для ввода количества товара. Шаблон 7 Контакты Модули: Обратная связь Содержит: - адреса - телефоны - e-mail - карту проезда - описание проезда - обратная связь Шаблон 8 Корзина Модули: Корзина Содержит: - артикул - привью фото товара - наименование товара - цена за ед. - кол-во (редактируемое поле) - итого - удалить 6. Описание модулей сайта 1. Фильтр Название Описание Производитель Список производителей - Cronus - Burton - Cube - Merida - Go Pro - … В выпадающем списке бренды можно отметить чекбоксами, пример: http://joxi.ru/a2XY58LCJzKGAg Сортировка по - убыванию цены - возрастанию цены - дате добавления Из выпадающего списка выбирается метод сортировки Цена В виде ползунка. Метками задается цена «от» … «до» Для поиска в фильтре можно выбрать несколько параметров. 2. Поиск Поиск по сайту осуществляется по фразовому соответствию введенных данных по всему сайту, в случае если по данному словосочетанию ничего не находится, подключается поиск сервиса «Гугл» по данному сайту. Найденные страницы с соответствием запросу выводятся списком. На странице имеется возможность изменить параметры поиска. 3. Новости Каждая новость содержит: - дату публикации новости - заголовок - короткий анонс - картинку - ссылку (не кнопку) к переходу на страницу с полным содержанием новости: Читать На странице выводится 5-6 новостей. Есть постраничный список. Новости выстраиваются в хронологическом порядке. В админке должна быть возможность вручную изменить дату публикации новости. При изменении даты вручную новость автоматически перемещается на место 4. Обратная связь Включает в себя следующие поля: ❖ Имя* ❖ Город ❖ E-mail* ❖ Телефон* ❖ Вопрос* ❖ Кнопку “Отправить вопрос” *обязательные для заполнения поля отмечены звездочкой При отправке вопроса, человеку появляется заметное сообщение «Мы получили Ваш вопрос и ответим в самое ближайшее время на e-mail, который вы указали». Само письмо отправляется на ящик администратора сайта, а в поле «От кого» подставляется mail пользователя, чтобы администратор мог в один клик ответить на вопрос пользователя. Вопрос, заданный пользователем сохраняется в базе данных сайта в специальном разделе в Администраторской части и доступен администраторам для редактирования или удаления. 5. Корзина В корзине отображаются: - артикул - привью фото товара - наименование товара - цена за ед. - кол-во (редактируемое поле) - итого - удалить -кнопка «Заказать» При наличие товара в корзине рассчет итоговой стоимости происходит по формуле: (Товар А * кол-во*цена за ед.) + (Товар B * кол-во*цена за ед.) + … + (Товар N * кол-во*цена за ед.) = ИТОГО (руб.) После подтверждения заказа в корзине и нажатии кнопки “Заказать” для оформления заказа пользователь должен заполнить следующие поля: Личные данные - Фио - Телефон - E-mail Способ оплаты - Наличными - Visa/Master Cars - WebMoney - Яндекс.Деньги - Qiwi-кошелек Способ доставки Самовывоз Доставка - Адрес доставки Кнопка “Оформить заказ” После того, как заказ отправлен, выводится сообщение: “Спасибо за заказ! Всю информацию о заказе и дальнейшие инструкции мы выслали на вашу почту”. Администратору на e-mail отправляется письмо, о том что поступил заказ. Пользователю на e-mail отправляется письмо с данными о заказе. 6. Боковые блоки На страницах содержаших шаблон с боковой колонкой и контенстной частью могут подключасться сквозние боковые блоки: 1. Акция Графический баннер, содержащий картинку и ссылку перехода на страницу предложения. 2. Новости Блок содержит анонсы последних 3 новостей. Каждая новость содержит привью картинки и заголовок-ссылку, ведущую на страницу конкретной новости. После новостей есть ссылка Читать все новости, которая ведет на страницу Новости. 3. Ближайшее мероприятие Блок содержит картинку, Заголовок: Ближайшее мероприятие. Название мероприятия, краткий анонс и ссылку Подробнее, ведущую на страницу описания мероприятия 4. Полезные статьи в блоге Содержит ссылку на статью. По умолчанию в блоке становиться последняя опубликованная статья в блоге. Статья может быть изменена вручную. Статья содержит привью фото, название статьи, небольшой лид, ссылка Читать статью. 5. Мастерская Блок содержит картинку и ссылку перехода на раздел мастерской. 7. Выгрузка товаров Выгрузка товаров в каталог происходит посредствам интеграции с выгрузкой базы 1С. Выгрузка из 1С предоставляется заказчиком. Выгрузка производится вручную. Если при выгрузке товар ранее пресутствовавший в наличие – отсутствует, то из каталога автоматически отключается товар. Если при дальнейшей выгрузке товар появляется в наличие, то данный товар вновь появляется в каталоге. 8. Модуль соц.сетей В шапке и подвале сайта есть кнопки на соц.сети, ведущие на страницы групп СпортЭкстрим. При нажатии на кнопку ссылка открывается в новом окне. Сквозные блоки под контентной частью Данные блоки являются сквозными, на всю ширину контентной части и могут подключаться к любой странице сайта. 1. Преимущества Блок содержит ленту преимуществ ввиде иконок с подписью. Иконки кликабельны и ведут на страницы с подробным описанием преимущества. ГАРАНТИИ «4х100%» ● 100% гарантия подлинности ● 100% гарантия возврата денег ● 100% гарантия безопасности онлайн платежей ● 100% гарантия безопасной доставки 2. Подписка на рассылку Блок содержит подписку на новости кампании. Поля: -Имя* - E-mail* *обязательные для заполнения поля. Кнопка отправить. После отправки появится сообщение. 7. Описание страниц 1. Главная Шаблон Главная страница 2. Торговый центр Шаблон: Страница со всеми элементами верстки Страница содержит текст, картинки обтекаемые текстом, видео и пр. контент. 2.1. О магазине Шаблон: Страница со всеми элементами верстки Страница содержит текст, картинки обтекаемые текстом, видео и пр. контент. 2.2. Аренда площадей Шаблон: Страница со всеми элементами верстки Страница содержит текст, картинки обтекаемые текстом, видео и пр. контент. 2.3. Вакансии Шаблон: Страница со всеми элементами верстки Страница содержит текст, картинки обтекаемые текстом, видео и пр. контент. 3. Новости Шаблон: Новости Страница содержит новостную ленту. 4. Оплата и доставка 4.1. Способы оплаты Шаблон: Страница со всеми элементами верстки Страница содержит текст, картинки обтекаемые текстом. 4.2. Доставка и возврат Шаблон: Страница со всеми элементами верстки Страница содержит текст, картинки обтекаемые текстом. 5. Блог (Полезные советы) Шаблон страницы: Блог Содержит ленту статей с рубрикатором. 6. Каталог Шаблон страницы: Каталог 6.1. Велосипеды Шаблон страницы: Каталог - Велосипеды - Велогибриды - Велозапчасти Шаблон страницы: Внутренняя страница катлога, карточка товара 6.2. Активный отдых Шаблон страницы: Каталог - Туризм - Скейтборды - Роликовые коньки - Самокаты Шаблон страницы: Внутренняя страница катлога, карточка товара 6.3. Одежда, обувь, аксессуары Шаблон страницы: Каталог - Рюкзаки/Сумки - Аксессуары - Одежда - Обувь Шаблон страницы: Внутренняя страница катлога, карточка товара 6.4. Плавание Шаблон страницы: Каталог, Внутренняя страница катлога, карточка товара 6.5. Зимний спорт Шаблон страницы: Каталог - Сноубординг - Горные лыжи - Беговые лыжи - Санки/Снегокаты - Ледовые коньки Шаблон страницы: Внутренняя страница катлога, карточка товара 6.6. Техоснащение Шаблон страницы: Каталог - Видеокамеры - Наручные компьютеры Шаблон страницы: Внутренняя страница катлога, карточка товара 6.7. Игры (Фингерсы/Yo-Yo/Головоломки) Шаблон страницы: Каталог, Внутренняя страница катлога, карточка товара 6.8. Подарки (Полезные мелочи/сувениры) Шаблон страницы: Каталог, Внутренняя страница катлога, карточка товара 7. Контакты Шаблон страницы: Контакты 8. Требования к специалистам Дизайнер Ссылка на прототип: http://6zlyxp.axshare.com/ Отрисовать дизайн страниц: 1. Главная 2. Новости 3. Блог 4. Каталог 5. Внутренняя страница каталога 6. Карточка товара 7. Корзина 8. Контакты 9. Страница со всеми элементами верстки 10. Боковые блоки 11. Сквозные блоки Верстальщик Сверстать все страницы дизайна в соотвествии с требованиями к верстке приведенными в Техническом задании. Копирайтер Сделать рерайт неуникальных текстов. Написать текст при необходимости в соответствии с заданием Заказчика. Написать тексты для страниц после отправки форм: - Подписка - Обратная связь - Корзина А также текст письма, который приходит клиенту на почту после оформления заказа.

Архив технических заданий:

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

Техническое задание на разработку сайта

Задай вопрос

по дизайну сайтов,
я отвечу за 24 часа

или
Приложи файл

Приложи файл с картинкой, если требуется

×