Катаев А.В., Катаева Т.М., Названова И.А.
Digital-маркетинг
Учебное пособие. – Ростов-на-Дону; Таганрог: Издательство Южного федерального университета, 2020. – 162 с.
| Предыдущая |
Приложения
Приложение 1. Пример технического задания на разработку сайта интернет-магазина
1. ТЕРМИНЫ И ОПРЕДЕЛЕНИЯ
В данном разделе приводятся основные термины и их определения для лучшего понимания технического задания исполнителем и заказчиком.
2. ОБЩИЕ СВЕДЕНИЯ
2.1. НАЗНАЧЕНИЕ ДОКУМЕНТА
Настоящее техническое задание определяет требования и порядок разработки сайта интернет-магазина.
2.2. НАИМЕНОВАНИЕ ЗАКАЗЧИКА И ИСПОЛНИТЕЛЯ
Заказчик: ООО «Вектор».
Исполнитель: веб-студия «AD5».
2.3. КРАТКИЕ СВЕДЕНИЯ О ЗАКАЗЧИКЕ
2.4. ОСНОВАНИЕ ДЛЯ РАЗРАБОТКИ САЙТА
Основанием для разработки сайта является Договор № образец от 22.10.2019 г. между Заказчиком и Исполнителем.
2.5. ПЛАНОВЫЕ СРОКИ НАЧАЛА И ОКОНЧАНИЯ РАБОТ ПО СОЗДАНИЮ САЙТА
Начало:
Окончание:
Сроки, состав и очередность работ являются ориентировочными и могут изменяться по согласованию с Заказчиком.
3. НАЗНАЧЕНИЕ И ЦЕЛИ СОЗДАНИЯ САЙТА
3.1. НАЗНАЧЕНИЕ САЙТА
Сайт должен представлять товары Заказчика в Интернете, знакомить посетителя с ассортиментом, организовывать взаимодействие посетителя Сайта с Заказчиком, предоставлять справочную информацию.
3.2. ЦЕЛИ САЙТА
Основная цель сайта – ознакомление потенциальных покупателей с перечнем товаров Заказчика, отраженным в каталоге сайта, и последующая продажа товаров черед систему заказов, действующую на сайте.
3.3. ЦЕЛЕВАЯ АУДИТОРИЯ САЙТА
Основная целевая аудитория Сайта _____________________
4. ТРЕБОВАНИЯ К САЙТУ
4.1. ОБЩИЕ ТРЕБОВАНИЯ К САЙТУ
4.1.1. Требования к структуре и функционалу сайта
Сайт должен представлять собой информационную структуру, доступную в сети Интернет под доменным именем ________________
4.1.2. Требования к персоналу
Для поддержания сайта и эксплуатации веб-интерфейса системы управления сайтом (CMS) от персонала требуется быть подготовленным пользователем ПК, иметь навыки работы с офисным пакетом программ, иметь базовые навыки работы с CMS «1С-Битрикс».
4.1.3. Требования к сохранности информации
В системе управления сайтом должен быть предусмотрен механизм резервного копирования структуры и содержимого базы данных. Процедура резервного копирования должна производиться сотрудником, ответственным за поддержание сайта, не реже 1 раза в неделю. Резервное копирование графического содержимого должно осуществляться вручную.
4.1.4. Требования к разграничению доступа
Информация, размещаемая на сайте, разделяется на 2 вида:
1. Общедоступная (открыта для всех типов пользователя)
2. Информация личного кабинета пользователя
Пользователей сайта можно разделить на 2 части в соответствии с правами доступа:
1. Зарегистрированные и авторизованные пользователи
2. Неавторизованные пользователи.
Неавторизованные пользователи имеют доступ только к общедоступной части сайта; зарегистрированные и авторизованные пользователи имеют доступ как к общедоступной части сайта, так и к информации своего личного кабинета.
Доступ к личному кабинету должен осуществляться с использованием логина (e-mail) и пароля пользователя. Логин и пароль пользователь получает после регистрации на сайте. Доступ к административной части имеют пользователи с правами редактора и администратора.
Редактор может редактировать материалы разделов, редактировать услуги, предоставляемые центром, карточки персонала, работать с заявками пользователей.
Администратор имеет полный доступ во все разделы сайта.
Доступ к административной части должен осуществляться с использованием уникального логина и пароля. Логин выдается администратором сайта.
Для обеспечения защиты от несанкционированного доступа к административной части при составлении паролей необходимо предусмотреть следующие правила:
1. Длина пароля должна быть не менее 8 символов.
2. Пароль должен состоять из цифр и латинских букв в разных регистрах; желательно включать в пароль другие символы, имеющиеся на клавиатуре (например, символы / ? ! <> [ ] { } и т.д.).
3. Пароль не должен являться словарным словом или набором символов, находящихся рядом на клавиатуре. В идеале пароль должен состоять из бессмысленного набора символов.
4. Все пароли необходимо менять с определенной периодичностью, оптимальный срок – от трех месяцев до года.
4.2. ТРЕБОВАНИЯ К ФУНКЦИЯМ (ЗАДАЧАМ), ВЫПОЛНЯЕМЫМ САЙТОМ
4.2.1. Структура сайта и навигация Главная страница:
Header сайта
Меню сайта
- О компании
- Миссия – текстовая страница
- Гарантии и обязательства – текстовая страница
- Карьера – текстовая страница
- Информация и документация – текстовая страница + скачать
- Каталог производителей – текстовая страница + скачать
- Получение и оплата
- Получение
· Пункты самовывоза – текстовая страница
· Доставка – текстовая страница
· Почта РФ – текстовая страница
· Транспортные компании – текстовая страница
- Оплата
· Наличный расчет – текстовая страница
· Банковская карта – текстовая страница
· Онлайн оплата – текстовая страница
· Банковский перевод – текстовая страница
- Компаниям – текстовая страница с формой обратной связи + скачать
- Новости – страница с динамическим контентом
- Контакты – текстовая страница с формой обратной связи
- Вход/Регистрация
- Страница входа
- Страница регистрации
- Личный кабинет (ссылка видна авторизированным пользователям вместо Вход/Регистрация)
- Страница личный кабинет
Под верхним меню располагаются следующие элементы (в одну строку):
- Логотип (при нажатии переход на главную страницу);
- Значок поиска (при наведении на него появляется поле для ввода запроса);
- Контактные телефоны;
- Корзина (с отображением количества помещенных в нее товаров);
- Избранное (при нажатии – происходит переход на страницу избранного).
Тело сайта
Основное меню категорий (расположение вертикальное по левому краю сайта). Меню имеет категории, подкатегории, подподкатегории – конечный товар. Основное меню категорий товаров содержится в Приложении 1 – Структура сайта.
Слайдер с акциями и картинками правее меню категорий товаров. Под ним располагаются табы:
- Распродажа (отображает товары, которым присвоено это значение);
- Хиты продаж (отображает товары, которым присвоено это значение);
- Новинки (отображает товары, которым присвоено это значение);
- Акции (отображает товары, которым присвоено это значение).
Персональные рекомендации
Расположены по три штуки в ряд, в два ряда. Ниже располагается элемент «Персональные рекомендации» (технология Big Data), который выводит подобранные товары, 4 карточки товара в один ряд. Под ними располагается элемент «Показать еще», который подгружает еще 2 ряда персональных рекомендаций – в случае их наличия.
Новости
Располагаются под меню категорий товаров, представляют собой превью изображения новости, ее начало и кнопку «Подробнее», при ее нажатии происходит переход на текстовую страницу с новостью.
Бренды
Под блоком «Персональные рекомендации» располагается блок с брендами (логотипами) производителей в виде слайдера. При нажатии на один из логотипов происходит переход на страницу с каталогом производителей, где есть возможность скачать каталоги.
Сертификаты
Под брендами производителей располагается слайдер, где можно увидеть сертификаты, которыми обладает магазин. При нажатии на один из сертификатов он открывается в лайтбоксе.
Последние просмотры
Выводит 4 превью карточки товара (в один ряд), показывает те товары, которые недавно просматривал пользователь. Под ними располагается элемент «показать еще», при его нажатии подгружается еще два ряда превью карточек товара.
Footer сайта
- Логотип (не кликабелен);
- О компании (кликабельно);
- Получение и оплата (кликабельно);
- Компаниям (кликабельно);
- Новости (кликабельно);
- Контакты (кликабельно);
- Юридический адрес компании (текстовая информация);
- Социальные сети (переход на соответсвующую социальную сеть);
- Логотипы принимаемых платежных систем.
Ползающий footer сайта
Все страницы сайта содержат футер, привязанный к нижнему краю экрана, который содержит следующую информацию:
- Обратная связь (при нажатии появляется модальное окно, с формами для заполнения) – Модальное окно (Прототип 31 – Форма обратной связи). Представляет собой модальное окно с полями для заполнения: тема*, ваше имя*, ваш телефон*, ваш e-mail*, ваше сообщение*, поле с генерацией кода CAPTCHA, поле для ввода кода и кнопка подтверждения отправки сообщения.
- Поле для введения e-mail адреса для подписки на рассылку и кнопка подтверждения.
- Сравнение. При добавлении товара к сравнению, количество сравниваемых товаров отображается в этом поле.
- Корзина. При добавлении товара в корзину отображается числовое значение товаров в корзине, так же рядом располагается кнопка, которая позволяет пользователю перейти в корзину.
4.2.2. Основные требования
Пользовательский интерфейс сайта должен обеспечивать наглядное, интуитивно понятное представление структуры размещенной на нем информации, быстрый и логичный переход к разделам и страницам. Навигационные элементы должны обеспечивать однозначное понимание пользователем их смысла: ссылки на страницы должны быть снабжены заголовками, условные обозначения соответствовать общепринятым. Графические элементы навигации должны быть снабжены альтернативной подписью.
Система должна обеспечивать навигацию по всем доступным пользователю ресурсам и отображать соответствующую информацию. Для навигации должна использоваться система контент-меню. Меню должно представлять собой текстовый блок (список гиперссылок) в левой колонке или в верхней части страницы (в зависимости от утвержденного дизайна).
Для разделов, содержащих подразделы, должно быть предусмотрено выпадающее подменю.
При выборе какого-либо из пунктов меню пользователем должна загружаться соответствующая ему информационная страница (новостная лента, форма обратной связи и пр.), а в блоке меню (или в основной части страницы в зависимости от утвержденного дизайна) открываться список подразделов выбранного раздела.
4.2.3. Наполнение сайта (контент)
Наполнение контента и обработка иллюстраций для приведения их в соответствие с техническими требованиями не входит в стоимость разработки сайта. При необходимости дополнительной обработки (набор, вычитка, сканирование, ретушь, монтаж, перевод и т.п.) силами Исполнителя она должна осуществляться в рамках отдельного соглашения с Заказчиком.
После сдачи сайта в эксплуатацию информационное наполнение разделов, включая обработку и подготовку к публикации графических материалов, должно осуществляться Заказчиком самостоятельно или на основании отдельного договора на техническую поддержку сайта.
4.2.4. Требования к функциональным возможностям
Разработка интернет-магазина будет осуществляться на CMS Битрикс.
Система управления контентом (административная часть сайта) предоставляет возможность добавления, редактирования и удаления содержимого статических, динамических страниц, разделов и блоков сайта. Также должна быть предусмотрена возможность добавления информации без отображения на сайте.
Система управления контентом должна иметь стандартный для Windows интерфейс, отвечающий следующим требованиям:
- реализация в графическом оконном режиме;
- единый стиль оформления;
- интуитивно понятное назначение элементов интерфейса;
- отображение на экране только тех возможностей, которые доступны конкретному пользователю;
- отображение на экране хода длительных процессов обработки;
- диалог с пользователем должен быть оптимизирован для выполнения типовых и часто используемых операций;
- для операций по массовому вводу информации должна быть предусмотрена минимизация количества нажатий на клавиатуру для выполнения стандартных действий.
Типовые страницы могут изменяться, редактироваться или дополняться в административной части сайта. Типовые навигационные и информационные элементы:
- Header сайта;
- Основная контентная часть;
- Footer сайта.
4.3. ТРЕБОВАНИЯ К ВИДАМ ОБЕСПЕЧЕНИЯ САЙТА
4.3.1. Требования к лингвистическому обеспечению
Сайт должен быть выполнен на русском языке. Административная часть сайта – на русском языке.
4.3.2. Требования к программному обеспечению
Программное обеспечение клиентской части должно удовлетворять следующим требованиям:
- включенная поддержка javascript, cookies.
4.3.3. Требования к аппаратному обеспечению
Аппаратное обеспечение серверной части должно удовлетворять следующим требованиям:
- MySQL 5.0.51 и выше;
- Apache 2.2.8 и выше;
- PHP 5.3 и выше;
- eAccelerator 0.9.5 и выше.
Также хостинг должен соответствовать всем требованиям, которые предъявляет к хостингу компания 1С-Битрикс. Ознакомиться с ними можно по адресу:
http://www.1c-bitrix.ru/products/cms/requirements.php#tab-hosting-link
5. СТРУКТУРА РАЗДЕЛОВ
Общий вид страниц
Прототипы (дизайн-шаблон) страниц сайта см. в Приложении к данному Техническому заданию.
Верстка сайта будет представлять собой адаптивную верстку, которая будет оптимизирована под разрешения основных распостраненных устройств. Для компьютеров – 1360 px.
Мобильные и планшеты – 320 px, 768 px, 990 px.
5.1. ГЛАВНАЯ СТРАНИЦА
Прототип данной страницы сайта – Прототип 1 – Главная страница.
При открытии сайта появляется модальное окно со всеми городами и регионами России. Носит информационный характер о том, что интернет-магазин работает в России. Нажимая на любой город, модальное окно закрывается, пользователь попадает на главную страницу.
Общий вид страницы представляет собой:
Header сайта предоставляет собой меню в одну строку:
Меню сайта
- О компании
- Миссия – текстовая страница.
- Гарантии и обязательства – текстовая страница.
- Карьера – текстовая страница.
- Информация и документация – текстовая страница + скачать.
- Каталог производителей – текстовая страница + скачать.
- Получение и оплата:
Получение
- Пункты самовывоза – текстовая страница.
- Доставка – текстовая страница.
- Почта РФ – текстовая страница.
- Транспортные компании – текстовая страница.
Оплата
- Наличный расчет – текстовая страница.
- Банковская карта – текстовая страница.
- Онлайн оплата – текстовая страница.
- Банковский перевод – текстовая страница.
- Компаниям – текстовая страница с формой обратной связи;
- Новости – страница с динамическим контентом;
- Контакты – текстовая страница с формой обратной связи;
- Вход/Регистрация:
- Страница вход.
- Страница регистрации.
- Личный кабинет (ссылка видна авторизированным пользователям вместо Вход/Регистрация)
- Страница личный кабинет.
Под верхним меню располагаются следующие элементы (в одну строку).
- Логотип (при нажатии переход на главную страницу).
- Значок поиска (при наведении на него появляется поле для ввода запроса).
- Контактные телефоны.
- Корзина (с отображением количества помещенных в нее товаров).
- Избранное (при нажатии – происходит переход на страницу избранного).
Меню «Каталог товаров»
Блок «Каталог товаров» представляет собой меню категорий товаров, представленных на сайте. При нажатии на одну из категорий товара происходит переход в данную категорию или подкатегорию. Для различных видов товаров представлен разный вывод отображения (шахматка и список).
Слайдер с акциями и новостями
В слайдере будет помещены картинки с возможностью перехода в карточку товара, на текстовую страницу или статью, т.е. на любую ссылку внутри сайта. Слайдер должен быть запрограммирован на смену слайдов каждые 3 секунды. По нижнему краю посередине слайдера помещаются навигационные элементы, которые обозначают порядковый номер слайдов и при нажатии на один из которых можно перейти на интересующий слайд.
Превью карточки товара
Над превью карточек товаров располагается строка с табами:
- распродажа;
- хиты продаж;
- новинки;
- акции.
Карточки товара располагаются по 3 штуки в ряд, в 2 ряда. Представляют собой блок с фотографией товара, меткой (рекомендуем, новинка, распродажа), названием, ценой товара. При наведении на карточку товара отображаются дополнительные свойства товара, такие как «добавить к сравнению» и «добавить в избранное». При нажатии на значок сравнения сравниваемый товар отображается в плавающем футере, и появляется информационное окно, сообщающее о том, что товар добавлен к сравнению. Товар в избранное может добавить любой пользователь авторизованный и неавторизованный – избранное хранится в течение сессии.
Новости под категориями товаров
Под категориями товара выводятся две последние новости, при нажатии происходит переход на страницу с новостью.
Персональные рекомендации
Персональные рекомендации формируются на основе технологии Big Data. Выводят четыре рекомендации, при нажатии на элемент подгружается еще два ряда карточек с товарами.
Бренды
Под блоком «Персональные рекомендации» располагается блок с брендами (логотипами) производителей в виде слайдера. При нажатии на один из логотипов происходит переход на страницу с каталогом производителей, где есть возможность скачать каталоги.
Сертификаты
Под брендами производителей располагается слайдер, где можно увидеть сертификаты, которыми обладает магазин. При нажатии на один из сертификатов он открывается в лайтбоксе.
Последние просмотры
Выводит 4 превью карточки товара (в один ряд), показывает те товары, которые недавно просматривал пользователь. Под ними располагается элемент «показать еще», при его нажатии подгружается еще два ряда превью карточек товара.
Footer сайта
- Логотип (не кликабелен);
- О компании (кликабельно);
- Получение и оплата (кликабельно);
- Компаниям (кликабельно);
- Новости (кликабельно);
- Контакты (кликабельно);
- Юридический адрес компании (текстовая информация);
- Социальные сети (переход на соответсвующую социальную сеть);
- Логотипы принимаемых платежных систем.
Ползающий footer сайта
Все страницы сайта содержат футер, привязанный к нижнему краю экрана, который содержит следующую информацию:
- Обратная связь (при нажатии появляется модальное окно, с формами для заполнения) – Прототип 31 – Форма обратной связи;
- Поле для введения e-mail адреса для подписки на рассылку и кнопка подтверждения;
- Сравнение. При добавлении товара к сравнению, количество сравниваемых товаров отображается в этом поле;
- Корзина. При добавлении товара в корзину отображается числовое значение товаров в корзине, так же рядом располагается кнопка, которая позволяет пользователю перейти в корзину;
- Логотип фирмы разработчика.
5.2. СТРАНИЦА РЕГИСТРАЦИИ
Прототип данной страницы сайта – Прототип 2 – Регистрация. Общий вид страницы представляет собой:
- Header сайта;
- Основная контентная часть.
Под Header’ом располагается строка с названием раздела и хлебными крошками (цепочка ссылок на страницы разделов, предшествующим, текущей странице).
Ниже располагаются поля для регистрации:
- Ваше имя*;
- Ваша фамилия*;
- Телефон;
- Ваш e-mail*;
- Введите пароль*;
- Подтвердите пароль*;
- Поле с генерацией защиты от автоматических сообщений (CAPTCHA)*;
- Поле для ввода данной защиты*;
- Кнопка подтверждения регистрации.
Страница содержит чек-бокс «Я хочу получать новостную рассылку», при нажатии на нее пользователь автоматически подписывается на рассылку новостей.
Страница содержит чек-бокс «Я представитель организации или ИП» – строка носит информационный характер для сбора статистки (для администратора/модератора сайта).
Все поля, помеченные звездочкой – обязательны для заполнения.
После прохождения регистрации происходит вход на сайт с перезагрузкой текущей страницы. Ссылка Вход/Регистрация в основном меню меняется на ссылку Личный кабинет/Выйти. На почту, указанную при регистрации, автоматически отправляется письмо с регистрационными данными и паролем, указанным Пользователем.
- Footer сайта.
- Плавающий Footer.
5.3. ВХОД НА САЙТ (Авторизация)
Прототип данной страницы сайта – Прототип 3 – Модальное окно (авторизация). Представляет собой модальное окно с полями для заполнения:
- Ваш e-mail*
- Пароль*
- Кнопка подтверждения.
Оба поля, помеченные звездочкой, обязательны для заполнения.
Модальное окно также имеет ссылку «Еще не зарегистрированы» – происходит переход на страницу регистрации (Прототип 2), ссылку на восстановление пароля. Открывает модальное окно – Восстановление пароля (Прототип 4 – Модальное окно (восстановление пароля).
5.4. СТРАНИЦА ЗАПРОС ПАРОЛЯ
Прототип данной страницы сайта – Прототип 4 – Модальное окно (восстановление пароля). Общий вид окна представляет собой:
- Ваш e-mail* (Если вы забыли пароль, введите e-mail, который использовали при регистрации. Контрольная строка для смены пароля, а также ваши регистрационные данные будут высланы вам по e-mail).
- Кнопка «Выслать».
5.5. СТРАНИЦА ЛИЧНЫЙ КАБИНЕТ
Прототип данной страницы сайта – Прототип 5 – Личный кабинет (ФЛ), Прототип 6 – Личный кабинет (ЮЛ), Прототип 7 – Личный кабинет с пустой историей заказов.
Общий вид страницы представляет собой:
1. Header сайта.
2. Основная контентная часть.
Под Header’ом располагается строка с названием раздела и хлебными крошками (цепочка ссылок на страницы разделов, предшествующим, текущей странице).
Ниже располагается чек-бокс для выбора «Физическое лицо» и «Юридическое лицо», в зависимости от выбора пользователя – подгружаются соответствующие поля для заполнения.
Личный кабинет для Физического лица (Прототип 5)
Содержит следующие поля для заполнения личных данных:
- Ваше имя*;
- Ваша фамилия*;
- Ваш e-mail*;
- Ваш телефон*;
- Ваш город;
- Ваша улица;
- № дома;
- Квартира;
Смена пароля:
- Новый пароль.
- Подтверждение пароля.
- Кнопка сохранения данных.
Ниже располагается история заказов. История заказов содержит табы: активные, выполненные, все. В зависимости от выбранного пользователя таба, ему отображаются те заказы, которые в данный момент имеют активный статус, выполненные, либо же все.
Под табами выводятся заказы, они представляют собой строку, в которой отображаются следующие свойства заказа: номер, дата заказа, время заказа, состояние, вид оплаты, сумма заказа.
Номер заказа является ссылкой, при нажатии на которую можно перейти к более подробному отображению выбранного заказа. Выводится 20 последних заказов, под ними элемент – «показать еще».
Личный кабинет для Юридического лица (Прототип 6)
Содержит следующие поля для заполнения
Личные данные:
- Название компании*;
- ИНН*;
- КПП*;
- БИК банка*;
- Кор/счет*;
- Р/счет*;
- Наименование банка*;
- Поле с подсказкой для заполнения юридического адреса *;
- Чек-бокс, если фактический адрес, совпадает с юридическим адресом. Если адрес не совпадает и пользователь не отмечает чек-бокс, то поле с заполнением фактического адреса обязательно к заполнению;
- Контактное лицо*;
- Телефон*;
- E-mail*.
Смена пароля:
- Новый пароль.
- Подтверждение пароля.
- Кнопка сохранения данных.
Ниже располагается история заказов. История заказов содержит табы: активные, выполненные, все. В зависимости от выбранного пользователя таба, ему отображаются те заказы, которые в данный момент имеют активный статус, выполненные, либо же все.
Под табами выводятся заказы, они представляют собой строку, в которой отображаются следующие свойства заказа: номер, дата заказа, состояние, вид оплаты, сумма заказа, кнопка в виде значка информации, при нажатии на которую можно перейти к более подробному отображению выбранного заказа.
Выводится 20 последних заказов, под ними элемент – «показать еще».
Личный кабинет с пустой историей заказов (прототип 7)
Если пользователь еще не совершал покупок, то его история будет пуста. «Ваша история заказов пуста. Сделайте заказ в нашем интернет-магазине».
- Footer сайта.
- Плавающий Footer.
5.6. СТРАНИЦА КАТЕГОРИИ
5.6.1. Прототип данной страницы сайта – Прототип 8 – Категория (шахматка), Прототип 9 – Категория со скрытым меню, Прототип 30 – Категория (список с картинкой)
Общий вид страницы представляет собой:
1. Header сайта.
2. Основная контентная часть.
Под Header’ом располагается строка с названием раздела и хлебными крошками (цепочка ссылок на страницы разделов, предшествующим текущей странице).
По левому краю сайта располагается меню категорий, которое можно свернуть (прототип 9 – Категория со скрытым меню). Под ним располагается фильтр по параметрам, который представляет собой:
- фильтр по цене (от и до);
- товары со скидкой;
- производители;
- фильтр по назначению товара (точные работы или нет).
При выборе пользователем определенных параметров в фильтре на странице категории, ему выводятся именно те товары, критериям выбора которых они соответствуют.
Под хлебными крошками находится горизонтальный фильтр, который отображает товары по следующим параметрам:
- Сортировка (выпадающее меню):
- по популярности;
- по цене.
- Отображать по:
- 12 товаров;
- 24 товара;
- 36 товаров.
Рядом с фильтром располагается кнопка переключения отображения превью карточек товара.
Под ними располагаются превью карточек товара. На странице выводится 12 карточек товара, по 3 штуки в ряд в 4 ряда. Превью карточки товара представляет собой:
- изображение товара;
- название;
- цена (предусматривается наличие старой цены и новой);
- кнопка купить (при нажатии появляется модальное окно Прототип 11 - Добавление товара в корзину).
Модальное окно Добавление товара в корзину – Прототип 11
Представляет собой модальное окно с миниатюрным изображением товара, названием, кнопкой «Перейти в корзину» и кнопкой «Продолжить покупки».
При наведении на превью карточки товара появляются дополнительные свойства:
- Добавить в избранное (появляется модальное окно – Добавление в избранное – Прототип 12).
- Добавить товар к сравнению (в плавающем Footer’е отображается количество сравниваемых товаров).
Модальное окно Добавление товара в избранное – Прототип 12
Представляет собой модальное окно с миниатюрным изображением товара, названием, кнопкой «Перейти в избранное».
При нажатии на заголовок товара или на изображение происходит переход в карточку товара.
Под превью карточек товаров располагается количество товаров в категории и элемент пагинации:
· Footer сайта;
· Плавающий Footer.
5.7. СТРАНИЦА КАРТОЧКИ ТОВАРА
В данном разделе подробно описываются карточки товаров по аналогии с предыдущими прототипами.
5.8. СТРАНИЦА КОРЗИНА
В данном разделе подробно описывается корзина с товарами по аналогии с предыдущими прототипами.
5.9. СТРАНИЦА ОФОРМЛЕНИЯ ЗАКАЗА
В данном разделе подробно описывается корзина с товарами по аналогии с предыдущими прототипами.
Далее в оригинале технического задание давались описания всех требуемых страниц. В данном приложении полностью не приводятся.
6. ОСОБЕННОСТИ АДМИНИСТРАТИВНОЙ ЧАСТИ САЙТА
Все товары на сайте являются простыми товарами без торговых предложений.
Отзывы, добавляемые на сайт, проходят модерацию администратором сайта.
7. ПОРЯДОК КОНТРОЛЯ И ПРИЕМА САЙТА
7.1. ВИДЫ, СОСТАВ, ОБЪЕМ И МЕТОДЫ ИСПЫТАНИЙ.
Сдача-приемка выполненных работ должна осуществляться при предъявлении Исполнителем комплектов соответствующих документов и завершаться оформлением акта сдачи-приемки, подписанного Исполнителем и утвержденного Заказчиком.
7.2. ОБЩИЕ ТРЕБОВАНИЯ К ПРИЕМКЕ САЙТА
Приемка сайта должна проводиться приемочной комиссией, в состав которой должны входить представители Заказчика и Исполнителя, в течение трех рабочих дней после завершения работ. Результаты работы комиссии должны оформляться актом, подписанным членами комиссии и утверждённым Заказчиком.
| Предыдущая |