Личный кабинет абитуриента ТГУ
Теги
UX|UI / Figma / прототипы /подготовка к вёрстке /адаптивный дизайн / работа с командой разработки /
гипотезы на основе исследований аудитории (абитуриенты) / A|B тестирования / фокус-группа / анализ конкурентов / JTBD / CJM / IA / UI-кит
Заказчик
Томский государственный университет
Длительность
3 месяца
Личный кабинет абитуриента ТГУ — сервис для онлайн-подачи документов на бакалавриат, магистратуру и аспирантуру.
Проблема
В 2023 году изменились правила приёма и зачисления — интерфейс требовал обновления под новые стандарты.
Задача
Полностью переработать UX/UI, заложить макеты, на которые в дальнейшем можно перенести кабинеты студента, преподавателя и сотрудника — единая экосистема с общей дизайн-системой.
Моя роль
UX/UI-дизайнер: разработал все экраны и состояния, адаптивы под мобильные и планшеты; оперативно перестраивал пользовательские потоки — добавлялись новые страницы, убирались устаревшие.
UI-кит
[1]Страница регистрации
Регистрация — первый экран для абитуриента
После подтверждения — переход на «пустую» стартовую страницу с подсказками, где выбирается форма обучения. Этот выбор сразу фильтрует доступные образовательные программы.
Пользователь начинает со страницы входа/регистрации. Процесс разбит на три шага:
1. e-mail, телефон и пароль;
2. ФИО, пол, дата рождения;
3. подтверждение адреса электронной почты.
[2]Страница выбора программы
После регистрации абитуриент попадает на страницу выбора программы
Абитуриент выбирает программы через строку поиска и фильтры. Кнопка выбора раскрывает список с чекбоксами форм обучения (бюджет, платно, целевое) — можно отметить нужные варианты сразу для каждой программы.
[3]Страница выбранных программ
Все выбранные программы — в одном месте, с приоритетами
Разделение снижает путаницу: разные формы одной программы не смешиваются на одной странице.
Здесь абитуриент редактирует приоритеты, удаляет /добавляет программы и фиксирует окончательный выбор.

Пагинация:
• уровень: бакалавриат /специалитет, магистратура, аспирантура;
• форма: бюджет / целевое /платная основа.
[4]Страница заполнения
персональных данных
Заполненные данные попадают в личное дело абитуриента и в CRM-систему приёмной комиссии
Поля анкеты разбиты на отдельные страницы — не нужно долго скролить и проще не отложить заполнение на потом.
[5]Дашборд
Все даты и баллы в одном месте
Дашборд помогает отслеживать ключевые даты, результаты и этапы поступления. После отправки данных абитуриент видит, что вступительный этап завершён, и готовится к экзаменам. Календарь приёмной кампании показывает дедлайны по экзаменам, подаче заявлений, событиям университета и отличается для каждого уровня обучения.
С помощью сервиса в 2023 году в ТГУ онлайн подали документы несколько тысяч абитуриентов
Если не получается связаться по ссылкам, оставьте свои контакты — я свяжусь с вами
Возможно, мы искали друг друга?
Телефон
+7 (952) 909-13-81
Telegram
@nik_osi