Образовательный портал «Академия Красного Креста»

Главное о кейсе

Запустили первую версию «Академии Красного Креста»
– Спроектировали удобный и понятный интерфейс обучающей платформы для «Академии». Теперь подразделения «Красного Креста» смогут эффективно обмениваться опытом.
– Разработали фирменный стиль, который выделяет «Академию» среди других проектов.
– Сделали промо-лендинг для презентации проекта, который позже стал частью обучающей платформы.

Как проект изменил жизнь пользователей

Вместе с компанией Center-Game мы помогли «Российскому Красному Кресту» создать единую цифровую среду обучения для сотрудников, профильных специалистов и волонтёров — «Академию Красного Креста».
За 4 месяца на платформе начало обучение 7000 студентов.

Бизнес-задача и ее решение

За 100 лет «Красный Крест» накопил огромный пласт знаний о том, как спасать жизни, сохранять здоровье и обеспечивать безопасность людей. Но обмен опытом между подразделениями происходил хаотично. Вместе с компанией Center-Game мы помогли «Российскому Красному Кресту» создать единую цифровую среду обучения для сотрудников, профильных специалистов и волонтёров — «Академию Красного Креста». Для неё мы разработали фирменный стиль, спроектировали платформу и подготовили промо-лендинг.

Крафт (мастерство), реализация, технические детали

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

Подготовили промо-лендинг, чтобы привлечь внимание к проекту.
У лендинга было две задачи: представить проект зарубежным партнерам и привлечь целевую аудиторию к участию в исследовании ее потребностей. Поэтому его сверстали сразу на двух языках.
В первой версии лендинг сделали с необычной горизонтальной прокруткой. Так красная нить плавно перетекала из экрана в экран, а компоненты будущего портала «нанизывались» на нее. Получилась визуальная метафора связи между подразделениями «Красного Креста».

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

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

Скриншоты