MSN.ru 300 х 250 –> fullscreen

Пользователь загружает страницу и видит баннер, с названием модели.

Далее автоматом в баннере стартует анимация.

После анимации в баннер появляется образ автомобиля key visual и call to action.

Происходит плавный фейд-ин фуллскрин баннера и стартует анимация.

Анимация заканчивается переходом последнего кадра в образ автомобиля key visual и появлением надписи сверху. Вся область рамки становиться кликабельна.

Альтернативное представление расхлопа без заливки всего контента сайта

Анимация заканчивается переходом последнего кадра в образ автомобиля key visual и появлением надписи сверху. Вся область рамки становиться кликабельна.

Autorambler.ru fullscreen

Стартует анимация.

Анимация заканчивается переходом последнего кадра в образ автомобиля key visual и появлением надписи сверху. Вся область рамки становиться кликабельна.

Top х 400 flyscreen

Загружается баннер 240 х 400 вместе со страницей.

После окончания загрузки, блокируется режим прокрутки, страница отскроливается в область гарантированной видимости баннера. Из баннера постепенно проявляется горизонт до ширины в 1000 px и высоты 400px. А авто key visual скрывается под границей баннера

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

После анимации, финальный кадр авто в режиме motion blur переноситься в область баннера и скрывается за правой границей.

Финал, в кадре появляется снова образ авто key visual, надпись и ссылки кнопки на целевые страницы, Баннер также полностью кликабелен.