«Мне нужен конкретный документ для работы. Хочу сразу понять сроки, цену и подойдёт ли моё образование».
Независимая концепция редизайна
Курсов много.
Путь к ним потерялся.
Как превратить информационно перегруженный сайт учебного комбината в понятный сервис выбора программы — без выдуманных процентов и магии кнопки «Записаться».
01 / Аудит
Проблема не в количестве информации. Проблема — кому она достанется первой.
На исходной главной странице новости, акции, новинки, история, фотогалерея и документы конкурируют за внимание. Пользователь же приходит с более земным вопросом: «Где нужный курс и сколько он стоит?»
Логотип
9 пунктов меню + контакты
Новости
Акции
Новинки
О комбинате
Документы
Фотогалерея
Партнёры
01
Главная начинается с новостей
А основной сценарий — найти программу — появляется позднее и не воспринимается как главный.
02
Курсы трудно сравнивать
Формат, длительность, цена и документ не собраны в единый шаблон карточки.
03
Доверие спрятано глубоко
Опыт с 1943 года, лицензии и крупные заказчики работают только после длинной прокрутки.
04
На мобильном два препятствия сразу
Сообщение о переезде и cookies закрывают значительную часть экрана до начала выбора.
02 / Задача
Два пользователя. Один сайт. Разные причины торопиться.
Структура должна одинаково хорошо обслуживать частного слушателя и представителя компании, не превращая меню в ведомственную инструкцию.
«Нужно обучить сотрудников, выполнить требования и не остановить рабочий процесс».
01Ввести профессию или выбрать направление
02Отфильтровать программы
03Сравнить сроки и стоимость
04Проверить документ и лицензию
05Оставить заявку
03 / Структура
Сначала выбор. Потом всё остальное.
Первый экран превращён в точку входа в каталог. Новости перестают быть главным блюдом и возвращаются на своё законное место — в новости.
Первый экранПоиск программы и ближайший набор
КаталогНаправления, фильтры и сравнение
КурсЦена, формат, срок и документ
ДовериеЛицензии, опыт и реестр
ПроцессЧетыре понятных шага
КомпаниямОтдельный корпоративный сценарий
ЗаявкаОдна форма без анкеты на ипотеку
Мобильная версияБез окон поверх окон
04 / Визуальная система
Не модный EdTech. Рабочее образование с характером.
Сохранил связь с зелёным цветом организации, добавил индустриальный графит и энергичный лайм. Крупная типографика помогает быстро сканировать страницу.
Тёмно-зелёный#123F2B
Сигнальный лайм#D9EF5B
Нейтральный серый#7F7B7B
Рабочий фон#F4F5F0
Графит#18201C
Golos Text · 400–800Профессия без квеста по сайту
Один шрифт закрывает интерфейс, заголовки и служебные подписи. Контраст строится на масштабе и начертании, а не на коллекции из пяти гарнитур.
05 / Решение
Теперь сайт начинается с задачи пользователя.
Ниже — живая версия прототипа. Её можно прокручивать прямо внутри кейса или открыть отдельной страницей.
06 / До и после
Из информационной витрины — в сценарий выбора.
Первый экран
Новости и служебные сообщения
Поиск курса и ближайший набор
Каталог
Разрозненные направления и карусели
Единые карточки, фильтры и сортировка
Карточка курса
Условия приходится собирать по странице
Цена, срок, формат и документ рядом
Доверие
Аргументы появляются после длинной прокрутки
Опыт и лицензии встроены до заявки
Мобильный сценарий
Несколько перекрывающих сообщений
Один маршрут без лишних препятствий
Важно: это независимая концепция, поэтому я не приписываю ей рост заявок на 347%. Эффект сформулирован как дизайн-гипотеза: более короткий путь и прозрачные условия должны снизить усилия при выборе программы.