Жизнь без служебок, или Как мы автоматизировали личный кабинет для сайта СибГМУ
Продолжаем рассказывать о функционале личного кабинета для сотрудников СибГМУ.
К нам обратилась пресс-служба Сеченовского университета для разработки новостного портала – событийный раздел существовал только на нескольких страницах основного сайта. Наша задача состояла в том, чтобы создать отдельный портал со своими стилями и сделать работу с контентом удобной для всех пользователей.
Монотонный дизайн и ограниченный набор инструментов имеющихся новостных страниц не отвечал требованиям современного медиапространства. Контент публиковался разрозненно, поэтому необходимо было выстроить четкую структуру портала.
За время разработки новостной портал заметно вырос по сравнению со старой версией сайта: появились полноценные разделы с видеоматериалами, интервью, архивом публикаций и электронными версиями университетских журналов.
Рассказываем обо всем по порядку.
Мы начали с главной страницы и выстроили на ней понятную навигацию: новости, мультимедийный центр, видео, фото, анонсы, интервью, молодежная редакция и вузовский журнал «Мы издаем». Рядом – поисковая строка для быстрой ориентации.
Центральный элемент – блок с главной новостью, который занимает почти весь экран. Ниже располагается лента свежих материалов с привычными тегами: наука, университет, образование, медицина, бизнес. На новом портале мы смогли вывести на главную страницу больше новостей, чем позволяла старая версия.
Анонсы вынесли в отдельный модуль в формате сетки мероприятий – так по ним удобнее ориентироваться.
Особое внимание уделили тому, чтобы редакции было комфортно работать с сайтом: в административной панели можно быстро добавлять и редактировать материалы.
Раздел мультимедийного центра рассказывает о возможностях пространства для создания профессионального видеоконтента: от подкастов до многокамерных трансляций, интервью и программ для социальных сетей и интернета. Здесь же представлены фотографии инфраструктуры центра, перечень технического оснащения, указаны контакты для связи и зашит переход на платные услуги, которые предоставляет центр.
Попасть в раздел можно через верхнее меню главной страницы или прокруткой вниз – здесь одним нажатием можно перейти в услуги и подробности о проекте.
В разделе «Мы издаем» модернизировали многолетний труд вуза «Сеченовские вести», который существует с 2005 года. Теперь издания можно просматривать прямо на сайте, листая PDF-выпуски без скачивания файлов – они рендерятся прямо внутри страницы.
Молодежная редакция Сеченовского университета – это сообщество молодых ученых, исследователей и студентов, которые рассказывают о науке интересно и для всех.
Для ребят сделали отдельный раздел, в котором молодежь может говорить о сложном просто, публикуя видео на различные научные тематики, интервью, новости науки, ответы на волнующие вопросы и другие материалы.
Работа над этим разделом заняла больше времени, чем ожидалось: сначала мы планировали сделать небольшой раздел с информацией о редакции и возможностях для студентов, но постепенно пришли к идее добавить новости, видео, информацию о команде, проектах, участниках и портфолио редакторов. На поиск интересной концепции ушло время, подключились сразу два дизайнера: они изучили множество референсов и вариантов оформления.
Раздел визуально отличается от других: добавили вертикальный формат видео, интерактивные элементы, детальные анимации и новые цветовые решения. Каждое движение в этом разделе анимировано, нет статики – все для активной молодежи.
В итоге получился современный, лаконичный раздел, который хорошо сочетается с общим оформлением портала.
Также настроили форму обратной связи – каждый пользователь может предложить свою новость, рассказать об актуальных событиях своего факультета через кнопку «у меня новость». Так раздел становится максимально открытым для молодежи, превращаясь в комфортную среду для самовыражения.
Кроме того, у редакции есть свои проекты, которые нашли место в этом разделе. Например, образовательный проект «Медком: медиалаборатория», о котором пользователи тут же могут узнать подробную информацию.
В отдельный блок выделены медиапроекты и структурированы по подборкам: подкасты, выпуски программ, документальные фильмы и другие форматы. Видеоролики преимущественно размещены на Rutube, но мы интегрировали их напрямую в дизайн портала – пользователь может смотреть контент, не покидая сайт.
А чтобы посетитель не терялся в контенте, к каждому ролику бесшовно подтягиваются рекомендации из рубрикатора.
Переосмыслили привычный подход к фоторепортажам на сайтах. Теперь в каждом альбоме появилась система лайков: количество отметок трекается, и по итогам месяца на главной странице автоматически отображаются фото недели и фото месяца. Так пользователь из наблюдателя становится соавтором контента – его действия имеют видимый результат, а главная страница оживает.
Кроме того, мы интегрировали фотогалерею прямо в новости. Редакторам больше не нужно загружать повторно фоторепортаж в отдельные материалы, достаточно привязать нужное количество фотографий к новости из уже опубликованного. Удобно и быстро – как и задуман новостной портал.
Живой и наполненный смыслом медиапортал. Пользователь находит нужный контент за секунды и легко может стать соавтором публикаций. Редакция получила удобный инструмент для комфортной работы с материалами и отслеживания реакций аудитории. Мы сделали дизайн по-настоящему адаптивным, а взаимодействие с сайтом – интуитивным и приятным.
Задайте ваш вопрос или пришлите материал на публикацию. Вы можете воспользоваться формой ниже или написать нам на
unidigital@paraweb.me