Дизайн Ed-Tech платформи для вчителів та учнів

Її мета — полегшити роботу вчителям і дати учням якісний профільний контент. Вона охоплює кілька освітніх галузей і містить уроки, презентації та додаткові матеріали, а ще має два окремі інтерфейси — для вчителя й для учня.

Ми розробляли дизайн з нуля. А це означало зробити не просто візуальну оболонку, а повноцінну систему навігації та користувацької логіки під нею.

Виклик

На платформі багато матеріалу, і двоє різних людей користуються нею по-різному. Завдання звелося до чотирьох пунктів: тримати інтерфейс зрозумілим і легким, не перевантажуючи користувача; структурувати великий обсяг контенту так, щоб він сприймався інтуїтивно; зберегти логічні зв'язки між галузями, курсами й уроками; зробити дизайн сучасним і теплим — у дусі української освітньої культури.

Підхід

Ми відмовилися від декоративності на користь повітря, чистоти й логіки. (Брендинг робила команда «Змісту» — ми будували продуктовий дизайн поверх нього.) Поєднали український шрифт Almaz із нейтральним гротеском Inter і намалювали власний набір простих рукописних ілюстрацій, які додають дружності без перевантаження. Система кольорових акцентів позначає рівні курсів — базовий, профільний і вільного вибору, — тож структура зчитується з першого погляду.

UX як маршрутна карта

Ми вибудували структуру так, щоб користувач завжди знав, де він, і міг легко повернутися назад. З будь-якого розділу можна одразу перейти до уроків, матеріалів чи презентацій. Логіка працює як маршрутна карта: видно свій шлях, і ти не губишся навіть у великому обсязі контенту.

Процес

Ми витратили близько 100 годин, відпрацьовуючи кожен юзер-флоу — від першого входу до завантаження матеріалів — і тестували кожен крок на реальних сценаріях, щоб навігація лишалася прозорою.

Результат

ЗМІСТ отримав цілісний продуктовий дизайн і чітку систему користувацьких сценаріїв. Він виглядає водночас академічно й сучасно: створює довіру й не відволікає від головного — знань. Зараз платформа в тестовому режимі й готується стати публічним хабом для шкіл та навчальних закладів України.

Будуєте Ed-Tech чи контентомістку платформу?

Ми проєктуємо продуктовий UX та UI для платформ із великим обсягом контенту й більш ніж одним типом користувача — зрозуміла навігація, логічна структура й інтерфейс, яким приємно користуватися. Якщо це про ваш продукт — напишіть нам.

📧 hello@hotburo.com · hotburo.com

‍