23.10.2015

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

Разработка сайта оркестра народных инструментов

Задача: сделать новый сайт знаменитому на весь мир оркестру.

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

На странице афиши можно посмотреть как все подряд грядущие и прошлые концерты, так и по тегам (абонементы, благотворительные концерты), выбирая конкретную дату в панели вверху страницы или листая стрелками от одной даты к следующей.

Подразделы «Администрация» и «Состав» (в разделе сайта «Оркестр») организованы так: члены групп разделены на блоки, которые распределяются по странице относительно равномерно, чтобы страница смотрелась максимально гармонично (для этого используется jQuery плагин Masonry).

Принцип работы плагина следующий. Слева показано, как ведут себя блоки при верстке средствами CSS (блоки разной высоты оставляют дыры). Справа показано, как ведут себя эти же блоки при использовании плагина: они заполняют дыры:

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

Разработать сайт

Организация раздела «Пресса о нас» хитро обходится с иностранной прессой: для русской версии сайта вся пресса делится на русскоязычную и иностранную, куда входит и английская версия, а для английской версии сайта все заметки разбиваются на англоязычные и иностранные, к которым уже относятся и русскоязычные публикации.

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

Раздел с видео выступлений оркестра.

Раздел, где можно ознакомиться с дискографией оркестра и послушать некоторые композиции в его исполнении:

Дизайнер: Игнатий Филиппов
Верстка и программирование:
Давид Мзареулян, Роман Фесько

Еще