/ задача

сверстать мультимедийный лонгрид "Иконы" со сложной анимацией, хронологическим слайдером и параллакс эффектами

/ суть проекта

Специальный проект ТАСС — российского государственного федерального информационного агентства, бывшее советское информационное агентство – посвященный иконописи и правилам чтения икон.

/ решение

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

При загрузке сайта используется прелоудер, за которым следует текстовое вступление перед первой главой, появление которого реализовано с использованием эффекта параллакс и плавным появлением\затуханием контента.

Основная особенность первой главы, – хронологический слайдер, где при изменении/прокрутке текста также зуммируется фрагмент изображения.

Вторая глава насыщена всплывающими справочными карточками, реализованными посредством цитат наложенных поверх текста и появляющихся с эффектом параллакс.

Третья и четвертая глава предлагают пользователю частичное взаимодействие с некоторыми фрагментами изображений, а при взаимодействие возникает поясняющая подсказка, раскрывающая сюжет икон.

/итог

Успешно реализовано и размещено на официальном сайте тасс.