Техническое задание на разработку интернет-магазина косметики
ПРИЛОЖЕНИЕ К МАКЕТУ 1
вёрстка главной страницы
1) Иконки ICQ и SKYPE с отображением режимов on/off line (стандартные значки, цвет текста - розовый)
2) Кнопка “Заказать звонок” кликабельна и выдает форму с инф и полями д/заполнения необходимых данных (тел и Имя)
3) Кнопка “on-line консультанта” (SiteHeart.ru) - плавающая, всегда отображается на всех страницах сайта; выравнивание по центру справа; отображение режимов on/off
4) Кнопка “Позвоните нам БЕСПЛАТНО” (comtube.com) - по принципу пункта 3)
5) Кнопка “Отзывы” - плавающая, всегда отображается на всех страницах сайта; выравнивание по центру слева
6) ПАНЕЛЬ МЕНЮ. Изначально отображается вкладка “Главная” со всеми ее рубриками - административная часть меню. При НАВЕДЕНИИ на др вкладки (Lashes, Nails, Make Up; кроме ОПТОВИКАМ - ТОЛЬКО нажатие) акцент на них и отображение рубрик данного раздела. Чтобы увидеть все товары вклаки в начале списка рубрик у каждого раздела есть спец ссылка ВСЕ ТОВАРЫ)
7) СТРОКА МЕНЮ. Отображает все рубрики активной вкладки. При наведении на рубрику выпадает список подрубрик при их наличиид. При нажатии на рубрику или подрубрику (при наличии) переход на страницу выбранного.
В конце строки статичная кнопка SALE%. Акцентирована цветом и отображается на всех страницах сайта, при выборе разных вкладок отображает товары данной тематики, при переходе с Главной страницы или раздела ОПТОВИКАМ - отображает ВСЕ товары с новой ценой из любого раздела Панели Меню.
Раздел SALE%. Данный раздел всегда отображается на всех страницах и акцентирован цветом. При выборе раздела с главной страницы или с раздела Оптовикам - отображает все возможные товары со скдками;
При переходе в раздел SALE% с конкрретного раздела сайта - отображает товары со скидкой только этого того раздела, с которого был совершен переход.
9) Раздел ОПТОВИКАМ - выделить др цветом надпись по сравнению с др вкладками (пример starlook.ru надпиь Лэтуаль). Своего рода это будет дубликат интернет-магазина, но только с отличными от стандартного условиями добовления товаров в Заказ (др мин кол-во и ограничение на мин сумму заказа корзины для возможности оформить заказ). При выборе данной вкладки появляется своя Главная страница раздела. Для данного раздела есть отдельная верстка страницы с приложением.
10) Блок спецпредложений без отображения наименования блока. Представляет собой место на сайте, где динамично представлена информация каких-либо интересных предложений, акций, бонусов, услуг в виде текста, картинок, гиф анимации, видео. Блоки сменают друг друга в виде прокрутки слайдов с задержкой на указанный промежуток времени (для текстов и картинок), на точное время проигрывания (для гиф анимации и видео).
Управление динамикой прокрутки:
- Слева и справа по центру блока стрелки для ручной прокрутки смены слайдов.
- Внизу блока метки, указывающие на актуальное кол-во слайдов для просмотра; отметка позиции слайда в виде визуального акцента конкретной метки, соответствующей номеру позиции слайда в общем списке; возможность переключения между выбранными слайдами с помощью выбора любой метки (пример с цифрами lamoda.ru; пример с кружками store.apple.com/us - для кружка можно использовать розовый цвет для отображения активности)
11) НОВИНКИ - блок с выводом на главной странице товаров, отмеченных в админке как НОВИНКА, данные товары также отображаются в интернет-магазине. На фото товраов стикер с текстом “New”. Блок динамичен и растягивается на все кол-во отмеченных товаров.
12) Блок с инф по БЕСПЛАТНОЙ ДОСТАВКЕ. 2 режима отображения.
1 режим - инф по услуге с описанием всех условий. Активен всегда до тех пор, пока в админке не установлена галочка отображать карту. При этом отображается карта. При снятии галочки опять отобраажается инф по услуге.
2 режим - карта с метками адресов доставки и зоной действия услуги. Карта создается на Яндексе, при отметке в админке отображается в разделе вместо инф по услуге. Над картой прописывать дату даставки ярко и список станций метро.
13)РЕКОМЕНДУЕМ - рекламный блок компаний, услуг или каких-либо товаров.
14) МЫ В СЕТИ - блок с иконками соц сетей, кликабельны, переход на страницы магазина в соц сетях. Блок всегда отображается на всех без исключения страницах сайта (пример оформления на sunlook.ru)
15) НОВОСТИ/БЛОГ - мини-блок по типу БЛОГА с отображением основных событий в жизни компании. Новости отображаются в виде списка тем с кратким описанием и ссылкой на страницу блога в место данной новости для поблее подробного прочтения (якорь). Блок отображается всегда и на всех страницах сайта без исключения.
!!!Уточнить возможность вывода в данном блоке записей из Twitter.
!!!Уточнить возможно ли отображать в блоке НОВОСТИ те позиции, которые соответствуют выбору определенной вкладки? Как это реализовать, если блок связан с Twitter???
Внизу и вверху блока стрелочки для возможности прокрутки списка тем. Последние новости вверху. (пример на сайте - интегрировано с Twitter или - интегрировано с Twitter)
16) ХИТЫ ПРОДАЖ - мини-блок с отображением товаров, которые чаще всего и/или в большем кол-ве добавляют в корзину. Блок отображается всегда и на всех страницах сайта без исключения. (пример оформления на sunlook.ru)
17) СТАТЬИ - мини-блок по типу НОВОСТИ с отображением статей:
при перехаде с главной страницы и ОПТОВИКАМ - отображать все статьи
при переходе с определенной вкладки - статьи с тематикой данного раздела сайта
18) Полоска с проставлением счетчиков или ф-ей ПОДЕЛИЬСЯ по примеру
Продолжение ТЗ здесь