Задача

Создать интерактивную страницу для онлайн кинотеатра.

Что было?

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

Интерактивная страница состоит из 6 экранов, которые меняются при нажатии на кнопки, с изменением экранов происходит изменение рекомендованного контента с учетом изображения на экране.

Кнопки управления экранами позволяют выбирать варианты просмотров контента компанией в стиле casual или карнавальном стиле.

Вдвоём в романтической обстановке или в тематическом вечере. В одиночестве – для людей, которые любят домашних животных или для одиноких людей, которые хотят провести время за просмотром фильма или сериала.

 

 

Интерактивная страница состоит из 6 экранов, которые меняются при нажатии на кнопки, с изменением экранов происходит изменение рекомендованного контента с учетом изображения на экране.

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

Вид главного экрана интерактивной страницы.

Еще примеры экранов интерактивной страницы.

Результат

Создание макетов проводилось в программе Adobe Illustrator.