Переработка и редизайн сайта для Псковского Областного Колледжа Искусств (ПОКИ) имени Н. А. Римского-Корсакова.

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

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

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

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

Заказчику нужен был сайт на движке WordPress, который совмещал бы в себе удобство для пользователей (абитуриентов, студентов, преподавателей) и соответствие стандартам сайтов для государственных образовательных учреждений

Помимо этого были еще некоторые требования:

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

Прежде всего команде необходимо было "подружиться" с новым движком и вникнуть в нюансы работы на нем. Дело в том, что обычно мы в CROCO. создаем сайты либо на платформе Tilda, либо пишем код полностью с нуля. Но в этот раз было решено использовать ту же платформу, на которой был создан старый сайт заказчика - в частности из-за того, что было необходимо сохранить большое количество имеющейся на сайте информации (одних только новостей было больше 700 штук!)

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

Заказчику было предложено множество референсов и прототипов:

Обсуждались разные варианты визуального представления информации:

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

Титульная страница стала выглядеть так:

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

Разделение по направлениям образования начинается прямо с главной страницы:

Каждый из разделов в свою очередь предлагает пользователю выбрать интересующее направление:

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

В прошлой версии сайта информации о направлениях было намного меньше:

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

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

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

Для школы креативных индустрий мы создали отдельный мини-лендинг, который органично вписался в стилистику сайта. Отделение ШКИ только начинает свою работу на базе колледжа и имеет несколько отличающуюся целевую аудиторию, поэтому было решено собрать всю информацию (направления, преподавателей, данные о поступлении) в одном месте, чтобы пользователь сразу нашел то, что его интересует:

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