Создание некоммерческого веб-сайта — это больше, чем место, где сторонники могут делать онлайн-пожертвования. Следуя рекомендациям некоммерческого веб-сайта, у вас есть шанс эффективно продемонстрировать свой бренд, рассказав историю, которая побуждает людей делать пожертвования.
Формирование повествования о вашей некоммерческой организации через веб-сайт требует продуманного содержания и удобной функциональности. Ниже мы познакомим вас с восемью передовыми практиками для некоммерческих веб-сайтов, которые удовлетворяют эти потребности. Мы также поделимся некоторыми примерами некоммерческих веб-сайтов, чтобы вдохновить вас на создание некоммерческого веб-сайта или обновление существующего.
1. Включите модальное окно, ориентированное на действие
Модальное окно на некоммерческом веб-сайте — это всплывающее окно, которое временно деактивирует страницу, на которую переходит посетитель, и предлагает ему действие. Посетитель может закрыть окно и вернуться на исходную страницу или выбрать завершение действия, возвращающего его на страницу.
Есть много действий, которые ваш некоммерческий веб-сайт может включать в модальное окно, например:
- Ссылка для регистрации на предстоящее мероприятие
- Упрощенная форма пожертвования
- Форма подписки на обновления по электронной почте
А поскольку модальные окна побуждают к немедленным действиям, клиенты могут увидеть улучшение медианного коэффициента конверсии на три пункта после внедрения одного из них на своем некоммерческом веб-сайте, согласно данным платформы Classy. В конечном итоге это означает увеличение дохода на одного посетителя сайта на 28%.
Многие надежды, некоммерческая организация, которая помогает детям стать проводниками перемен в своих сообществах, использовали модальное окно на своем некоммерческом веб-сайте для продвижения предстоящего гала-мероприятия. Модальное окно продемонстрировало красочный брендинг события, некоторые краткие факты о нем (дата и место) и кнопку, по которой можно щелкнуть, чтобы получить подробности и билеты.
Эта функция на его некоммерческом веб-сайте побуждает к участию сторонников, которые, возможно, раньше не знали об этом. Это делает это, предлагая простой способ перейти к дополнительной информации.
2. Оптимизация для притока мобильного трафика
Согласно выводам нашего ежегодного отчета «Состояние современной филантропии в 2022 году», жертвователи чаще всего заходят на страницы кампании с телефона. Более того, все типы кампаний получают около половины (если не больше) своего трафика с мобильных устройств.
Учитывая эту статистику, для некоммерческих веб-сайтов лучше всего использовать мобильные устройства. Это особенно актуально в такие ключевые даты, как «Вторник благотворительности», когда некоммерческие организации, скорее всего, увидят приток мобильного трафика из кампаний в социальных сетях, маркетинга по электронной почте и других мероприятий по работе с общественностью.
Чтобы упростить процесс пожертвований с мобильных устройств, убедитесь, что на вашем некоммерческом веб-сайте есть:
- Уменьшены обязательные поля текстового поля при пожертвовании для удобства навигации)
- Уменьшены размеры изображений для ускорения загрузки страниц.
- Четкие, жирные кнопки и призывы к действию для доступности
- Увеличенный размер шрифта и минимальный текст для удобства чтения/просмотра.
- Отзывчивый веб-дизайн, который адаптируется к любому размеру экрана
Как вы можете видеть на снимке экрана ниже, Many Hopes использует адаптивный некоммерческий веб-дизайн, поэтому его модальное окно событий работает на меньшем экране смартфона и на рабочем столе.
3. Выделите кнопку «Очистить пожертвование»
Ваша кнопка пожертвования — это ваш основной призыв к действию, поэтому вы хотите, чтобы ваши сторонники могли легко найти ее и перейти к ней. Вот некоторые рекомендации по размещению кнопки пожертвования на вашем некоммерческом веб-сайте:
- Выделите его, используя цвет, контрастирующий с остальной частью страницы.
- Убедитесь, что он ссылается на правильную страницу и что страница загружается быстро.
- Включите его на каждую страницу вашего веб-сайта, как правило, в качестве верхнего заголовка.
- Используйте краткий и понятный текст, например «Пожертвуйте», «Пожертвуйте сейчас», «Пожертвуйте», «Пожертвуйте сегодня» или «Поддержите нашу работу».
Вы также можете проявить больше творчества с кнопками для пожертвований, основанными на различных типах кампаний, таких как использование импакт-блоков, объединение их рядом с термометром для сбора средств или добавление рядом с ними возможности стать сборщиком средств.
Feeding San Diego, некоммерческая организация по оказанию помощи голодающим и спасению продовольствия, включает кнопку пожертвования в верхней части каждой страницы через заголовок. Он также включает кнопку пожертвования в качестве первого призыва к действию на своей домашней странице, рядом с изображениями бренда и коротким эффектным текстом, который гласит: «Помогите покончить с голодом через спасение продовольствия. Каждый доллар помогает обеспечить двухразовое питание».
Эта стратегия помогает посетителям веб-сайта Feeding San Diego быстро понять, где и как они могут сделать пожертвование. Кнопка «Пожертвовать» также заметного синего цвета на белом фоне и в обоих местах сочетается с кнопкой «Найти помощь» того же размера контрастного оранжевого цвета. Это привлекает внимание к области, где находятся кнопки, а также ставит миссию некоммерческой организации по оказанию помощи нуждающимся в центре внимания.
4. Отслеживайте взаимодействие с донорами
Чтобы узнать, как доноры взаимодействуют со страницами вашего некоммерческого веб-сайта, вы можете настроить свойство Google Analytics 4 (GA4). Это позволяет вам собирать данные, чтобы лучше понять, как ваши сторонники перемещаются по вашему контенту и, в конечном итоге, по вашей странице пожертвований.
Наличие этих данных может помочь в будущих улучшениях вашего веб-сайта, помочь определить дни и время, когда сторонники чаще всего посещают ваш сайт, а также раскрыть ваши основные источники перехода. Вы можете узнать все об этой функции и о том, как ее настроить, на своем некоммерческом веб-сайте с помощью ресурсов Google.
5. Включите убедительные визуальные эффекты
Сторонники не склонны посещать ваш некоммерческий веб-сайт в поисках романа. Вместо этого они хотят быстро увидеть и почувствовать вашу историю. Вы можете во многом рассказать свою историю с помощью визуальных эффектов. В частности, вы должны стремиться использовать:
- Фирменные изображения: используйте фотографии и графику в соответствии с вашим общим стилем. Например, если вы обычно используете черно-белые фотографии, включите ту же эстетику на свой веб-сайт. Поддержание изображений в соответствии с вашим дизайном помогает донорам идентифицировать вас.
- Информационная инфографика: используйте инфографику, чтобы рассказать свою историю. Например, если вы выделяете пять основных точек данных за прошлый год, которые показывают ваше влияние, рассмотрите возможность представления каждого из этих показателей с помощью простого графика.
- Эмоционально привлекательные фотографии. Выбирайте фотографии, которые трогают сердца ваших сторонников. Например, выделите людей, которым вы помогли, или животных, которые все еще нуждаются. Вы также можете выбрать фотографии, которые вызывают эмоции, связанные с работой вашей миссии.
Concern Worldwide US, глобальная некоммерческая организация, работающая над искоренением крайней бедности, использует короткие видеоролики для заполнения изображения баннера на главной странице своего веб-сайта. Эти четыре видеоролика циклически повторяются и показывают, как некоммерческая организация расширяет возможности людей посредством общественных проектов, обеспечивает членов сообщества чистой водой и предлагает услуги маленьким детям. Эти видеоролики завораживают и погружают посетителей сайта прямо в историю его работы.
Некоммерческая организация также накладывает краткий текст и кнопку, чтобы узнать больше о изображениях, чтобы побудить посетителя веб-сайта прямо из видео принять меры, чтобы помочь.
6. Выделите проблему, которую решает ваша некоммерческая организация
Когда потенциальный спонсор посещает ваш некоммерческий веб-сайт, чтобы узнать больше о вашей работе, первое, что он хочет знать, — это существующая проблема, которая делает вашу некоммерческую организацию необходимой. Четко указав проблему на вашем веб-сайте, спонсоры могут быстро подключиться к вашему делу и узнать, является ли это проблемой, которую они хотят помочь изменить к лучшему.
Антидиффамационная лига (ADL), некоммерческая организация по борьбе с ненавистью, сосредоточила внимание на проблеме, с которой она сталкивается, разместив недавний заголовок на своем некоммерческом веб-сайте, в котором описаны задокументированные случаи антисемитизма. Вы можете узнать больше, нажав кнопку под заголовком или продолжая прокручивать, чтобы увидеть больше проблем, над решением которых работает ADL. Такой подход, заключающийся в сосредоточении внимания на проблеме, помогает сразу же привлечь доноров к теме, вызывая эмоциональный отклик на тему, которую они хотят видеть затронутой.
7. Сосредоточьте решения вашей некоммерческой организации
Посетители вашего некоммерческого веб-сайта должны не только знать, в чем проблема, но и знать, что вы делаете для ее решения . Размещение основных моментов ваших решений на главной странице помогает потенциальным спонсорам понять, какие шаги вы предпринимаете, чтобы изменить ситуацию, и какое место они занимают в этом процессе.
Калифорнийский центральный продовольственный банк, крупнейший некоммерческий продовольственный банк в Центральной Калифорнии, использует на своей домашней странице краткий текст, который затрагивает проблему, но фокусируется на ее решениях — как он решает эту проблему. Первое, что вы видите на его домашней странице, это: «Мы боремся с голодом, собирая и распределяя еду, участвуя в партнерских отношениях, которые способствуют самообеспечению, и обеспечивая лидерство сообщества в вопросах, связанных с голодом».
Он также предоставляет донорам простой способ стать частью этого решения, написав, что «1 доллар может помочь обеспечить до 4 приемов пищи».
Затем на домашней странице есть быстрые красочные блоки для навигации по другим решениям, включая поиск еды, волонтерство и пожертвование. Этот подход привлекает доноров, показывая им, как они могут решить проблему. Некоммерческие веб-сайты, использующие подход, основанный на решении, привлекают доноров, пробуждая чувство надежды.
8. Продемонстрируйте влияние вашей некоммерческой организации
Наконец, сторонники, посещающие ваш некоммерческий веб-сайт, хотят видеть, что вы несете ответственность за то, как вы говорите, что решаете проблему. Они хотят видеть влияние, которое вы уже оказали, и ваши планы на будущее. Демонстрируя ключевые данные о влиянии вашей работы, посетители вашего веб-сайта видят, что их пожертвование на ваше дело будет хорошей инвестицией.
Некоммерческая организация Second Harvest Foodbank из Южного Висконсина, работающая над искоренением голода, использует блоки воздействия на своей домашней странице, освещая ключевые статистические данные о том, как некоммерческая организация превращает пожертвования в воздействие. Например, он отмечает, что ежедневно предоставляет более 50 000 блюд в блоке с фотографией кладовой на складе.
Под импакт-блоками есть ссылка: «Посмотрите, куда уходят ваши деньги!» Это создает прямую связь для посетителей веб-сайта между их пожертвованиями и влиянием, которое они могут оказать.
Используйте передовой опыт некоммерческого веб-сайта для привлечения трафика и привлечения доноров
Передовой опыт некоммерческого веб-сайта направлен на удобство использования вашего веб-сайта и его способность рассказать убедительную историю о вашей работе. Внедряя эти стратегии, вы можете помочь своей некоммерческой организации увеличить взаимодействие с вашим веб-сайтом и превратить больше посетителей веб-сайта в жертвователей.
Однако не останавливайтесь на достигнутом — всегда тщательно тестируйте свой веб-сайт после внесения любых изменений, чтобы убедиться, что взаимодействие с пользователем остается стабильным.
Получите бесплатный контрольный список для повышения конверсии доноров