Интерактивный видео-баннер и landing page «Отривин Море»
Для просмотра работы нужно включить яваскрипт и установить новую версию флеш-плеера.
Изготовление баннера и создание landing page с видео для рекламы средства от насморка «Отривин море». Работа выполнена по заказу PA Saatchi & Saatchi. Дизайн предоставлен заказчиком.
Какую свинью нам может подложить жизнь в мегаполисе? Правильно — грипп, простуду, насморк. Идея для баннера родилась из слогана: «Дышите морем».
Интерактивный баннер предлагает вам стереть душный город и открыть доступ к перекрытому кислороду — целебному морскому воздуху. (Если насморк у пользователя отнял все силы настолько, что он не может пошевелить ни рукой, ни мышью, то лечебный спрей через 10 секунд сам активирует действие баннера и подарит вам картину моря).
Дышите глубже — пролетаем Сочи.
Клик на баннер ведет на landing page — целевую страницу, необходимую для индексации поисковиками. Вариант с full-flash — полностью флеш-страница — не подходил из-за невозможности seo-оптимизации. Как выход, было решено сделать видеофон на флеше с использованием звука.
Конечный результат получился такой: сначала пользователь видит на фоне картинку моря, а через некоторое время фон плавно замещается на флеш. Звук — шум прибоя — можно отключить с помощью специальной кнопки (причем, звук исчезает не резко, а постепенно затихает).
Анимация переключения разделов на странице сделана на javascript. Сама страница выполнена с использованием html + css + js + флеш + видео.
С помощью флеш-анимации мы помогли визуализировать действие лекарства: придали рекламному посланию эмоциональную силу убеждения и помогли пользователю почувствовать живительную силу моря.