Спроектировали образовательную среду для «Красного Креста»

Задача

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

Разработали фирменный стиль, который подчеркнул уникальность «Академии»

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

Красная нить стала сильным ходом и центральным элементом всего фирменного стиля. Позже ее стали использовать не только в самой «Академии», но и в других проектах.

Подготовили промо-лендинг, чтобы привлечь внимание к проекту

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

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

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

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

Все нужные функции разложили по story map (карте опыта взаимодействия с продуктом): от регистрации до завершения обучения.

Создали интерфейс обучающей платформы

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

Первый промо-лендинг пересобрали в более привычном формате с вертикальной прокруткой. Он стал страницей портала «Об Академии».

Запустили первую версию «Академии Красного Креста»

Работали над проектом

Подробнее

Подробнее

Давайте познакомимся и обсудим вашу задачу

Встретимся и поговорим про проблемы и цели, после вернёмся с вариантами решения, договоримся о составе работ, пожмём руки и запустим проект.

Давайте познакомимся и обсудим вашу задачу

Встретимся и поговорим про проблемы и цели, после вернёмся с вариантами решения, договоримся о составе работ, пожмём руки и запустим проект.