Задача
Обновить существующий дизайн сайта образовательного центра и переосмыслить его структуру. Особое внимание требовалось уделить навигации, чтобы пользователю было легко ориентироваться между направлениями и быстро понимать, какие программы доступны онлайн, а какие — в офлайн-формате. При этом важно было сохранить узнаваемость школы, сделать интерфейс современнее и выстроить более понятный путь.
UX-исследование — анализ аудитории
Задача пользователя — выбрать подготовку к ЕГЭ/ОГЭ с понятным результатом.
Родители учеников 8–11 классов
- Как решают сейчас
Ищут курсы в Google и Яндексе, спрашивают рекомендации у знакомых, читают отзывы, сравнивают онлайн-школы и очные центры.
- Что удобно и на что смотрят
Смотрят на результаты учеников. Для них важны отзывы, контроль прогресса, цена и формат оплаты.
- Что неудобно
Сложно быстро понять, какой формат подходит. Непонятно, чем одна школа лучше другой. Много обещаний и мало конкретики. Не всегда ясно, что входит в стоимость. Есть страх заплатить и не получить результат.
Анализ конкурентов
- MAXIMUM Education — сильные стороны
Контроль прогресса, структура и поддержка.
- Барьеры, отмеченные в анализе отзывов
Негативные отзывы часто связаны с оплатой, возвратами и ожиданиями от сервиса.
Результаты UX-исследования
Гипотезы помогают связать найденные проблемы пользователей с конкретными решениями в дизайне.
- Гипотеза 1
Если мы разделим страницы на «Родитель / Ученик», то пользователи быстрее найдут нужную информацию, потому что у каждой группы разные цели и вопросы.
- Гипотеза 2
Если мы покажем результаты ЕГЭ и поступления учеников, то доверие родителей повысится, потому что они увидят реальные результаты подготовки.
- Гипотеза 3
Если мы разделим обучение на онлайн- и офлайн-форматы в шапке сайта и добавим быстрый выбор предметов, то пользователи быстрее найдут подходящий курс, потому что сейчас им сложно определить нужное направление обучения.
- Гипотеза 4
Если мы добавим текстовые и видеоотзывы, а также ссылки на независимые площадки с отзывами, то доверие пользователей повысится, потому что они смогут оценить реальный опыт учеников и родителей.
Как я улучшил старый дизайн?
- Цвета и акценты
Было: много цветов и текстовых стилей, отсутствовали визуальные акценты. Стало: сделал цветовую систему из двух основных цветов и расставил акценты на ключевых элементах.
- Единый стиль повторяющихся блоков
Было: одинаковые по смыслу блоки имели разный внешний вид и структуру. Стало: привёл повторяющиеся элементы к единому стилю, сохранив лучшие решения со всех вариантов.
- Более короткий пользовательский путь
Было: лишняя вложенность требовала лишних действий от пользователя. Стало: вынес ключевую информацию на первый план и сократил количество лишних переходов.
- Обновлённая визуальная система
Было: разные отступы, неровная композиция и устаревшая графика. Стало: обновил визуальную систему, выровнял композицию и отступы, улучшил подачу контента.
Изменения навигации
Добавил переключение между онлайн-обучением и занятиями в Москве, чтобы пользователь сразу мог выбрать подходящий формат.
Создал многоуровневое меню с выбором класса и предмета, сократив путь до нужного курса.
Выделил ключевые действия: подбор курса, вход в личный кабинет и переход к каталогу обучения.
Сделал контактную информацию более структурированной: выделил ключевые способы связи и убрал лишнюю нагрузку, чтобы пользователь быстрее находил нужное действие.
Мобильная версия
Интерфейс адаптирован под основные сценарии со смартфона: выбор формата обучения, просмотр результатов и запись на консультацию. Навигация и контентные блоки упрощены, а ключевые действия вынесены в приоритетные зоны для быстрого доступа.