Обновление сайта российской государственной библиотеки для молодежи

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

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

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

Графические элементы с прямыми углами выделяют и отсылают к главному элементу библиотеки — печатной книге и книжной полке

Блок с ближайшими событиями оформлен в виде карусели, в которую загружаются медиаматериалы. У выделенного элемента предусмотрена индикация в виде прогресс-бара.

Такой блок выдержит любое количество загруженных событий.

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

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

Блок «Выставка» стилизован в горизонтальном виде. Дизайн отсылает к развеске картин на выставочной стене. Важная информация кратко подана под фотографиями.

Блок «Новости» выделяется контрастным оформлением. В блоке для каждой новости отводится достаточно места для фотографии и заголовка.

В блоке «Вебинары» пользователи видят ключевую информацию — когда был (или будет) вебинар, в каком формате сейчас можно посмотреть материал.

Важным элементом сайта является подвал. Его также нужно правильно оформить.

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

Сейчас большинство людей видят сайт с мобильных устройств. В основном с телефонов, реже — с планшетов и компьютеров.

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

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

Была сделана качественная адаптация для мобильных.

Поиск стал удобнее. Дизайн согласуется с остальным сайтом. Способы поиска логически разделены — по библиотеке и по сайту

Как оформлены разделы сайта: пример — страница «Ресурсы»

Новый вид окна для входа в личный кабинет