Разработка автомобильного конфигуратора для социальной сети Facebook

Положен старт разработки онлайн-конфигуратора автомобилей с использованием панорам и 3D моделирования, с интеграцией в группу Changan Motors в социальной сети Facebook.

13 January, 19:35
Анатолий Суровецкий
Прототипировщик
5039
0

Создание прототипа веб-приложения для сайта социальной сети Facebook. Приложение представляет из себя автомобильный конфигуратор, позволяющий "собрать" желаемый автомобиль и осуществить его заказ.

Задача

Разработка веб-приложения для сайта Facebook с привязкой к официальному аккаунту Changan. 

Цель

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

Структура

Структура приложения - пошаговая. На каждом этапе клиенту будет предлагаться выбор определенных характеристик. 

Разработка прототипов этапов приложения:

Шаг №1

На первом шаге приложения пользователь видит окно выбора модели автомобиля. На экране отображены «сквозные» кнопки «Далее» (переход к следующему шагу), «Записаться на тест-драйв», которая отправляет пользователя на страницу записи и кнопка «Посмотреть выбранные характеристики», которая позволяет в любой момент, увидеть все выбранные параметры в удобном формате и сформированную по ним стоимость.

Также, внизу приложения выводится шкала шагов, которые закрашиваются после того, когда они уже были пройдены (выбраны соответствующие характеристики). Характеристики выводятся над каждым шагом, для удобства пользователя.

Шаг №2

На втором шаге пользователю предлагается выбрать желаемый цвет автомобиля и появляется кнопка «Назад», которая позволяет вернуться на предыдущие шаги.

Шаг №3

 

Третий шаг дает возможность пользователю выбрать желаемую комплектацию автомобиля, ознакомившись с нею как визуально, в миниатюре на изображении, так и более подробно в текстовом виде, под ним.

Шаг №4

На четвертом шаге конфигуратора, у пользователя появляется возможность ознакомиться с видом будущего автомобиля «снаружи», имея возможность обзора в 360 градусов.

Шаг №5

 

На пятом шаге пользователь может выбрать желаемую модификацию салона (Кожаный, велюровый и т.д.), по клике на миниатюру изображения которого, выводится увеличенное изображение в формате 2D.

Шаг №6

На шестом шаге конфигуратора, для пользователя предусмотрена возможность посмотреть автомобиль «изнутри», при прокрутке в 360 градусов.

Шаг №7

На последнем шаге пользователь может ознакомиться с выбранными характеристиками их сформированной по ним стоимостью автомобиля.

Заключительный этап «Записаться на тест-драйв»

На отдельной вкладке, которая вызывается по кнопке «Записаться на тест-драйв», пользователь может выбрать удобный для него салон и оставить заявку, после чего, с ним свяжется менеджер компании.

Добавление комментария:

Подписаться на новые статьи

Подпишитесь на новые статьи и вы будете получать самые свежие новости прямо к вам на почту