Сайт для обучающего проекта
Структурируем большие объемы информации: удобный и легкий интерфейс для культурно-образовательного проекта.
Перейти на сайтБаза знаний с отличной навигацией
«Эшколот» — это культурно-образовательный проект о традиционной и современной еврейской культуре, привлекающий слушателей всех возрастов и профессий.
Проходит в формате edutainment (education + entertainment). У проекта колоссальная база постоянных спикеров — среди которых, например, есть Линор Горалик и Павел Лион (Псой Короленко).
За почти десятилетие существования проекта «Эшколот» материалов накопилось невероятно много. Сотни спикеров, внушительных архив прошедших событий — причем в разных городах, от Иерусалима до Санкт-Петербурга. Лекции охватывают десятки аспектов еврейской культуры — архитектура, мода, мистика, философия, музыка, экономика и так далее.
При этом «Эшколот» стремится делиться знаниями — любой желающий может посмотреть запись лекции с субтитрами на его языке, скачать брошюры, книги или аудиоверсию выступления.
Инициатива замечательная. Осталось сделать удобный и легкий интерфейс.
Идеи
Контент, которым делится «Эшколот» — охватывает разные эпохи, а сами лекции проходят в разных городах по всему миру.
Организация базы знаний в виде рубрик и списков — очевидное, но не самое удобное решение.
Мы построили user journey maps — сценарии поведения пользователей — так пришло понимание, что часть посетителей хочет получить лекции, связанные с определенными местами. Например про Иерусалим.
Так появилась концепция: визуализировать все события на карте.
Второй сценарий поведения: иногда пользователи проявляют больший интерес именно к определенной исторической эпохе. Кого-то интересует современная философия, другой хотел бы больше узнать о храмах 13 века до нашей эры.
Поэтому в рубрикаторе лекций есть еще один вариант визуализации — таймлайн.
Дизайн
Дизайн онлайн-академии — это просто способ удобной организации информации. Он легкий, простой и не отвлекает пользователя от его задач. На сайте практически нет заливок и графики, не относящейся непосредственно к контенту — композиция создается за счет шрифтов и линий.
Мы выбрали моноширинный шрифт PT Mono, напоминающий гарнитуру печатных машинок — на сайте использовано всего лишь два начертания, regular и bold. Но именно они задают нужный тон всему дизайну.
Анимации на сайте ровно столько, сколько нужно — она не отвлекает, а акцентирует внимание.
Все анимационные эффекты связаны друг с другом таймингами — это обеспечивает гармоничность всего моушена на сайте.
Доступность и простота
Для сайта онлайн-академии была также разработана мобильная версия — тоже легкая, с удобной навигацией и полной функциональностью десктопной версии.
Знания должны быть доступны с любых устройств — мы тоже так считаем.
Начать свое знакомство с проектом «Эшколот» лучше именно с его базы знаний.