дизайнер виктория м.
2024

/ UX/UI дизайн

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

скрольте вниз, чтобы посмотреть процесс

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

/ о проекте

/ задача

Так как сайт уже существовал, то в первую очередь я проанализировала текущий и решила, какой функционал оставить, как и был, а какой улучшить или упростить.
Research

/ ход работы

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

/ ход работы

Были проработаны все состояния всех функций и сверстаны под разработку. Обычно у программистов не остается вопросов, только запрограммировать =)
UX/UI

/ ход работы

Были проработаны все состояния всех функций и сверстаны под разработку. Обычно у программистов не остается вопросов, только запрограммировать =)
UX/UI

/ ход работы

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

При переходе на статью читатель видит так же панель с последними новостями, чтобы не возвращаться, а сразу перейти на другую статью. Так же по черной стрелке он может вернуться обратно к списку.
новости
У документов ранее была неудобная пошаговая иерархичная фильтрация. Я поступила так, что первую категорию документов я убрала в боковое основное меню, которая раскрывается при клике на «Документы» и далее выбрав определенную категорию, пользователь видит список типов документов в этой категории и проваливается в подраздел нужного типа (следующий скрин). В подразделе нужного типа так же можно выбрать подтип документа.
документы
В старой версии было два раздела: «Сотрудники» и «Структура», но в новой версии я определила их в один общий раздел «Сотрудники», так как по факту структура была тоже о сотрудниках, только поиск был не по имени, а по департаментам и отделам. Поэтому в этом разделе можно выбрать вкладку, каким образом искать.
сотрудники
Это раздел с разными полезными статьями и информацией, которая пригодится сотрудникам для их работы.
база знаний
Страница со списком полезных контактов.
сервисы
По сути это отображение постов, которые транслируются в Telegram канале. Так как изобразительный контент имеет разный размер и ориентацию, то я предложила вписывать картинки или видео в фиксированный квадратный формат, чтобы выглядело все гармонично и не зарезалось важное.
блог директора