Презентация прототипа сайта
и дизайн-концепции
Основные задачи проекта
Разработка нового сайта GITIS.NET
01
Создание новой структуры сайта
Переработка контента с выводом оцифрованных материалов
из текстовых документов DOC, XLS, PDF
02
03
Использование фото- и видео- контента
на сайте


Разработка сайта
в соответствии
с приказом №785Рособрнадзора


Разработка
на программно-аппаратной платформе
1С-Битрикс
для обеспечение надежной работы
Адаптация всех страниц для мобильных устройств
04
05
06
Изучение аналогов и конкурентов
Проанализировали сайты российских
и иностранных профильных ВУЗов и театров. Выявили основные проблемы и способы их решения
Королевская акадения драматического искуccтва (RADA)
Йельский университет
Университет науки
и технологий МИСиС
Губкинский университет
Сибирский федеральный институт
Российский университет дружбы народов (РУДН)
Алтайский государственный университет
Московский государственный университет (МГУ) имени М.В. Ломоносова
Высшая школа экономики
Театр NOSPR
Высшая школа экономики
Санкт-Петербургский государственный университет
Джулиард
Нью-Йоркский университет Tisch школа искусств
Издательский дом МГУ
Всероссийский государственный институт кинемотографии (ВГИК)
Российская академия музыки имени Гнесиных
Институт современного искусства
Академия хорового искусства имени В.C. Попова
Театратральный институт имени Бориса Щукана
Институт театрального искусства им. П.М. Ершова
Московский гуманитарый университет
Чем мы вдохновлялись
Необходимо переработать текущий ресурс
Нравится нам
Нравится клиенту
Вдохновение стилистикой
Разработка структуры сайта и работа
с информационными материалами
На основе целей и задач ГИТИС и лучших российских и зарубежных практик мы разработали новую структуру сайта
На первом этапе была спроектирована структура разделов, которая легла
в основу нового ресурса
ГИТИС
Образование
Поступающим
Студентам
Выпускникам
Основные разделы
Наука
Фонд Развития
Театр ГИТИСа Издательство Медиа
01
02
03
04
05
06
07
08
09
10
Проработали информационные материалы
Тексты
Расписания
Сотрудники
Документы опубликованные на сайте
Провели аудит всех материалов сайта
01
02
03
04
05

Актуализированы нормативные требования к сайтам ВУЗов
РЕЗУЛЬТАТЫ РАБОТЫ
С КОМАНДОЙ ГИТИС
Общие комментарии по сайту
Раздел «Поступающим»
Раздел
«Книги / Издательство»
Раздел «Центр непрерывного образования»
Раздел «Наука»
Театр Гитис
С деканами: Тарасом Белоусовым, Александрой Князевой, Ольгой Зайчиковой
С учебно-методическим отделом: Сонис Елизаветой Сергеевной
и Другаченко Дарьей Николаевной
С Разевиг Надеждой Владимировной
и Аидой Таги-заде
С Потапенко Тамарой Николаевной
С Артемом Зориным
С Кирюшкиной Мариной Геннадьевной
Получили обратную связь по сайту и интерактивному прототипу, внесли изменения.

Договорились о совместной работе по подготовке материалов: текстовых, видео и фото публикуемых на сайте
Выявлены наиболее важные вопросы о поступлении
от абитуриентов, как публикуются данные в период набора, планируемые работы
по разработке информационной системы вуза в 1С
Определили особенности создания и реализации книг,
а также проработали вопрос авторского права на электронные книги (вопрос реализации продажи электронных книг по лицензии
на сайте)
Обозначили требования
к материалам. Выработали подход
и условия подготовки
и предоставления видеоматериалов
Полностью проработана логика работ Альманаха, его рецензирование и ведение
Ключевые задачи переработки сайта театра ГИТИС — это создание дизайна с высоким уровнем usability и инструментов для поискового продвижения сайт
Разработка прототипа
Проведена разработка детального интерактивного сайта ГИТИС на основе аудита текущего сайта и изучения аналогов, сбора и проработки информационных материалов для сайта.
Прототип полностью описывает всю логику, навигацию, пользовательские сценарии
и структуру контента будущего сайта
РЕШЕНЫ ОСНОВНЫЕ ЗАДАЧИ
Продуман универсальный интерфейс
для всех разделов сайта

Разработана удобная сквозная система навигации

На основе информационных материалов ГИТИС спроектированы ключевые разделы «Студентам», «Образование»
и «Поступающим»

Расписание занятий, экзаменов
и вступительных испытаний ГИТИС переработано в цифровой формат
для всех типов пользователей
01
02
03

04
Переработан сайт «Театр ГИТИС»

Доработан сайт «Фонд развития»

