Веб-дизайн — Фирстиль — Графдизайн

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

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

Задача

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

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

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

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

Саша, арт-директор

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

Решение

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

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

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

После проверки разных вариантов нашли оптимальный и разложили на вайрфреймах. Сверху — путь дирекции, снизу — молодёжи.

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

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

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

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

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

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

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

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

РЕЗУЛЬТАТ

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

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