Техническое задание на доработку сайта MINIMAL DOORS от 2014-11-08
Исходные данные:
1. Функционирующий сайт по адресу minimaldoors.ru . Некоторые формы сайта по каким-то причинам не работают.
2. Подключена Яндекс.Метрика (на 2 цели), но не настроена аналитика форм.
Цель: Допилить сайт с целью улучшения показателя конверсии. Для этого планируется внести следующие изменения:
1. Заново запрограммировать все формы. С проверкой валидации через JS
2. Добавить Мини-тест по выбору характеристик товара
3. Добавить Блок «3D модели для ваших проектов»
Детальное описание
1. Формы
• Сейчас кнопка отправки заявки с некоторых форм работает через раз, необходимо исправить положение.
• Подключить проверку валидации форм через JS.
• Подключить цели конверсии и аналитику форм в яндекс и гугл аналитике.
2. Мини тест (аналог можно посмотреть на сайте
), макет minimal_doors_form.psd
Мини-тест состоит из 4 экранов, которые сменяют друг друга по нажатию кнопки «далее». Все данные запоминаются и отправляются на почту в виде заявки.
• Нулевой экран «выбор материала отделки». С него начинается показ только в одном случае – когда пользователь нажимает кнопку «подобрать идеальный вариант» на главном экране. Чтобы перейти на следующую страницу необходимо кликнуть на одну пиктограмму из пяти предложенных
• Первый экран «выбор размера полотна». На него попадаем при нажатии каждой из пяти кнопок из раздела сайта «Варианты отделки». При том необходимо запомнить с какой кнопки пришел пользователь, чтобы передать эти данные в заявку. Здесь списки имеют следующие варианты: «ширина» 600, 700, 800, 900, 1000 см, «высота» 200-240, 241-278, 279-300 см
• Второй экран «Выбор количества дверей». Список имеет следующие варианты от 1…10, 10+
• Форма заявки – Тут все как обычно: пользователю предлагается заполнить имя и телефон.
• *по мере продвижения пользователя по страницам теста значки в нижней части окошка окрашиваются в красный цвет.
3. Блок «3D модели для ваших проектов» макет minimal_doors_3d.psd
• Блок встраивается после раздела «Конструкция»
• При нажатии на кнопку «Скачать 3d модели» начинается скачивание архива minimal_doors.zip
• Одновременно со скачиванием архива Form2 встает на место Form1, которая просит ввести пользователя e-mail
материалы по ссылке