Сторилендинг «Быть донором»

Этап 0

Поиск подхода

Для проекта мы придумали три концепции: рассказать о донорстве через главного героя, локации (дом, центр сдачи крови, больницу) и цепочку ситуаций. Остановились на последнем варианте, поскольку часть процесса проходит без героя, а помещения не отражают все важные моменты, связанные с процедурой донорства.
‍
Перед началом работы мы обсуждаем с клиентом несколько проектов-референсов: так мы находим решения, наиболее эффективные для задачи. Чтобы показать донорство как четкий и последовательный процесс, сделали перелистывание экранов горизонтальным — по примеру лэндинга винной компании Scepter&Sword.

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

Этап 1

Структура и контент

Организация DonorSearch рассказывает о донорстве и мотивирует людей сдавать кровь. Они делятся научной информацией, личным опытом, рекомендациями врачей и другими полезными материалами. Все эти данные DonorSearch предоставили нам. Также мы пользовались сайтами центров переливания крови и официальных медицинских организаций.
‍
Вся информация была важной и интересной, но, чтобы не перегрузить читателя, отобрали самое главное.
Вместе с клиентом решили выделить в рассказе 4 основных этапа: подготовка, сдача крови, куда идет кровь и польза для донора.

Каждому шагу донорства посвящен
один экран сторилендинга

Этап 2

Сторителлинг

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

Будничные детали в рассказе помогают донести, что донорство - это обычная повседневная процедура, не более страшная, чем поход в поликлинику

Этап 3

Механики

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

Читатель видит, как трясется холодильник: при клике на него появляется список продуктов, которые можно и нельзя есть перед сдачей крови

Из пальто в коридоре выскакивает паспорт, напоминая, как важно не забыть документы перед выходом из дома

Еще механики помогают снять напряжение от сложной темы. Забавный человечек
в регистратуре вызывает улыбку, а не страх

В проекте много важной дополнительной информации. Для нее использовали всплывающие окна – так она не перегружает читателя

Этап 4

Дизайн

В проекте не использовались красный и другие агрессивные цвета, которые напоминают о крови и могут оттолкнуть читателя. Чтобы создать приветливую атмосферу, выбрали более нейтральные цвета — синий и фиолетовый.
‍
Для проекта разработали два варианта визуальной концепции. Первый вариант отличался четкой геометрией и прохладной стилистикой.

Этот вариант хотели использовать для рассказа через локации, но в итоге он показался слишком сухим и холодным

Выбрали вторую концепцию — яркие цвета, неровные края, игривость. С ней рассказ наполнился теплом и юмором