Дизайн сайта сумок и аксессуаров

От потенциального исполнителя требуется оценка сроков, а также портфолио.

Общие положения

1) Похожие сайты

⁃ http://www.moscowatch.ru/

⁃ http://www.replica-watches.ru/

⁃ http://www.elite-replica.ru/

⁃ http://www.wildberries.ru/

⁃ http://www.lamoda.ru/

⁃ http://www.swisstimeclub.ru/

2) Кнопки, активные иконки и ссылки должны быть как минимум в 2х состояниях - обычное и при наведении курсора, для кнопок 3е состояние - при нажатии

3) Пункты меню (в том числе отметки "кружки" на слайдшоу) должны быть как минимум в 3х состояниях - обычное, при наведении и активный пункт меню

4) Ссылки, не ведущие на страницы, должны быть подчеркнуты пунктиром

5) Favicon

6) Нумерация страниц должна выглядеть следующим образом:

⁃ Кнопка или ссылка «Назад»

⁃ Цифры страниц

⁃ Текущая страница

⁃ Троеточие пропуска

⁃ Цифра последней страницы

⁃ Кнопка или ссылка «Вперед»

Общие для всех страниц элементы

1) Стрелка «Наверх», статично располагаемая сбоку за пределами сайта

2) Заголовок

3) Хлебные крошки

Шапка

1) Логотип

2) Слоган

3) Главное меню (Главная, Доставка и оплата, FAQ, Новости, Статьи, О компании, Контакты)

4) Обратный звонок

5) Обратная связь

6) Адрес

7) Время работы

8) Телефоны (Москва, Санкт-Петербург)

9) Блок корзины

⁃ Иконка

⁃ «В корзине X товаров на сумму Y руб.»/«X товаров, Y руб.»/«Товаров: X, Сумма: Y»

⁃ Кнопка «Оформить заказ»

10) Верхнее меню, раскрывающееся при наведении (аналогично http://www.lamoda.ru/)

⁃ Меню (Мужские, Женские, Бренды, Новинки, Распродажа, Скидки и акции)

⁃ Для всех пунктов меню кроме «Бренды»: раскрывающийся при наведении блок содержащий колонки категорий товаров (аналогичные левому меню) и колонка «Бренды», ссылка «Все бренды»

⁃ Для пункта меню «Бренды»: колонки с названиями брендов, разделенные буквами в алфавитном порядке (аналогично http://www.swisstimeclub.ru/)

Подвал

1) Логотип

2) Контактная информация (телефоны, адрес, копирайт)

3) Способоы оплаты (visa, mastercard, qiwi, webmoney, Яндекс.Деньги)

4) Иконки соц. сетей, лайки фэйсбук и вконтакте

5) Меню «Компания» (Обмен и возврат, О компании, Контакты, Оптовикам)

6) Меню «Покупателям» (FAQ, Статьи, Новости, Правовая информация)

Левая колонка

1) Левое меню

2) Блок преимуществ магазина с иконками

⁃ «Бесплатная доставка»

⁃ «Гарантия качества»

⁃ «Весь товар в наличии»

⁃ «Офис продаж в центре Москвы»

3) Товары в сравнении

⁃ Заголовок

⁃ Названия товаров, являющиеся ссылками на карточки товаров

⁃ Кнопка или ссылка «Сравнить»

⁃ Ссылка «Очистить»

4) Баннер

Левое меню

1) Сумки

⁃ Кожанные сумки

⁃ Текстильные сумки

⁃ Замшевые сумки

⁃ Сумки из кожзаментиеля

⁃ Клатчи

2) Кошельки

⁃ Кошельки и портмане

⁃ Косметички

3) Платки и шарфы

⁃ Платки

⁃ Шарфы

⁃ Шали и палантины

4) Бижутерия

⁃ Кольца

⁃ Серьни

⁃ Браслеты

⁃ Колье и подвески

⁃ Брелки

5) Ремни и пояса

6) Аксессуары Apple

⁃ iPhone

⁃ iPad

7) Очки

8) Головные уборы

Главная страница

1) Слайдшоу (баннер, стрелки прокрутки, индикаторы количества баннеров)

