Мы начали работу с поиска идеи, т.к. промо-страница это на 90% дизайн. Она должна моментально привлекать внимание и вовлекать пользователя во взаимодействие.
В результате мы приступили к созданию лендинга, на котором можно включать и выключать разные осветительные приборы (опции освещения) на машине и получить дополнительную информацию о каждой из них.
Концепция дизайна: демонстрация машины на освещенной сцене. Для большего эффекта выбран темный фон страницы. Машины выводятся на сцену поочередно, прокруткой страницы или кнопками навигации по экранам. Когда машина выведена на сцену, над ней загорается свет. Темный фон страницы позволяет выгодно и эффектно демонстрировать включенные фары освещения.
Дизайнер нарисовал отдельными слоями каждую световую опцию, чтобы при переключении опций кнопками внизу, на экране сменялись слои с зажженным светом. У пользователя должно создаваться впечатление, что свет «живой». Выбирая опцию, пользователь получает дополнительную информацию о ней в виде текстового описания и активных ссылок на другие ресурсы Linde.
Просматривать содержимое страницы можно либо скроллом, либо используя кнопки навигации. Начать можно прямо с первого экрана, кликнув на одну из машин. Пользователь тут же перейдет к нужному экрану.
Количество и описание опций к каждой машине устанавливается в консоли администратора. Предварительно в базу данных были добавлены все нарисованные дизайнером опции, контент-менеджеру останется только добавить их к нужной машине в любом порядке и количестве. И задать описание: заголовок, текст, ссылки на ресурсы с доп.информацией. Слои с опциями связаны с кнопками выбора опций, возможность перепутать кнопки исключена.
