Основные задачи проекта
Создание нового функционального сайта Театра
01
Создание
презентационной главной страницы, содержащей актуальную афишу спектаклей, репертуар, а также общую информацию
о Театре
презентационной главной страницы, содержащей актуальную афишу спектаклей, репертуар, а также общую информацию
о Театре
Проектирование контентной структуры страниц с целью повышения их информативности
и юзабилити
и юзабилити
02
03
Разработка уникальной новой дизайн-концепции сайта в соответствии
со стилем нового сайта Института ГИТИС
со стилем нового сайта Института ГИТИС
Акцент на разработке интуитивно понятных интерфейсов афиши
и карточки спектакля
и карточки спектакля
Разработка эмоционального дизайна и технологичной анимации элементов интерфейса с целью создания образа современного прогрессивного Театра
Актуализация
и дополнение информации
о Театре ГИТИС
и дополнение информации
о Театре ГИТИС
04
05
06
Изучение аналогов
Во время проведения работ по проектированию прототипа и созданию дизайна сайта мы изучили последние тенденции и лучшие мировые практики создания сайтов в индустрии театрального искусства
Интерактивный прототип
В рамках проектирования прототипа мы изучили интерфейсы сайтов значимых российских и зарубежных театров, а также событийные и театральные агрегаторы, практики которых привнесли в сайт Театра ГИТИС
Процесс
В жизни театр начинается с вешалки, а в интернете —
с афиши и карточки спектакля. Мы провели большую работу, создавая максимально удобный и красивый интерфейс
с афиши и карточки спектакля. Мы провели большую работу, создавая максимально удобный и красивый интерфейс
Слайдер афиши на главной
Поиск структуры карточек афиши
Варианты структуры карточки спектакля
Технические характеристики площадки
Вёрстка таймлайна истории сцены
Поиск — это более 100 макетов дизайна
Дизайн-концепция
Главная страница
Главная страница является презентацией Театра ГИТИС, анонсирует ближайшие события и рассказывает о репертуаре
Слайдер ближайших ключевых спектаклей Театра
Афиша ближайших событий Театра с возможностью покупки билета
Ключевые спектакли из репертуара текущего театрального сезона
Слайдер партнёров
Общая информация о Театре с возможностью загрузки видео-ролика
Новостная лента
Афиша ближайших событий Театра с возможностью покупки билета
Ключевые спектакли из репертуара текущего театрального сезона
Слайдер партнёров
Общая информация о Театре с возможностью загрузки видео-ролика
Новостная лента
01
02
03
04
05
06
02
03
04
05
06
Слайдер премьер
и ближайших спектаклей
и ближайших спектаклей
Карточка с указанием названия, даты и времени спектакля, факультета и мастерской, а также возможностью покупки билета через сервис InTickets.ru.
Для каждого спектакля в при необходимости указывается статус «Премьера»,
Для каждого спектакля в при необходимости указывается статус «Премьера»,
Афиша
спектаклей
спектаклей
Сетка актуальных ближайших или приоритетных спектаклей с возможностью покупки билета через сервис InTickets.ru.
Количество спектаклей в афише может меняться и желательно должно быть кратно 2-м (2, 4, 6, 8)
Количество спектаклей в афише может меняться и желательно должно быть кратно 2-м (2, 4, 6, 8)
Информационный блок
о Театре ГИТИС
о Театре ГИТИС
Презентационный блок о концепции Театра и его истории.
В блоке может быть размещена галерея ключевых фотографий Театра и спектаклей, либо видео, которое будет проигрываться автоматически
В блоке может быть размещена галерея ключевых фотографий Театра и спектаклей, либо видео, которое будет проигрываться автоматически
Лента новостей
о жизни Театра
о жизни Театра
В блоке представлены последние или закрепленные анонсы новостей Театра ГИТИС.
Блок реализован таким образом,
что при необходимости в него может подгружаться неограниченное количество новостей
Блок реализован таким образом,
что при необходимости в него может подгружаться неограниченное количество новостей
Главная страница:
сравнение было / стало
сравнение было / стало
Было
Стало
Афиша
Афиша по датам
Упрощённый вид афиши по датам
Афиша по названию с алфавитным указателем
Раздел «Афиша» позволяет сделать выбор спектакля максимально удобным:
Навигация по месяцам календаря
Навигация по дням календарного месяца
Возможность выбора варианта поиска: по датам или по названию
Фильтрация с возможностью выбора сцены проведения спектаклей
Вид списка событий в 2-х форматах: с изображением и без
Театральная афиша мероприятий выбранного месяца
с возможностью перехода
на страницу спектакля или сервис покупки билета InTickets.ru
Навигация по дням календарного месяца
Возможность выбора варианта поиска: по датам или по названию
Фильтрация с возможностью выбора сцены проведения спектаклей
Вид списка событий в 2-х форматах: с изображением и без
Театральная афиша мероприятий выбранного месяца
с возможностью перехода
на страницу спектакля или сервис покупки билета InTickets.ru
01
02
03
04
05
06
02
03
04
05
06
Все люди разные, поэтому мы продумали удобный подбор спектакля с учётом различных пользовательских сценариев
2 — Выбираем дату
1 — Выбираем месяц
4 — Выбираем вид списка: развернутый с фото или компактный
3 — Фильтруем
по дате или
с помощью алфавитного указателя
по дате или
с помощью алфавитного указателя
5 — Выбираем сцену
По дате / с фото
По дате / без фото
По алфавиту / с фото
По алфавиту / без фото
Репертуар спектаклей Театра ГИТИС
На главной странице вынесена основная информация о Фонде развития ГИТИС
Фильтр спектаклей по названию с алфавитным указателем
Список спектаклей, которые играются в Театре с детальной карточкой:
— название спектакля
— краткое описание
— факультет и мастерская
— продолжительность спектакля
— возрастной дисклеймер
В карточке списка добавлены
даты проведения спектакля
с возможностью покупки билета через виджет InTickets.ru
Список спектаклей, которые играются в Театре с детальной карточкой:
— название спектакля
— краткое описание
— факультет и мастерская
— продолжительность спектакля
— возрастной дисклеймер
В карточке списка добавлены
даты проведения спектакля
с возможностью покупки билета через виджет InTickets.ru
01
02
03
02
03
Страница спектакля
Детальная страница спектакля
Фотогалерея спектакля в 1-м экране с возможностью просмотра фото во весь экран
Полная детальная информация
о спектакле
Блок с ближайшими датами спектакля с переходом на сервис покупки билета InTickets.ru
Аннотация к спектаклю
с возможностью размещения
видео, цитат и дополнительных фотографий
Блок c информацией
о постановщиках и актерском составе спектакля
Дополнительная фотогалерея
Блок с другими спектаклями Театра
Полная детальная информация
о спектакле
Блок с ближайшими датами спектакля с переходом на сервис покупки билета InTickets.ru
Аннотация к спектаклю
с возможностью размещения
видео, цитат и дополнительных фотографий
Блок c информацией
о постановщиках и актерском составе спектакля
Дополнительная фотогалерея
Блок с другими спектаклями Театра
01
02
03
04
05
06
07
02
03
04
05
06
07
Промо-фотогалерея спектакля
Галерея фотографий спектакля
в первом экране страницы,
в котором размещаются наиболее
яркие фотографии
в первом экране страницы,
в котором размещаются наиболее
яркие фотографии
Основная
информация о спектакле
информация о спектакле
Название спектакля, факультет и мастерская, продолжительность спектакля, возрастной дисклеймер, жанры и возможность поделиться
в социальных сетях
в социальных сетях
Афиша спектакля с ближайшими датами проведения и переходом
на сервис покупки билета InTickets.ru
на сервис покупки билета InTickets.ru
Авторы, постановщики
и актеры
и актеры
Подробный список авторов, режиссёров, постановщиков, художников и актерского состава спектакля
Дополнительная
фото-видео галерея
фото-видео галерея
Дополнительная галерея позволяет показать весь необходимый набор фотографий или видео, которые не были отражены в слайдере 1-го экрана или аннотации к спектаклю
Площадки Театра
Страница «Площадки» показывает перечень сцен Театра ГИТИС
Общая промо-информация
о сценах Театр
Карточки основной и новой сцен
с переходом на детальные страницы с общей информацией, документами и техническими характеристиками
о сценах Театр
Карточки основной и новой сцен
с переходом на детальные страницы с общей информацией, документами и техническими характеристиками
01
02
02
Страница площадки
Страница площадки
с детализацией сведений
о сцене
с детализацией сведений
о сцене
Фотогалерея с промо-фотографиями площадки
Контактная информация, документы с техническим райдером и схемой площадки
Информация о здании Театра
и его истории
Детальное описание технических характеристик звука, света, сцены и схемы площадки
Дополнительная промо-галерея
Тайм-лайн ключевых событий, происходивших в стенах Театра
Контактная информация, документы с техническим райдером и схемой площадки
Информация о здании Театра
и его истории
Детальное описание технических характеристик звука, света, сцены и схемы площадки
Дополнительная промо-галерея
Тайм-лайн ключевых событий, происходивших в стенах Театра
01
02
03
04
05
06
02
03
04
05
06
Краткое описание истории здания
Описание истории постройки особняка по адресу Большой Гнездниковский переулок, д. 10
Технические характеристики сцены
Подробное описание технических характеристик звука, света и сцены.
Схемы сцены с возможностью
увеличения и скачивания
Схемы сцены с возможностью
увеличения и скачивания
Дополнительная фотогалерея
Фотогалерея, в которой подробно отражаются фасад Театра, фойе, зрительный зал, сцены и любые другие элементы инфраструктуры
Таймлайн истории
и ключевых вех сцены
и ключевых вех сцены
Подробное описание всех ключевых исторических событий, которые происходили в течении всей жизни
сцены Театра ГИТИС
сцены Театра ГИТИС
Новости Театра
Новостной раздел сайта Театра содержит ленту новостей и публикаций:
Список анонсов новостей
и публикаций
Предусмотрена возможность размещения публикаций
с фотографиями и без
Для ключевых публикаций предусмотрена возможность выделения карточки новости увеличенным размером
и публикаций
Предусмотрена возможность размещения публикаций
с фотографиями и без
Для ключевых публикаций предусмотрена возможность выделения карточки новости увеличенным размером
01
02
03
02
03
Проекты Театра
Партнёры Театра
Страница ключевых партнёров Театра
Карточки партнёров театра стоят из элементов:
— логотип компании
— название компании
— краткое описание компании или предмета взаимодействия с Театром
Ссылка с каждой из карточек партнёров ведёт на их сайты
— логотип компании
— название компании
— краткое описание компании или предмета взаимодействия с Театром
Ссылка с каждой из карточек партнёров ведёт на их сайты
01
02
02
Контактная информация
Контактная информация
о сценах Театра и работе касс
о сценах Театра и работе касс
Адреса и контактные телефоны Театра и касс, электронные почты
и другая информация
Время работы касс и информация
о перерывах
Интерактивные карты каждой из сцен на базе сервиса Яндекс.Карты с возможностью построения маршрута от метро
и другая информация
Время работы касс и информация
о перерывах
Интерактивные карты каждой из сцен на базе сервиса Яндекс.Карты с возможностью построения маршрута от метро
01
02
03
02
03
Благодарим
за внимание!
за внимание!
