2026 • Product & Web Design • SaaS
Skyeng
Больше 3 лет использую Skyeng и пришла идея редизайна веб-платформы. Сперва поймём направление развития компании, потом выявим проблемы и посмотрим как это можно решить.
Что хочет Skyeng?
В 2020 году Skyeng провёл ребрендинг, чтобы объединить разные направления в единую систему. Таким образом появились продукты: Skysmart, Skypro и Skyteach.
То есть уже в 2020 году Skyeng мыслит не одной школой, а системой образовательных продуктов.
UX-аудит
Сайт выглядит минималистично, есть воздух. UI объективно приятный, но посмотрим UX.
1. ~400px высоты отведено под промо-карусель, настройки и другие продукты.
Дима
Кнопки дублируются
2. Ключевой блок с учёбой теряется среди второстепенной информации и расписанием.
Дима
Блок помогает понять, что делать дальше.
3. Учебные сценарии спрятаны внутри раздела второго уровня.
Дима
Названия дублируются, но назначения разные
Проблемы
1. Интерфейс не возвращает в учебный фокус. Вместо того чтобы ответить на вопросы «на чём я остановился?» и «что мне делать сейчас?», интерфейс отдаёт внимание второстепенным элементам.
2. Домашки и слова копятся, но нет сценария, который помог бы помог всё наверстать и держать учебный ритм. В следствии снижается мотивация.
3. это нужно доработать! Путаница с материалами. Сохраняю слова, заметки и материалы, но не чувствую, что есть удобная база для повторения и возврата к ним.
Редизайн
Рассмотрим подробнее...
1-ое решение
Центр событий
Поднял наверх важный учебный контекст: ближайший урок, домашка, практика, сообщения и другие события дня. Такой блок помогает пользователю быстрее понять, что его ждёт сейчас и сегодня.
Сообщение
Сообщаем о ближайших планах и уведомляет о чём-то важном. Персонаж из айдентики делает интерфейс живее, особенно когда меняет эмоцию в зависимости от контекста.
Список событий
События отображаются в порядке приоритета: уроки, домашка, практика, сообщения от учителя или поддержки. Виден план действий и варианты их решения.
2-ое решение
Навигация
Навигация под панелью событий продолжает учебный сценарий и выводит ранее скрытые разделы.
Промо-карусель заменил на ленту «События». Она может содержать ролики, новости, рекомендации, анонсы клубов и курсов — так контент остаётся внутри учебной среды, но не мешает основному процессу.
3-е решение
Виджеты
Учебные виджеты — постоянный набор быстрых инструментов, который остаётся доступным на любой странице и помогают держать учебный темп.
Часы/Таймер
По умолчанию виджет показывает время и имеет быстрый доступ к таймеру.
Таймер предлагает интервалы и возможность начать с малого.
Иногда виджет может сам предложить сделать незавершённую домашку или практику.
Словарик
Словарь помогает быстро проверить слово или фразу, не покидая платформу.
Найденные слова можно сохранить для повторения, чтобы материалы не терялись после занятия.
База знаний
Место, где всё из обучения собирается, храниться и структурируется.