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

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

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

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

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

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

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

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

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

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

Чтобы определиться с образовательным треком, участники проходят диагностику. Партнёры из Center-Game разработали методологию и сюжет, а мы — проиллюстрировали. В процессе участник познаёт себя в трёх лабиринтах и в итоге получает рекомендации по развитию навыков на портале. Мы нарисовали проводника и три лабиринта в разных состояниях.
Участник начинает диагностику в тёмном лабиринте «Сознание» и отвечает на три вопроса о себе: кто я? где я? зачем я? — на трёх уровнях лабиринта.
РЕЗУЛЬТАТ
Современный портал с функцией обучения
Портал помогает разобраться во всех форумах Росмолодёжи, а ещё — получить диагностику своих интересов и рекомендации по обучению. Проект реализован совместно с Center-Game.
Команда проекта
Следил за сроками и общался по организационным вопросам
ИЛЬЯ
Проджект менеджер
Вели проект, разработали техническую часть портала
CENTER-GAME
Партнёр
ДИНА
Графический дизайнер
Придумала и отрисовала иллюстрации для диагностики
Задизайнил и сверстал все страницы портала по уникальной сетке
ИЛЬЯ
Веб-дизайнер
Опишите свою задачу
Мы напишем или позвоним, чтобы узнать больше о вашей задаче и договориться об интервью. Если у вас остались вопросы — ответим подробно.