Первый экран обновлённого сайта центра «Талантум»

Задача

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

UX-исследование — анализ аудитории

Задача пользователя — выбрать подготовку к ЕГЭ/ОГЭ с понятным результатом.

Родители учеников 8–11 классов

  1. Как решают сейчас

    Ищут курсы в Google и Яндексе, спрашивают рекомендации у знакомых, читают отзывы, сравнивают онлайн-школы и очные центры.

  2. Что удобно и на что смотрят

    Смотрят на результаты учеников. Для них важны отзывы, контроль прогресса, цена и формат оплаты.

  3. Что неудобно

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

Материалы анализа аудитории

Анализ конкурентов

  1. MAXIMUM Education — сильные стороны

    Контроль прогресса, структура и поддержка.

  2. Барьеры, отмеченные в анализе отзывов

    Негативные отзывы часто связаны с оплатой, возвратами и ожиданиями от сервиса.

Материалы анализа конкурентов
Анализ лендингов конкурентов

Результаты UX-исследования

Гипотезы помогают связать найденные проблемы пользователей с конкретными решениями в дизайне.

  1. Гипотеза 1

    Если мы разделим страницы на «Родитель / Ученик», то пользователи быстрее найдут нужную информацию, потому что у каждой группы разные цели и вопросы.

  2. Гипотеза 2

    Если мы покажем результаты ЕГЭ и поступления учеников, то доверие родителей повысится, потому что они увидят реальные результаты подготовки.

  3. Гипотеза 3

    Если мы разделим обучение на онлайн- и офлайн-форматы в шапке сайта и добавим быстрый выбор предметов, то пользователи быстрее найдут подходящий курс, потому что сейчас им сложно определить нужное направление обучения.

  4. Гипотеза 4

    Если мы добавим текстовые и видеоотзывы, а также ссылки на независимые площадки с отзывами, то доверие пользователей повысится, потому что они смогут оценить реальный опыт учеников и родителей.

Редизайн главной страницы — до
Редизайн главной страницы — после

Как я улучшил старый дизайн?

  1. Цвета и акценты

    Было: много цветов и текстовых стилей, отсутствовали визуальные акценты. Стало: сделал цветовую систему из двух основных цветов и расставил акценты на ключевых элементах.

  2. Единый стиль повторяющихся блоков

    Было: одинаковые по смыслу блоки имели разный внешний вид и структуру. Стало: привёл повторяющиеся элементы к единому стилю, сохранив лучшие решения со всех вариантов.

  3. Более короткий пользовательский путь

    Было: лишняя вложенность требовала лишних действий от пользователя. Стало: вынес ключевую информацию на первый план и сократил количество лишних переходов.

  4. Обновлённая визуальная система

    Было: разные отступы, неровная композиция и устаревшая графика. Стало: обновил визуальную систему, выровнял композицию и отступы, улучшил подачу контента.

Навигация до редизайна

Изменения навигации

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

  2. Создал многоуровневое меню с выбором класса и предмета, сократив путь до нужного курса.

  3. Выделил ключевые действия: подбор курса, вход в личный кабинет и переход к каталогу обучения.

  4. Сделал контактную информацию более структурированной: выделил ключевые способы связи и убрал лишнюю нагрузку, чтобы пользователь быстрее находил нужное действие.

Навигация после редизайна
Внутренние страницы: каталог курсов, корзина, результаты учеников и частые вопросы

Мобильная версия

Интерфейс адаптирован под основные сценарии со смартфона: выбор формата обучения, просмотр результатов и запись на консультацию. Навигация и контентные блоки упрощены, а ключевые действия вынесены в приоритетные зоны для быстрого доступа.

Мобильная версия центра «Талантум»