Верстка и программирование сайта-буклета
К юбилею современного московского театра практика был разработан интерактивный сайт-буклет, работающий как на планшетах, так и на настольных компьютерах. Большое внимание в дизайне было уделено переходам между страницами и уникальному оформлению страниц спектаклей.
дата выпуска:
22 сентября 2015
дизайн:
Антон Бодряшкин (Punch)
Экстра:
Адаптивная верстка, JS- анимация, CSS-эффекты, Мультиязычность, Ajax
ссылка:
Ролик был полностью сверстан с помощью CSS + Jquery, в котором анимация приявазана к скроллу, рассказывает всю историю театра за несколько минут.
«В этом году «Практике» исполнилось 10 лет. К юбилейным датам традиционно принято делать буклет, но буклет доступен лишь ограниченному количеству человек. И мы решили, на этот раз это должен быть сайт — теперь вы сможете отправить ссылку на проект своим друзьям и, тем самым, присоединиться к поздравлению.»
—
Театр Практика
При клике на сезон была реализована «шторка», которая предоставляла возможность выбора спектакля. При наведении появляется картинка спектакля.
Каждый спектакль — это уникальная страница содержащая материалы: видео, фото, галереи фотографий, аудио-клипы, рассказы участников и отзывы зрителей и критиков. Благодаря системе управления EVA CMS и сетке 23G мы быстро собирали эти страницы как конструктор лего.
На сайте реализовано множество интересных интерактивных эффектов с помощью новейших веб-технологий.