Дизайн и разработка сайта современной библиотеки

Клиент:

ГБУК г. Москвы «ЦГМБ им. М.А. Светлова», или Светловка, — первая в Москве и одна из старейших в России библиотек для молодежи. В настоящее время это информационно-культурный центр для молодежи, оснащенный компьютерами, станциями самостоятельного обслуживания и современной литературой, а также местами для работы, учебы и отдыха.

616813c92c6fa6b1e276c6cb497306dc.png

Проблема:

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

b5407fd352be275baa4370ff4d9a24f6.png

Комментарий заказчика:

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

Задачи:

  • Разработать новый дизайн сайта;
  • Сделать на сайте понятную навигацию и структуру;
  • Обеспечить удобство администрирования сайта;
  • Разработать мобильную версию сайта;
  • Поднять вовлеченность и глубину просмотра.

Ход работ

Аналитика и проектирование

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

b0aad59795d47669b59720ecf96d4464.png

На основе интересов групп пользователей сайта, мы выделили главные разделы:

  • Афиша мероприятий, которые проходят в библиотеке;
  • Проекты, которые запускает библиотека:
  • Рекомендательный раздел «Что почитать», где сотрудники библиотеки публикуют подборки для чтения и рецензии на книги;
  • Раздел для коллег и партнеров, где размещены методические материалы для скачивания.

Дизайн

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

d0ad6cb249562c93b4ee797b2dda86cc.png

dfb0c4d62f722933b4775a6f162e3bef.png

Программирование функционала

Выполнили верстку макетов дизайна, с учетом адаптации для мобильный устройств. В качестве платформы для разработки был выбран 1С-Битрикс.

У нас была важная задача, сделать максимально удобным администрирование сайта из панели управления. Для этого мы сделали админку понятной, подписали каждое поле, указали размеры изображения для загрузки, определили какие поля обязательно должны быть заполнены в первую очередь. Всё наполнение сайта управляется опциями включения/отключения блоков на сайте.

Афиша и календарь мероприятий

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

204952694cd44e391b7621606bcec671.png

Регистрация на мероприятие

Итоговая информация по событию собрана в форме регистрации.

083e6bc51dbe01a7de1f827c508a8750.png

Раздел «Подборки»

Команда библиотеки собирает полезные подборки книг по разным направлениям.

51188a220171e7d26fe1d308df7984dc.png

Результат

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

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

Адаптивная версия позволяет пользоваться сайтом с мобильных устройств. 

Выросли метрики вовлеченности, время нахождения на сайте и количество просмотренных страниц.

Планы развития

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

Перейти на сайт

Полный текст статьи читайте на CMS Magazine