2) Левое меню в закрытом виде (без подпунктов)

3) Вкладки спецпредложений («Горячие предложения », «Новинки», «Топ-100», «Лучшая цена»)

⁃ Вкладка

⁃ Список товаров

⁃ Кнопки прокрутки

4) Новости

⁃ Дата

⁃ Заголовок в виде ссылки

⁃ Фото

⁃ Ссылка «Читать далее»

5) Блок преимуществ магазина с иконками

⁃ «Бесплатная доставка»

⁃ «Гарантия качества»

⁃ «Весь товар в наличии»

⁃ «Офис продаж в центре Москвы»

6) Текст

7) Блок «Офис продаж» (текст, фото, контактная информация)

8) Видео

9) Иконки соц. сетей и лайки фэйсбук и вконтакте

Каталог

1) Фильтры (аналогично http://www.lamoda.ru/)

⁃ Бренд (выпадающий список)

⁃ Цвет (выпадающий список)

⁃ Материал (Выпадающий список)

⁃ Цена (от - до, слайдер)

2) Блок сортировки

⁃ Товаров (суммарное количество)

⁃ Сортировать по (цене, новизне, наименованию)

⁃ Выводить по (15, 30, 60, 90, все)

3) Товары

⁃ Заголовок в виде ссылки

⁃ Фото

⁃ Значки «Новинка», «Распродажа», «Топ-100», «Акция»

⁃ Ссылка «Добавить к сравнению», после нажатия изменяется на «Сравнить (Х)», где Х - количество товаров в сравнении

⁃ Тип товара

⁃ Цена

⁃ Старая цена (перечеркнутая)

⁃ Кнопка «Купить»

⁃ Кнопка «Быстрый заказ»

4) Нумерация страниц

5) Текст

6) Левое меню

Карточка товара

1) Фото товара

2) Значки «Новинка», «Распродажа», «Топ-100», «Акция»

3) 4 дополнительные фото товара

4) «В наличии»/«Под заказ»

5) Цена

6) Зачеркнутая цена

7) Кнопка «Купить»

8) Кнопка «Быстрый заказ»

9) Кнопка «Хочу в подарок» (аналогично http://www.toy.ru/)

10) Кнопка «Подписаться на скидку» (аналогично http://www.moscowatch.ru/)

11) Иконки соц. сетей и лайки фэйсбук и вконтакте

12) Ссылка «Добавить к сравнению», после нажатия изменяется на «Сравнить (Х)», где Х - количество товаров в сравнении

13) «Поделиться», иконки соц. сетей, лайки фэйсбук и вконтакте

14) «Размер», кнопки размеров

15) Блок преимуществ магазина с иконками

⁃ Бесплатная доставка

⁃ Пункты самовывоза

⁃ 100% копии

⁃ Осмотр перед оплатой

16) Характеристики (Название характеристики и его значение)

17) Описание

18) Комментарии (аналогично http://www.replica-watches.ru/)

⁃ Ссылки «Комментарии (Х)», «Темы», «Авторы», где Х - количество комментариев

⁃ Поле ввода, слева от которого аватар автора

⁃ Кнопка «Комментировать»

⁃ Отзывы (аватар, имя автора, дата, сообщение, ссылка «ответить»)

19) Блок «Похожие товары»

⁃ Список товаров (фото, название, тип товара, цена, зачеркнутая цена)

⁃ Кнопки прокрутки

Корзина

1) Ссылка «Очистить корзину»

2) Списко товаров

⁃ Фото

⁃ Наименование в виде ссылки на страницу товара

⁃ Количество товаров с кнопками увеличения и уменьшения количества

⁃ Цена

⁃ Кнопка удаления товара

3) Блок скидки (текст, поле ввода, кнопка «Применить»)

4) Итоговая стоимость заказа

⁃ «Скидка», вычитаемая сумма скидки

⁃ «Итого», итоговая сумма

5) Ссылка «Вернуться к покупкам»

6) Контактная информация

⁃ Поле «ФИО*»

⁃ Поле «Телефон*»

⁃ Поле «E-mail»

