Кейс

Проектирование и дизайн портала «Росмолодёжь/Форумы»

Совместно с Center-Game сделали новый портал Всероссийской форумной кампании. Спроектировали функционал обучения, освежили айдентику и оформили входную диагностику в виде нарративного квеста.

О проекте

Росмолодёжь/Форумы — это портал, на котором собраны все форумы под эгидой «Росмолодёжи».

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

Проблема

Нужно помочь пользователям выбрать интересные форумы  и начать учиться

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

Росмолодёжь, заказчик

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

Саша, руководитель продакшена

Отлично! На нас — проектирование нового функционала, айдентика и оформление портала.

Задача

Разработать новую структуру портала, на котором будет проходить обучение и тестирование

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

Задача

Спроектировали путь пользователя  в образовательной части портала

С нуля сделали на портале образовательный блок из 4 направлений. Путь пользователя упростили, чтобы не нужно было переходить на сторонние ресурсы и делать сложные интеграции — все обучение идет прямо на портале, а в личном кабинете можно получить сертификат. Проектировали вместе с партнерами
из Center-Game, они же взяли на себя ИТ-часть.

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

стилистика

Разработали современное оформление с акцентом на сетку и типографику

Заказчик хотел обновить визуальное оформление портала, чтобы больше соответствовать молодой целевой аудитории. Здесь взяли на себя UX, разработку дизайна и микроанимаций на «Тильд»е — чтобы портал казался более «живым».
Из нескольких вариантов выбрали линейную стилистику с акцентом
на типографику и анимации.

Прошлый дизайн и «антипримеры» от заказчика — так делать точно не будем.

Референсы от нас с разными акцентами: цвета, типографика, метафоры единения и человечности. После обсуждения с заказчиком — первый вариант стилистики.

После нескольких итераций вывели финальный вариант, оформили и сверстали на Тильде.

исследование

Оформили диагностику для выбора образовательной программы

Чтобы определиться с образовательным треком, участники проходят диагностику. Партнеры из Center-Game разработали методологию и сюжет, а мы — проиллюстрировали. В процессе участник познаёт себя в трех лабиринтах и в итоге получает рекомендации по развитию навыков на портале. Мы нарисовали проводника и три лабиринта в разных состояниях.

Участник начинает диагностику в темном лабиринте «Сознание» и отвечает на три вопроса о себе: кто я? где я? зачем я? — на трех уровнях лабиринта.

Результат

Современный информационный портал с функцией обучения

Портал помогает разобраться во всех форумах «Росмолодёжи», а еще — получить диагностику своих интересов и рекомендации по обучению.

01

Упрощенный путь пользователя помогает сориентироваться в обучающих программах двум разным целевым аудиториям

02

Диагностический квест помогает быстрее и проще определиться
с образовательной траекторией

03

Оформление с акцентом на сетку и типографику соответствует предпочтениям молодой аудитории

Дизайн навигатора помогает сориентироваться всем пользователям: участникам, представителям форумной дирекции и партнерам

Дизайн блока с анонсами помогает сориентироваться в географии проведения форумов

Дизайн блока с новостями, на котором размещаются все актуальные события

Команда

ПОМОГЛИ спроектировать и оформить удобный обучающий портал

Дина, графический дизайнер

Придумала и отрисовала иллюстрации для диагностики

Илья, project-manager

Следил за сроками и общался по организационным вопросам

Илья, web-designer

Задизайнил и сверстал все страницы портала по уникальной сетке

Center-Game, партнеры

Вели проект, разработали техническую часть портала

Дина, графический дизайнер

Придумала и отрисовала иллюстрации для диагностики

Илья, project-manager

Следил за сроками и общался по организационным вопросам

Илья, web-designer

Задизайнил и сверстал все страницы портала по уникальной сетке

Center-Game, партнеры

Вели проект, разработали техническую часть портала

форма связи

Расскажите о вашей задаче

Расскажите о вашей задаче

Получили вашу заявку!

Наш менеджер скоро напишет или позвонит вам, чтобы обсудить детали
Oops! Something went wrong while submitting the form.

01

Свяжемся с вами, чтобы договориться об онлайн-встрече

02

После встречи сформируем  образ решения и оценим состав работ

03

После утверждения подпишем договор и начнем работу

Делимся новыми кейсами и статьями в письмах
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

*нажимая на кнопку вы соглашаетесь c политикой конфиденциальности

© 2018-2022 Tetraform. All right resrved.

Подпишитесь на нас, чтобы не потерять

Расскажите о вашей задаче

Получили вашу заявку!

Наш менеджер скоро напишет или позвонит вам, чтобы обсудить детали
Oops! Something went wrong while submitting the form.