Кейс

Проектирование и дизайн цифровой Академии Красного Креста

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

О проекте

Красный Крест — старейшая некоммерческая благотворительная организация

Красный Крест сохраняет и передаёт 100-летний опыт сотрудникам и волонтерам: как спасать жизни, сохранять здоровье и обеспечивать безопасность людей. А теперь обучает новым навыкам и профессиям в удобном дистанционном формате.

проблема

Подразделения Российского Красного Креста слабо связаны друг с другом

Подразделения Российского Красного Креста есть во многих регионах России, но они слабо связаны: нет единой программы обучения сотрудников и волонтёров, а обмен опытом происходит хаотично. Была задача наладить связь «Международный Красный Крест» — «Российский Красный Крест» — региональные подразделения и обмен опытом между ними.

Center-Game

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

Саша, руководитель продакшена и co-founder

Хорошо! Мы спроектируем платформу, которой будет удобно пользоваться, разработаем для неё фирменный стиль, оформим и сверстаем все вебстраницы. В общем, возьмем
на себя весь дизайн!

Задача

СПРОЕКТИРОВАТЬ И ЗАДИЗАЙНИТЬ ПЛАТФОРМУ  

Которая станет удобной площадкой для накопления и передачи опыта Красного Креста.

Решение

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

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

стилистика

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

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

Собрали мудборд фирменного стиля по итогам исследований и общения с заказчиком. Это нужно, чтобы определиться с общим стилем будущей платформы.

Использовали метафору красной нити,
которая будет проходить через все элементы и промо-материалы платформы.

Применили стилистику к платформе
и промостранице.

исследование

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

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

Все нужные функции раскладываются по Learning Journey Map — карте опыта обучения: от регистрации до завершения обучения.

платформа

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

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

В следующих версиях будем проектировать новую функциональность, применяя ко всему выработанный фирменный стиль.

Результат

Первая версия цифровой  Академии

Запустили «Академию Красного Креста», и она продолжает развиваться. Проект сделан вместе с Center-Game.

Изучить лендинг Академии →

01

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

02

Оформили промостраницу, которая рассказывает обо всех мероприятиях
и программах «Красного Креста»

03

Разработали портал для «Академии» с удобным конструктором курсов. Теперь подразделения «Красного Креста» смогут обмениваться опытом еще эффективнее

Дизайн каталога курсов «Академии Красного Креста»

Дизайн блока с преимуществами на промостранице «Академии»

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

Команда

спроектировали удобную платформу и создали для нее запоминающуюся айдентику

Костя, product designer

Провёл дизайн-часть исследований, спроектировал функциональность

Илья, project manager

Следил за сроками и общался по организационным вопросам

Даша, web designer

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

Center-Game, партнеры

Вели проект, разработали техническую часть портала

Костя, product designer

Провёл дизайн-часть исследований, спроектировал функциональность

Илья, project-manager

Следил за сроками и общался по организационным вопросам

Даша, web-designer

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

Center-Game, партнеры

Вели проект, разработали техническую часть портала

форма связи

Расскажите о вашей задаче

Расскажите о вашей задаче

Получили вашу заявку!

Наш менеджер скоро напишет или позвонит, чтобы обсудить детали. А пока вы можете почитать полезные посты в наших соцсетях
Oops! Something went wrong while submitting the form.

01

Свяжемся с вами, чтобы договориться об онлайн-встрече

02

После встречи предложим решение и оценим состав работ

03

После утверждения подпишем договор и начнем работу

Делимся новыми кейсами и полезными статьями в письмах
Получили вашу заявку!
Oops! Something went wrong while submitting the form.

*нажимая на кнопку, вы соглашаетесь c политикой конфиденциальности и разрешаете обрабатывать персональные данные

© 2018-2022 Tetraform. All right resrved.

Подпишитесь на нас, чтобы не потерять

Расскажите о вашей задаче

Получили вашу заявку!

Наш менеджер скоро напишет или позвонит, чтобы обсудить детали. А пока вы можете почитать полезные посты в наших соцсетях
Oops! Something went wrong while submitting the form.