Дорогие друзья!

Пока в мире бушует эпидемия COVID-19, мы продолжаем работать для вас в штатном режиме: все сотрудники компании переведены на безопасную удаленную работу. График прежний: пн-пт, с 10 до 19. Задачи бизнеса должны решаться в срок!

Давайте обсудим ваш проект online, используя skype, zoom, whatsapp и другие средства связи Оставьте нам заявку - это безопасно. Будьте здоровы!

Опыт 9 лет
250 + проектов
Можем работать с НДС
Офис в Москве
баннер

Световые опции для погрузчиков

Разработка промо-лендинга для демонстрации световых опций погрузчиков.

Срок реализации:
14 рабочих дней
Команда проекта:
5 человек: руководитель проекта, менеджер проекта, дизайнер, верстальщик, веб-разработчик
Услуги:
Прототипирование, дизайн, адаптивная верстка, установка на WordPress и внедрение на корпоративный сайт заказчика.

1.Прототипирование и тех.задание

Мы начали работу с поиска идеи, т.к. промо-страница это на 90% дизайн. Она должна моментально привлекать внимание и вовлекать пользователя во взаимодействие.
В результате мы приступили к созданию лендинга, на котором можно включать и выключать разные осветительные приборы (опции освещения) на машине и получить дополнительную информацию о каждой из них.

 

 

promo_dlinnaja

2.Дизайн страницы

Концепция дизайна: демонстрация машины на освещенной сцене. Для большего эффекта выбран темный фон страницы. Машины выводятся на сцену поочередно, прокруткой страницы или кнопками навигации по экранам. Когда машина выведена на сцену, над ней загорается свет. Темный фон страницы позволяет выгодно и эффектно демонстрировать включенные фары освещения.

 

Дизайнер нарисовал отдельными слоями каждую световую опцию, чтобы при переключении опций кнопками внизу, на экране сменялись слои с зажженным светом. У пользователя должно создаваться впечатление, что свет “живой”. Выбирая опцию, пользователь получает дополнительную информацию о ней в виде текстового описания и активных ссылок на другие ресурсы Linde.

linde-promo-desktop



3.Адаптивная верстка с поэкранным скроллом.

Мы сразу поставили себе непростую задачу, которая, тем не менее, должна была максимально эффектно подать информацию: поэкранный скролл при закрепленном фоне. Это значит, что когда пользователь скроллит страницу колесиком мыши или пользуется кнопками навигации, перемотка контента происходит целым экраном. Мы остановились на таком способе потому, что по замыслу машины стоят в центре освещенной сцены а этого можно добиться, если принудительно ставить машину в центр экрана, не перекладывая на пользователя необходимость целиться точно в освещенное пятно. Как только машина становится на свое место в центре сцены, над ней вспыхивает свет.

 

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

linde-promo

4.Настройка управления страницей (админка)

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

 

Количество и описание опций к каждой машине устанавливается в консоли администратора. Предварительно в базу данных были добавлены все нарисованные дизайнером опции, контент-менеджеру останется только добавить их к нужной машине в любом порядке и количестве. И задать описание: заголовок, текст, ссылки на ресурсы с доп.информацией. Слои с опциями связаны с кнопками выбора опций, возможность перепутать кнопки исключена.

linde-promo1.jpg


Отзыв клиента
Отзыв от Линде
ООО "Линде Материал Хэндлинг Рус"
Руководитель направления маркетинговых коммуникаций, Мария Князева

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