7) Адрес доставки

⁃ Выпадающий список «Город»

⁃ Поле «Почтовый индекс»

⁃ Поле «Улица»

⁃ Поле «Дом/Корпус/Строение»

⁃ Поле «Квартира»

⁃ Поле «Комментарий»

8) Способ доставки (радиобаттоны с иконками)

⁃ Курьер

⁃ Самовывоз

⁃ Транспортная компания

⁃ Почта

⁃ VIP доставка

9) Способ оплаты (радиобаттоны с иконками)

⁃ Наличными

⁃ Банковской картой

⁃ Картой онлайн

⁃ Электронными деньгами

⁃ Безналичный расчет

10) Кнопка «Оформить заказ»

Страница сравнения товаров

1) Блок параметров сравнения, представляющий собой текст "Показаны:" и кнопки/пунктирные ссылки "все характеристики" и "только различающиеся", один из этих элементов всегда активный

2) Таблица со сравниваемыми товарами, крайняя левая колонка содержит заголовки параметров

3) Товар в сравнении - крестик или надпись "удалить", картинка товара, заголовок (также являющийся ссылкой на карточку товара), цена, характеристики, кнопка "Купить"

4) Кнопка или ссылка "Убрать все товары из сравнения"

Страница «Бренды»

1) Вверху меню, подразделяющее бренды («Все бренды», «Мужчинам», «Женщинам»)

2) Список названий брендов с логотипами, разделенных буквами в алфавитном порядке

Страница списка новостей/статей

1) Дата

2) Заголовок в виде ссылки

3) Фото

4) Текст

5) Ссылка «Читать далее»

Страница FAQ

1) Блок вопроса (имя, текст)

2) Блок ответа («Ответ», текст)

3) Форма отправки вопроса (поле «Имя», поле «E-mail», поле «Ваш вопрос», кнопка «Задать вопрос»)

Контакты

1) Текст

2) Телефоны (Москва, Санкт-Петербург)

3) Станция метро с иконкой

4) Адрес

5) Время работы

6) E-mail

7) Карта

Текстовая страница

1) Текст

2) Ссылка в тексте

3) Картинка обтекаемая текстом

4) Основные элементы (таблица, нумерованый список, ненумированый список, выделенная область текста, заголовки 1 - 4 уровня, горизонтальный разделитель)

5) Дата

Всплывающие окна

1) Обратная связь

⁃ Заголовок

⁃ Текст

⁃ Поле «Ваше имя»

⁃ Поле «Телефон»

⁃ Поле «E-mail»

⁃ Поле «Сообщение»

⁃ Кнопка «Отправить»

⁃ Кнопка «Х», закрывающая окно

2) Добавление товара в корзину

⁃ Заголовок

⁃ Фото товара

⁃ Наименование товара

⁃ Блок с акциями (заголовок, иконка, список акций)

⁃ Ссылка «Вернуться в каталог»

⁃ Кнопка «Оформить заказ»

⁃ Кнопка «Х», закрывающая окно

3) Быстрый заказ

⁃ Заголовок

⁃ Поле «Ваше имя»

⁃ Поле «Телефон»

⁃ Кнопка «Заказать»

⁃ Кнопка «Х», закрывающая окно

4) Заказ звонка

⁃ Заголовок

⁃ Текст

⁃ Поле «Телефон»

⁃ Кнопка «Заказать звонок»

⁃ Кнопка «Х», закрывающая окно

5) Подписка на скидку

⁃ Заголовок

⁃ Текст

⁃ Поле «E-mail»

⁃ Кнопка «Подписаться»

⁃ Кнопка «Х», закрывающая окно

6) Хочу в подарок (выбор соц. сети)

⁃ Заголовок

⁃ Текст

⁃ Иконки соц. сетей

⁃ Кнопка «Х», закрывающая окно

7) Хочу в подарок (добавление желания)

⁃ Заголовок (Добавить желание на сайт Х, где Х - выбранная соц. сеть)

⁃ Фото товара

⁃ Наименование товара

⁃ Текст

⁃ Кнопка «Добавить желание»

⁃ Кнопка «Х», закрывающая окно