Продуктовый дизайн — Фирстиль

Цифровая Академия Российского Красного Креста

Совместно с Center-Game ведём разработку обучения Российского Красного Креста как продукта. Мы ведём дизайн-проектирование, разработали фирменный стиль, сделали лендинг для продвижения Академии.
ЗАДАЧА

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

Подразделения Российского Красного Креста есть во многих регионах России, но они слабо связаны: нет единой программы обучения сотрудников и волонтёров, а обмен опытом происходит хаотично. Была задача наладить связь Международный Красный Крест — Российский Красный Крест — региональные подразделения и обмен опытом между ними.
Российский Красный Крест, заказчик
Мы приняли решение создать единую Цифровую академию с курсами для разных целевых аудиторий организации: сотрудников, волонтёров и партнёров. Здесь будет весь наш опыт и удобная площадка его передачи.
Саша, арт-директор
Хорошо! Мы спроектируем платформу, которой будет удобно пользоваться, разработаем для неё фирменный стиль, оформим и сверстаем все вебстраницы. В общем, возьмём на себя весь дизайн!
РЕШЕНИЕ

Сверстали промостраницу для партнёров

Российский Красный Крест хотел анонсировать академию заранее на профильных мероприятиях для зарубежных партнёров. Для этого за две недели придумали стилистику и содержание, сверстали лендинг и презентацию на двух языках. В первой версии лендинг сделали с необычной горизонтальной прокруткой — чтобы он ещё больше запомнился.
Лендинг сразу использовали, чтобы привлечь людей в исследование целевой аудтории.

Разработали фирменный стиль, который выделяет Российский Красный Крест

Использовали лёгкую светлую графику и сильный акцент в виде красной нити, которая проходит через лендинг, портал, презентации и промо-материалы. Эта нить стала сильным ходом и центральным элементом всего фирменного стиля. Позже её стали использовать не только в самой Академии, но и в других проектах РКК.

Провели исследование целевой аудитории, чтобы сделать «Академию» для людей

Вместе с Center-Game собрали карту запросов пользователей к платформе, разложили на разные группы (учащиеся, модераторы и т. д.), в каждой расставили приоритеты по функциям и собрали план дизайн-проектирования. Такой подход помогает делать продукт, опираясь на потребности и желания пользователей, а не собственные домыслы. Продукт становится востребованным.
Все нужные функции раскладываются по Learning Journey Map — карте опыта обучения: от регистрации до завершения обучения.

Спроектировали и задизайнили платформу для обучения

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