Спроектирован раздела «Наука»
и редакционный сервис Альманаха

Переработан раздел «Издательство»

Спроектированы возможности покупок
и заказа на сайте, создан раздел «Корзина» для товаров и курсов

Спроектирован личный кабинет


05
06
07
08
09
10
шаблонов
страниц
Главная страница
На главной странице вынесены основные разделы сайта
Задействован видео-контент (ролик о ГИТИСе, в котором представлены все факультеты)

Блок о ГИТИСе с ключевыми новостями

Театральная афиша
с ближайшими мероприятиями

Издательство с каталогом книг

Баннеры, которые используются для привлечения внимания
к основным событиям и новостям
01



02


03


04

05
Образование
Охватывает все образовательные структурные подразделения ГИТИСа
Факультеты

Кафедры

Межфакультетские кафедры

Повышение квалификации

Магистратура

Аспирантура и ассистентура-стажировка
01

02

03

04

05

06
Страница факультета
Страница факультета играет центральную роль в разделе «Образование». Студенты могут найти на ней исчерпывающую информацию.
Ключевые условия обучения

Контакты

Анонсы мероприятий, проводимых факультетом

Преподавательский состав

Список мастерских

Список известных выпускников

Новости
01

02

03


04

05

06

07

Страница расписания
Самая востребованная страница для студентов. Главная задача —сделать удобный и понятный фильтр по следующим параметрам
Форма обучения: очная, заочная

По уровням базового высшего образования: бакалавриат, магистратура

Указываем курс

Список мастерских

Специалитет
01

02



03

04

05
Страница «Поступающим»
Для разгрузки приёмной комиссии
и для удобства, мы разбили
основные вопросы от абитуриентов бакалавриата и их родителей
на несколько групп
Часто задаваемые вопросы

Схема поступления

Подача документов

Конкурс на место

Программы вступительных испытаний
01

02

03

04

05
Предоставили информацию про день открытых дверей, основные контакты, подготовительные курсы.

Сделали аналогичную структуру для поступающих
в магистратуру, аспирантуру и ассистентуру-стажировку.
Страница результатов вступительных экзаменов
Публиковать результаты экзаменов на текущем сайте сложно: оценки собираются и заносятся вручную. Отсутствие навигации усложняет жизнь студентам, которые
в волнении ожидают оценок
на сайте.
Новая система позволяет легко сортировать список абитуриентов
по факультету, мастерской и дисциплине экзамена. Также поступающие могут воспользоваться полем поиска
по фамилии.
Страница подготовительных курсов
Подготовительные курсы на всех факультетах описаны по-разному. Нет единой структуры данных,
что усложняет пользование сайтом
Разработали универсальную программу для всех факультетов. Она подробно описывает все аспекты подготовительных программ.
Страница театра
На первом экране в баннере публикуется информация
об интересном мероприятии

Афиша — ключевой элемент страницы. Она наглядно представляет ближайшие постановки

Здесь же приводится репертуар спектаклей, проходящих
в театре
01



02




03
Страница спектакля
Акцент на времени и датах проведения спектакля
с возможностью покупки билета на нужный день

Ниже — описание спектакля
и информация об участниках
и людях, принимавших участие
в создании
01




02

Страница Фонда развития
Проблема страницы на текущем сайте в том, что попадая на страницу фонда, пользователь видит несколько блоков с описанием того, какая компания что сделала. Но эта информация
не дает ответов на большинство вопросов. Какое отношение фонд имеет к деятельности ВУЗа? Какие задачи стоят перед ним?
Что именно делает фонд и для каких целей?

Мы спроектировали посадочную страницу,
на которой содержится основная информация
о фонде и его деятельности. Переработали шаблоны страниц сайта, упростили навигацию, сделали информацию более наглядной.
01

02



03

Создали фильтры внутри категорий

Оптимизировали карточки благотворителей с их стипендиатами
и кейсами целевой помощи

Оптимизировали и привели к единому стилю карточки помощи
Страница «Основные сведения»
Структура данного раздела разработана в соответствий
с приказом Рособрнадзора №785. В нём описаны требования к структуре раздела и содержимому контента каждой из страниц раздела.
Разработка
дизайн-концепции
сайта
№1
№2
№3
№4
Варианты
блоков
Выбранный дизайн совмещает все лучшее
В основе дизайна — стиль с фирменными цветами института: черным и красным. Развиваем идею углов и линий, из которых складываем различные геометрические фигуры.
Российский институт театрального искусства
Минимализм
Геометрические
формы
3D-графика
Визуализация ведущей дизайн-концепции
Проработка выбранной дизайн-концепции
Элементы стиля
Спасибо
за внимание!