Оформление сайта анимационными вставками

Для сайта компании, занимающейся производством рекламы, довольно быстро сложилась общая концепция внешнего вида и навигации. Однако оказалось довольно сложным совместить в одной странице и набор иллюстраций, и видеоролик так, чтобы во-первых, посетителю не нужно было бы догадываться, под какой из картинок его ждет просмотр. А во-вторых, чтобы избежать путаницы между страницами видеотеки, на которой расположена информация о ролике и отдельные кадры из него.

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

Всего было сделано 22 анимированных изображения. Изначально предполагалось использовать их строго заданными комплектами - таких всего 11, но в процессе работы над сайтом было решено увеличить число комбинаций за счет соединения различных левых и правых частей (но подходящих друг к другу по сценарию показа кадров). Для каждого кадра была сделана гиперссылка на соответствующую страницу в видеотеке.

Фрагмент страницы сайта:

Следующая страница: Демонстрационные ролики