Сайт-музей Гранта РНФ «От журналистики к медиа»
Теги
UX|UI / Figma / прототипы / подготовка к вёрстке / адаптивный дизайн / работа с командой разработки / анализ конкурентов / IA / JTBD / UI-кит
Заказчик
Томский государственный университет, Российский научный фонд
Длительность
2 месяца
Сервис-репозиторий о медиа Томска 1990−2020-х: научные статьи, архивы газет и журналов, теле- и радиозаписи.
Проблема
В 1990-х годах Томск являлся одним из лидеров в формировании новой медиасистемы постсоветской России. Этот неформальный статус был обозначен
как «томская медийная аномалия». Сервис — база данных собранных архивов и исследованиий этой аномалии и летописи различных её аспектов.
Задача
• Спроектировать интерфейсы страниц репозитория так, чтобы их было просто и быстро верстать по шаблону. Аудитория широкая: учёные разных возрастов, студенты, жители Томска и области.
• Разработать фирменный стиль проекта.
Моя роль
UX/UI и графический дизайн: фирменный стиль, полная проработка экранов и состояний, адаптивы под мобильные и планшеты.
UI-кит
Визуальный язык опирается на ранние интерфейсы Windows и офисную «бумажную» культуру архивов
Такой подход работает на узнаваемость и ностальгию, связывает цифровой поиск с опытом работы в физических архивах.
Элементы интерфейса — переосмысленные детали старых ОС; графические элементы вдохновлены Windows 3.1 и доработаны с помощью нейросетей. Подложки-«папки» отсылают к реальным архивным делам.
[1]Главная страница
Главная — точка входа: кратко о проекте и быстрые пути в разделы.
Планировались блоки: обложка, ключевые цифры (сколько материалов), история «аномалии», таймлайн. Историю и таймлайн вынесли в отдельный сайт; их место занял блок «Издания», который сразу ведёт к контенту.
[2]Научный блог и Издания
Разделы, где собраны материалы и исследовательске работы по тематике гранта, а также оцифрованные архивы проекта
Для выбранного заголовка «папки» используется характерное выделение по контуру — как в старых ОС и веб-интерфейсах.
В блоге — подборки научных статей и материалов по тематике гранта; в разделе «Издания» — оцифрованные архивы проекта. Карточки статей имеют два состояния: обычное и с фотографией на весь фрейм при наведении. Карточки научных работ — без фото (источники их часто не содержат).
[3]Страница издания
Вся информация по изданию собрана в одном шаблоне
Выходные данные, код документа в репозитории, упоминания и ссылки — на одной странице. Шаблон максимально прост, чтобы сотрудники проекта могли самостоятельно добавлять материалы.

Фото и инфографика оформлены с «верхним баром» из фирменного стиля; кликабельна только кнопка «На полный экран».
[4]Страница поиска
Поиск по изданиям, статьям и архивам — с подсказками маскота
Проводник-маскот (референс к персонажам Windows) даёт контекстные подсказки в небольших диалоговых окнах. Он не перекрывает интерфейс и помогает ориентироваться, повышая вовлечённость.
Проект завершился на бета-этапе, к этому моменту по макету загрузили более 2 000 материалов, внедрили функции поиска и каталога
Если не получается связаться по ссылкам, оставьте свои контакты — я свяжусь с вами
Возможно, мы искали друг друга?
Телефон
+7 (952) 909-13-81
Telegram
@nik_osi