Задача
На текущий момент логика оформления заказа в интернет-магазине http://goo.gl/K0hus9 выглядит следующим образом http://prntscr.com/8hb6hn. Чтобы просмотреть логику оформления заказа нужно перейти по ссылке http://goo.gl/tF08aE, предварительно положив в корзину какой-нибудь товар.
По аналитическим данным из Яндекс Метрики подобная пошаговая система оформления заказа значительно понижает конверсию. Соответственно, я вынужден принимать меры.
Ваша задача – преобразовать страницу в следующий вид: http://prntscr.com/8hb60s.
Логика
Процесс оформления заказа возможно разделить на 3 основополагающих логических блока:
Не авторизованный постоянный покупатель –не авторизованный пользователь, который с определенной периодичностью посещает интернет-магазин и осуществляет покупки. Не авторизованный постоянный покупатель будет действовать согласно следующему сценарию: Изначально, он авторизовывается http://prntscr.com/8hc0ef
Затем, отображается прелоадер http://prntscr.com/8hc10b
Далее, постоянный покупатель проверяет корректно ли заполнены его персональные данные и подтверждает заказ http://prntscr.com/8hc1mu
После подтверждение заказа, заказ должен появится: В административной панели управления http://prntscr.com/8hc338
На почте у менеджера http://prntscr.com/8hc3oh
На почте у покупателя http://prntscr.com/8hc6eq
Обращаю внимание, что в предыдущей форме не было поля с бонусами http://prntscr.com/8hc3xw. По этому, его нужно добавить в административную панель управления и в шаблоны уведомительных писем. Авторизованный постоянный покупатель – авторизованный пользователь http://prntscr.com/8hcfxj, который с определенной периодичностью посещает интернет-магазин и осуществляет покупки. В этом случае сценарий аналогичен 1 пункту – за исключением того, что пункт 1.1 и 1.2 пользователь пропускает. То есть, при открытии корзины ему должна сразу же отображаться форма с заполненными персональными данными. Новый покупатель – пользователь, который впервые зашел на сайт и желает приобрести товар. Новый покупатель будет действовать согласно следующему сценарию: Изначально, он должен заполнить форму http://prntscr.com/8hc4um и кликнуть на кнопку оформления заказа. После оформления заказа происходит все то же самое, что и с постоянным покупателем.
Дизайн-макет
Дизайн-макет расположен по адресу: http://goo.gl/uBj6W8. На Google Drive найдете следующие файлы:
0.jpg – в таком виде должна отображаться корзина, когда в нее попадает пользователь
1.jpg – на макете показано как должна выглядеть форма при выборе доставки курьером http://prntscr.com/8hcayf
2.jpg – на макете показано, как должно выглядеть окно с подсказкой http://prntscr.com/8hcdip. Окно должно появляться при клике на знак вопроса http://prntscr.com/8hcdnj
3.jpg – на макете показано, как должно выглядеть окно с подсказкой
4.jpg – на макете показано, как должно выглядеть окно с подсказкой
5.jpg – отображение прелоадера, в логике пункт 1.2
6.jpg – на макете показано как должна выглядеть заполненная форма. Стили оформления валидаторов возьмите из имеющейся формы http://prntscr.com/8hceik.
Шаблон.psd – исходник содержащий в себе обозначенные выше макеты
Условия
Предлагаю следующие условия (возможно корректировка):
Бюджет – 2 500 рублей.
Сроки – 21.09.2015. То есть, крайний срок сдачи 21.09.2015 в 23:59.
Если сдадите работу раньше обозначенного срока, бюджет будет увеличен до 3 000 рублей, а также получите новую отдельно оплачиваемую задачу. В случае срыва сроков, бюджет будет понижен до 2 000 рублей.
Вопросы по выполнению задачи, а также стоимость и сроки выполнения работы пишите в ЛС.