Сайт для обучающего проекта

Структурируем большие объемы информации: удобный и легкий интерфейс для культурно-образовательного проекта.

Перейти на сайт

База знаний с отличной навигацией

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

Проходит в формате edutainment (education + entertainment). У проекта колоссальная база постоянных спикеров — среди которых, например, есть Линор Горалик и Павел Лион (Псой Короленко).

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

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

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

Идеи

Контент, которым делится «Эшколот» — охватывает разные эпохи, а сами лекции проходят в разных городах по всему миру.

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

Мы построили user journey maps — сценарии поведения пользователей — так пришло понимание, что часть посетителей хочет получить лекции, связанные с определенными местами. Например про Иерусалим.

Так появилась концепция: визуализировать все события на карте.

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

Поэтому в рубрикаторе лекций есть еще один вариант визуализации — таймлайн.

Дизайн

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

Мы выбрали моноширинный шрифт PT Mono, напоминающий гарнитуру печатных машинок — на сайте использовано всего лишь два начертания, regular и bold. Но именно они задают нужный тон всему дизайну.  

Анимации на сайте ровно столько, сколько нужно — она не отвлекает, а акцентирует внимание.

Все анимационные эффекты связаны друг с другом таймингами — это обеспечивает гармоничность всего моушена на сайте.  

Доступность и простота

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

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

Начать свое знакомство с проектом «Эшколот» лучше именно с его базы знаний.

Стек технологий

Webpack
Laravel
SCSS