Сайт для благотворительного фонда: как вызвать отклик у аудитории
Мы расскажем, как создать сайт для благотворительного фонда, который станет продолжением его философии. Вы увидите, как сильные визуальные образы, продуманные пользовательские сценарии и внимание к деталям помогают донести ценности фонда — делают их живыми и понятными для аудитории.
О проекте
Огонь жизни — это уникальная платформа, которая объединяет некоммерческие организации, представителей бизнеса и государственных структур для решения социальных задач.
В отличие от традиционных благотворительных фондов, платформа не собирает денежные пожертвования, а создает среду для поддержки социальных проектов. Основные направления работы включают поддержку детей и пожилых людей, помощь тяжелобольным, развитие донорства костного мозга и популяризацию здорового образа жизни.
Зачем платформе нужен был сайт
Сайт должен был стать лицом платформы: наглядно демонстрировать ее репутацию и масштаб работы, доносить ценности так, чтобы они находили отклик у аудитории и создавать узнаваемый образ, в котором чувствуются тепло и поддержка.
Первый шаг к привлечению аудитории — это понимание ее потребностей
Мы начали с исследования целевой аудитории. На руках у нас был только брендбук компании и информация о проекте.
В процессе исследования выделили 3 сегмента целевой аудитории:
- Представители НКО (благотворительные фонды) — ищут поддержку для своих проектов. Им важно понимать, как работает платформа, кто уже присоединился, и какие результаты;
- Представители бизнеса — Ищут информацию о действующих партнерах платформы и возможность присоединиться, изучают преимущества участия для бизнеса, обращают внимание на прозрачность отчетности;
- Государственные структуры — заинтересованы в участии в социально значимых проектах, готовы оказывать содействие в организации мероприятий.
Как закрывали потребности аудитории
Мы разработали структуру сайта так, чтобы каждый сегмент — НКО, представители бизнеса и государственных структур находили на платформе именно ту информацию и возможности, которые для них важны.
Раздел «Участники»
Здесь некоммерческие организации могут увидеть, кто уже присоединился к платформе, и перейти на детальные страницы проектов;
Такое решение закрывает потребности НКО: они видят, какие инициативы уже получили поддержку и как именно они взаимодействуют с платформой. Становится ясно, что с «Огнем Жизни» объединить усилия будет проще.
Раздел «Партнеры»
В этом разделе представители бизнеса и государственных структур могут ознакомиться со списком действующих партнеров платформы.
Это создает эффект социального доказательства — если в проект уже вовлечены крупные компании или госорганизации, новым участникам проще принять решение о вступлении.
Раздел «Мероприятия»
Освещает события платформы. Для НКО это возможность присоединиться к активностям, заявить о своих инициативах и выстроить новые связи. А для представителей бизнеса и государственных структур — способ публично поддерживать социальные проекты и усиливать репутацию.
Блок «Результаты, которыми мы гордимся»
Содержит ключевые показатели работы платформы — масштаб мероприятий и число людей, получивших помощь. Это усиливает доверие для НКО, представителей бизнеса и государства: они видят, что платформа действительно помогает и приносит реальные результаты.
Эмоциональный дизайн: что это такое и как мы его создавали
Эмоциональный дизайн — это про ощущение, которое остается у человека после взаимодействия с сайтом. Такой дизайн встречается не только в благотворительной сфере, но и там, где решающую роль играет вовлечение, например: в медиа, моде и lifestyle-проектах.
Какие задачи мы ставили перед собой при разработке дизайна:
- Создать узнаваемый визуальный образ, который опирается на существующий брендбук и транслирует ценности проекта — тепло, поддержку, жизнь;
- Спроектировать чистый, современный и теплый интерфейс с удобным пользовательским путем.
Какие визуальные приемы помогли нам решить эти задачи
1. Метафора огня как основа визуального образа. Огонь — это символ проекта, поэтому мы превратили его в визуальный язык сайта. Тёплые градиенты, мягкие свечения, солнечные блики и плавные переходы создают ощущение уюта, движения и поддержки;
2. Плавная анимация и интерактивность. Анимации вовлекают пользователей и делают взаимодействие на сайте приятнее. При скролле элементы появляются постепенно и мягко реагируют на действия;
Перейдите на страницу «О платформе» и прокрутите вниз — элементы появляются постепенно, задавая плавный, вовлекающий ритм взаимодействия.
4. Минимализм и визуальная иерархия. Мы сознательно отказались от избыточного текста и визуального шума. Вместо этого — лаконичные заголовки, визуальные акценты, инфографика и четкая структура блоков. Типографика — легкая и адаптивная, хорошо читается на разных экранах и не мешает восприятию информации.
Подведем итоги проекта
В этом разделе мы хотим выделить несколько принципов, которым мы следовали при разработке сайта для благотворительного фонда:
- Погружение в любой проект нужно начинать с глубокого понимания аудитории. Важно не просто знать, кто ваши пользователи, но и понимать их реальные потребности и цели. Это основа, на которой строится вся дальнейшая работа над проектом;
- Мы убедились, что для разных сегментов аудитории — будь то НКО, представители бизнеса или государственных структур, нужно создавать отдельные сценарии взаимодействия. У каждой аудитории разные цели, и сайт должен помогать их осуществлять;
- Особое внимание мы уделили балансу между эмоциональной составляющей и функциональностью. Это значит, что каждый элемент дизайна должен не только создавать нужное настроение, но и помогать пользователям решать их задачи;
- И наконец, один из самых важных принципов — на сайте должно быть социальное доказательство. Когда новые посетители видят, что у проекта уже есть партнеры, участники, проводятся мероприятия, все это вызывает доверие и подталкивает аудиторию присоединиться.
Если вам понравился этот проект и вы хотите, чтобы философия вашего фонда находила отклик у аудитории через сайт — обращайтесь в веб-студию Delba.