Виджет для выбора способа доставки

Оказание информационных услуг при выборе способа доставки.

Задача

Создать web-инструмент, который "В три клика" даст возможность Покупателю интернет-магазина выбрать наиболее подходящий по ряду параметров (стоимость, сроки, расположение...) способ доставки.

Что такое виджет

Встраиваемый на сайт магазина модуль с web-интерфейсом.

Простыми словами-маленький кусок сайта со своими страницами.

Для чего предназначен наш виджет

Встраивается в корзину интернет магазина на шаге выбора доставки и позволяет Покупателю выбрать лучший для него способ. Для упрощения выбора предусмотрено:

1. несколько вариантов представления возможных способов доставки (на карте города, на схеме метро, таблицей),

2. несколько фильтров позволяющих сузить поиск (по стоимости, по срокам, по удаленности от места и т.д.)

Что хочется от дизайнера

Яркий, юзабильный дизайн в корпоративном стиле. Что такое корпоративный стиль смотрите в приложенных файлах: "pattern... ", "Корпоративный сайт... " и "LOGO... ".

Описание

Как следует из основной задачи "Создать web-инструмент, который "В три клика" даст возможность Покупателю интернет-магазина выбрать наиболее подходящий способ доставки" Виджет должен состоять из 3 страниц:

1. Страница входа. ЗАДАЧИ СТРАНИЦЫ:

1. 1. Дать возможность Покупателю ввести адрес
   2. Дать возможность Покупателю выбрать способ представления (на карте, на схеме метро и т.д.)
   3. Схематично показать покупателю дальнейшие шаги

Страница должна быть минимально загружена информацией. Подробнее см. приложенный файл "Страница 1 Вход"

2. Страница выбора способа доставки. ЗАДАЧИ СТРАНИЦЫ:

1. 1. Дать возможность Покупателю настроить фильтры поиска (по срокам, по стоимости, по удалению от введенного адреса, по типам услуг и т.д.)
   2. Дать возможность Покупателю изменить адрес доставки
   3. Дать возможность Покупателю переключаться между способами представления (на карте города, на схеме метро)
   4. Показать Покупателю рекламу
   5. Дать возможность поучаствовать в опросе по качеству работы сервиса
   6. Отобразить покупателю перечень результатов соответствующих его настройкам фильтров (зона поиска в соответствии с заданным радиусом от введенного адреса подсвечена, иконки удовлетворяющие условиям поиска активным цветом, остальные неактивным, например серым) выбранным им способом представления (на карте города или схеме метро)
   7. Показать Покупателю краткое описание по результатам соответствующим его настройкам

Для пунктов 1-3 служит "блок управления". Для пунктов 4,5 - "парящие" баннеры. Для пункта 6 - все поле страницы. Для пункта 7 - вертикальная полоса в зоне "блока управления". Подробнее см. приложенный файл "Страница 2 Выбор способа доставки"

3. Страница детального описания выбранного способа. ЗАДАЧИ СТРАНИЦЫ:

1. 1. Дать возможность Покупателю детально ознакомиться с выбранным вариантом
   2. Дать возможность Покупателю распечатать детальное описание или отправить на email
   3. Показать рекламу
   4. Предложить поучаствовать в опросе

Подробнее см. приложенный файл "Страница 3 Детальное описание"

Перечень задач дизайнеру

1. Разработать дизайн 3 основных страниц в соответствии с атрибутами корпоративного стиля

2. Продумать анимацию закрытия/смены баннеров

3. Положение "блока управления" (страница 2 виджета) и сценарий прокрутки информации выводимой в полосе блока управления.

4. Продумать применение паттерна в качестве фона рабочих областей (нужен/не нужен, цвет, прозрачность).

5. Продумать вариант оформления "парящих" баннеров (кнопка закрытия, выделение от фона)

6. Предложить вариант оформления блока управления и дополнительной информации

7. Разработать иконки для отображения на схемах:

• для пункта выдачи/постомата (удовлетворяющую условиям поиска и неудовлетворяющую)
• для Курьера (удовлетворяющую условиям поиска и неудовлетворяющую)

8. Предложить вариант визуализации зоны поиска (зона с заданным радиусом от введенного адреса)

9. Предложить вариант визуализации зон курьерской доствки (заполнение в духе паттерна или градиент и т.д.)

10. Предложить вариант анимации и оформления всплывающих меню уточнения

11. Разработать оформление информационных блоков (это кратное описание результатов поиска на странице 2 и все блоки на странице 3: текстовые с картами, с баннерами)

12. Разработать иконки для типов услуг. Есть следующие типы:

• Частичная выдача
• Примерка
• Выдача нестандартного (большого) габарита
• Выдача стандартного габарита
• Выдача мелкого габарита
• Прием оплаты картами
• Прием оплаты только наличными
• Постомат (машина без продавца)
• Пункт выдачи с продавцом