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

К нам в Artwot обратилась команда библиотеки им. М.А. Светлова за разработкой нового сайта.

Клиент

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

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

Задача

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

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

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

Полина Зайкова, PR-менеджер библиотеки

Перед нашей командой стояли следующие задачи:

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

Результат

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

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

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

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

Ход работы

Сбор данных и проектирование

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

Структура сайта
Структура сайта

Разработка прототипов, схемы страниц

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

Дизайн

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

22
5 комментариев

"Вкусно" получилось!
Не раз замечал, что некоторые сайты просто не можешь использовать изза их ублюдского интерфейса((

3

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

1

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

В общем очень даже хорошо, только мне лично кажется что немного перегружено

1