Про нас Послуги Проекти Контакти

Анімований HTML5-банер Land Rover для показу у аеропорту «Бориспіль»

http://brandup.kiev.ua/work/lr_video/
Клієнт: ВіДі Пауер Моторз
Офіційний дилер Land Rover і Range Rover

Реалізовано новий цікавий і незвичний проект для Клієнта "ВіДі Пауер Моторз" (офіційного дилера Land Rover) — банер для показу в аеропорті "Бориспіль".

Ідея полягає ось у чому: при підключенні до wi-fi в аеропорту "Бориспіль" відвідувачам пропонується переглянути банер, після чого під'єднатися до Інтернету.

Перед нами було поставлене завдання — створити такий банер, до того ж, у ньому повинна відображатись відеоанімація.

http://brandup.kiev.ua/work/lr_video/



Оскільки флеш може бути вимкнений у деяких відвідувачів, насамперед на платформах iOS, було вирішено використовувати тег VIDEO і яваскрипт для показу цього відео.

Після перегляду відеоролика відвідувачу пропонується записатися на тест-драйв або під'єнатися до Інтернету:

http://brandup.kiev.ua/work/lr_video/



Реалізовано ряд перевірок, які дозволяють упевнитися, що відвідувач отримає інформацію про салон Land Rover та зможе під'єнатися до Інтернету.

Так, якщо у відвідувача вимкнено яваскрипт, то буде показано зображення і відразу під ним — посилання для підключення. Якщо відео з якої-небудь причини не завантажилось — замість нього буде відбуватись показ слайдів (зміна jpg-зображень) зі зворотнім відліком, по 5 сек. на зображення.

Крім того, якщо відвідувач зайде з мобільного телефону, то йому буде показано спеціальну версію зменшеного розміру.

http://brandup.kiev.ua/work/lr_video/?v_mobile=Y


Посилання для перегляду

звичайна версія:
http://brandup.kiev.ua/work/lr_video/

версія для мобільних пристроїв:
http://brandup.kiev.ua/work/lr_video/?v_mobile=Y

Google+