Создать промо сайт подразделения «Высшая школа цифровой культуры» ИТМО, который помогает пользователям быстро разобраться в направлениях обучения и принять решение:

студентам — выбрать дисциплины и курсы;

абитуриентам — подать заявку на поступление;

специалистам — записаться на программы дополнительного образования.

Рассказать о деятельности подразделения:

Спроектировать адаптивный интерфейс:

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

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

Инструменты: Figma.

В рамках проекта я:

провела анализ сайтов конкурентов, чтобы выявить удачные интерфейсные решения и отраслевые паттерны;

изучила целевую аудиторию и сценарии её взаимодействия с образовательными сайтами;

спроектировала пользовательские сценарии и навигацию;

создала интерактивный прототип для тестирования пользовательских потоков;

подготовила адаптивные версии интерфейса для различных устройств.

Такой подход позволил создать сайт, который одновременно решает задачи университета и закрывает потребности пользователей.

В ходе исследования были сформированы персоны пользователей и карты пользовательского пути (CJM), что помогло выявить ключевые болевые точки.

Персона 1 — Анастасия

Выпускница бакалавриата, планирует переезд в Санкт-Петербург и поступление в магистратуру. Для неё важно быстро сравнить программы и понять перспективы обучения.

Персона 2 — Сергей

Студент 3 курса ИТМО, которому необходимо выбрать дисциплины из блока Высшей школы цифровой культуры. Для него критичны удобная навигация и понятное описание курсов.

Персона 3 — Глеб

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

Были проанализированы 5 образовательных платформ-конкурентов.

Анализ проводился по следующим критериям:

главная страница;

страница магистерских программ.

👇Полный анализ доступен по ссылке:

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

быстро перейти к интересующему направлению обучения;

сравнить программы;

совершить целевое действие (оставить заявку, выбрать курс).

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

Работа над проектом началась с создания wireframes и детализированного прототипа, что позволило:

проработать структуру страниц;

проверить пользовательские сценарии;

заранее выявить потенциальные проблемы навигации.

В рамках проекта был разработан UI-kit, включающий:

цветовую палитру;

типографику;

основные UI-компоненты;

элементы навигации и кнопки.

Это обеспечило визуальную целостность интерфейса и упростило дальнейшую работу с дизайном.

Сайт был адаптирован под:

desktop;

мобильные устройства;

планшеты (вертикальная и горизонтальная ориентация).

Это гарантирует корректное отображение и удобство использования на всех устройствах.

👇 Интерактивный прототип доступен по ссылке: