Кейс Hotburo: редизайн освітньої платформи EdEra — нова палітра, навігація, кабінет студента з прогресом, адаптивність і швидше завантаження.
EdEra — українська освітня онлайн-платформа з курсами й навчальними матеріалами з різних дисциплін для студентів, вчителів і всіх, хто хоче розвиватися. Тут є інтерактивні лекції, практичні завдання й тести. Hotburo зробила дизайн платформи з фокусом на зручність і доступність навчання з будь-якого пристрою.
- Клієнт: EdEra
- Сфера: освіта
- Що зробили: дизайн освітньої платформи: палітра, навігація, кабінет користувача, адаптив, типографіка, інтерактивні елементи
Задача
Зробити навчання зручним і захопливим для людей з різним рівнем підготовки: поєднати традиційне навчання з новими технологіями й дати кожному гнучкий простір, де можна рухатися у своєму темпі.
Рішення
Кольори
Основа — блакитний, світло-сірий і білий: вони дають відчуття простору й легкості. Насичені жовтий і зелений підсвічують ключові кнопки та інформаційні блоки.
Навігація
Ми переробили меню й навігаційні блоки та додали систему вкладок, щоб швидко перемикатися між розділами й знаходити матеріали.
Кабінет користувача
Особистий кабінет показує курси, досягнення та прогрес. Ми зробили його простішим і додали нагадування про незавершені курси й персональні рекомендації.
Адаптивність
Платформа коректно працює на комп’ютерах, планшетах і смартфонах — без втрати зручності.
Типографіка й інтерактив
Чітка візуальна ієрархія — великі заголовки, середні підзаголовки й компактний основний текст — полегшує читання. Анімовані кнопки та спливні підказки роблять взаємодію живішою.
Результат
Завдяки легшій графіці й оптимізованому коду сайт завантажується швидше — особливо помітно при повільному інтернеті. Навчання на EdEra стало зрозумілішим на будь-якому пристрої.
Часті питання
Що таке EdEra?
Українська освітня онлайн-платформа з курсами, інтерактивними лекціями, практичними завданнями й тестами.
Що змінилося після редизайну?
Нова палітра, навігація з вкладками, оновлений кабінет із прогресом і нагадуваннями, адаптивність і швидше завантаження.
Оновлюєте освітній продукт? Дивіться, як ми робимо дизайн.
Є схожа задача?
Розкажіть, що потрібно, — повернемось із оцінкою й терміном протягом дня.
