Описание
Разработка интерактивного пошагового квиза для сайта мебельной компании на WordPress.
Задача — сделать удобный сценарий предварительного расчёта кухни: посетитель последовательно выбирает параметры будущего проекта с помощью визуальных карточек, а в конце оставляет контактные данные.
Реализовано:
— пошаговое прохождение квиза;
— выбор типа и планировки кухни по изображениям;
— выбор стиля, фасадов и столешницы;
— выбор предполагаемого бюджета;
— форма контактных данных на финальном шаге;
— возможность вернуться на предыдущий этап и изменить выбор;
— сохранение выбранных пользователем параметров между шагами;
— отправка заполненной заявки;
— адаптивная версия для смартфонов;
— визуальные карточки вариантов с единым оформлением.
Квиз встроен в существующий сайт на WordPress и выполнен с учётом его дизайна. Интерфейс разработан прежде всего для мобильных устройств: крупные элементы управления, понятная последовательность действий и минимум ручного ввода.
Использованы HTML, CSS, JavaScript и PHP/WordPress.