8 (8212) 55 18 12

Кейс по разработке сайта для театра Оперы и балета в г.Сыктывкаре

Приступить к чтению
    Версия для слабовидящих
    Адаптация на все устройства
    Удобный поиск и фильтры
    Создание комфорта посетителю

 

К нам обратился театр Оперы и балеты с целью создать новый сайт. Театру 62 года, несмотря на свой солидный возраст он идет в ногу со временем и заботится чтобы коммуникация с сайтом была проста для посетителя. При переходе на сайт театра в первую очередь посетитель желает посмотреть на афишу. Было важно пересмотреть подачу информации. Раньше было много подразделов, которые путали не только пользователя, но и самих работников театра. Поэтому главной задачей было сделать сайт простым, интуитивно понятным пользователю. Чтобы он мог во всей красе ознакомится с репертуаром и перейти к покупке билета онлайн.


Прошлая версия сайта

Старая версия


Новая версия сайта

Новая версия

Дизайнер при разработке баннеров ставил задачу как: сохранение единого фирменного стиля и легкость в создании баннера.

 

Фирменный стиль 

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

Прошлое оформление

Прошлый логотип

Прошлое оформлениеПрошлое оформлениеПрошлое оформление

 

Новое оформление

Новое оформление

 Новое оформлениеНовый фирменный стильНовый фирменный стиль

 

 

Прототип

Прототип


Для визуализации структуры сайта дизайнер разработал прототип, обращая внимание на проблемы предыдущего сайта. Было прорисовано 14 страниц для дальнейшего обсуждения функционала с заказчиком. Важно на старте работ согласовать общее понимание будущего проекта с заказчиком, чтобы на финальных этапах работ проводить меньше доработок.

Руководству театра уже на этом этапе понравился подход, и они воодушевились новым сайтом. Далее дизайнер переходит к этапу поиска цвета.

 

Цвет

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

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

Варианты цветов


Утвержденный

Утверждённый

 

Сцена, преобладают синие оттенки

Сцена СценаСцена

 

Афиша

Вторичные страницы создали в светлых тонах. Чтобы пользователю было комфортнее воспринимать контент.

На странице афиши создали фильтры по жанрам. Вы желаете пойти только на балет? Фильтр поможет подобрать нужные выступления.

Афиша открывается карточкой и календарем. Карточка покажет все представления, а календарь-представление на нужную дату, например выходной.

Прошлая версия

Прошлая версия

Новая версия

Новая афиша

 

 

Страница  афиши

При переходе на интересующее представление в афише открывается зрителю подробности. Ввели нововведения как: время постановки, количество антрактов. 

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

Прошлая версия 

Старая версия


Новая версия

Новая версия

 

Труппа

В театре работают более 200 человек. Всем им посвящен раздел сайта Труппа. Там было организовано разделение по направлениям деятельности и занимаемым позициям в театре.

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

А для фанатов создали список предстоящих постановок с участием этого человека.

Прошлая версия 

Прошлая версия
 

Новая версия

Труппа новая

 

Репертуар

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

Прошлая версия

Прошлая версия


Новая версия

Репертуар

Театральный блог

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

Прошлая версия

Старая

 

Новая версия

Новая

 

Версия для слабовидящих

Думаю, можно не говорить о том, как важно предусмотреть этот момент на сайте. Для этого подключили версию для слабовидящих, что позволит изменить размер шрифта до 200%, цветовую гамму сайта и тд.

Версия для слабовидящих
 


Мобильная версия

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

Мобильная версия

Итог

Презентация сайта состоялась 21 сентября на пресс-конференции, посвященной открытию нового театрального сезона. Об этом событии написал Комиинформ в новостях:

«Страница спектакля стала более красочной и информативной. Здесь можно увидеть своих героев, авторов спектакля, всю постановочную группу. И здесь же можно почитать информацию о человеке. Это важно для поклонников артистов, которые на странице своего кумира смогут увидеть ближайшие выступления и даже сразу купить билет.  »

Татьяна Ткалун

Презентация сайтаПрезентация сайтаПрезентация сайта

 

Театр и наша команда остались довольны новым сайтом.
По старой традиции желаем Театру оперы и балета дальнейшего процветания и роста. 


Над проектом работали:

Менеджер проекта: Владимир Рупышев
Дизайнер: Наталья Глуд 
Новый сайт: komiopera.ru

Время прочтения:
Время прочтения 6.0 мин

Для авторов

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

Стать автором

Обсуждение