8 советов по дизайну для некоммерческих сайтов

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

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

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

1. Выделите свою миссию.

Как у некоммерческих организаций есть цель, так и у некоммерческих веб-сайтов - и ваш веб-сайт должен прояснить и то, и другое. Какова миссия вашей некоммерческой организации и чего вы хотите достичь с помощью своего веб-сайта? Какой следующий шаг должны сделать посетители вашего сайта? Когда вы посещаете веб-сайт ACY, который расшифровывается как Advocates for Children and Youth, вы сразу понимаете, для чего они работают:

На сайте Beyond Bars Animal Rescue сразу становится очевидно, что они хотят от вас делать дальше, и у них есть варианты, чтобы вы могли выбрать тип поддержки, которую хотите предложить:

Кроме того, ваш веб-сайт не должен просто широко обсуждать проблему. Вместо этого объясните конкретную часть проблемы, которую ваша некоммерческая организация надеется улучшить или решить. Где в центре внимания?

2. Примите участие в визуальном повествовании.

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

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

3. Используйте контент, чтобы привлечь ваших сторонников.

Ваш сайт должен сразу ответить на два вопроса:

• Что делать дальше посетителю?
• Как это поможет изменить ситуацию?

В верхней части страницы Polaris есть три призыва к действию, которые дают вам три варианта участия:

Интерактивные веб-сайты тоже хороши, а видеоконтент может втиснуть много информации в минуту.

Power Shift, которая борется с изменением климата, имеет интерактивную карту, которая показывает, где есть группы, выступающие против проектов по ископаемому топливу - и, по умолчанию, где есть потребность в группах.

«Живи своей мечтой» есть «Какой ты шеро?» викторина (Shero = She + Hero), чтобы помочь вам определить… что-то. Это мило и весело, но могло бы быть короче (16 кнопок для нажатия) и яснее о том, что вы от этого получите. Тем не менее, он интерактивен, и, просто отвечая на вопросы, вы чувствуете, что немного больше вкладываетесь в некоммерческую организацию.

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

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

Некоммерческие организации выживают за счет сбора средств, поэтому на вашем веб-сайте должен быть понятный и простой способ сбора пожертвований. Гринпис отлично справляется с этой задачей, разместив ящик для пожертвований «Передать Гринпис» в верхнем левом углу их домашней страницы. По умолчанию он установлен на «Ежемесячно», но вы можете изменить сумму в долларах и выбрать «Однократное пожертвование» для разового пожертвования.

Вот несколько лучших практик, благоприятных для доноров:

• Посетители всегда должны быть на расстоянии одного клика от возможности сделать пожертвование, независимо от того, где они находятся на вашем сайте. Это означает размещение кнопки или ссылки для пожертвований на каждой странице, возможно, даже в нескольких местах.
• Сообщите донорам, что именно делает их пожертвование. Room to Read был одним из немногих сайтов, на которые я натолкнулся, на котором уточняется, какая сумма в долларах имеет значение:




• Если у вас есть несколько программ или целей, для которых вы собираете деньги, настройте страницы пожертвований для конкретной кампании.
• Создайте логин для членов, чтобы постоянные доноры могли сохранять свою платежную информацию. Не делайте это требованием, просто вариантом.
• Предложите вариант автоматической ежемесячной раздачи. Опять же, это не должно быть требованием - разовые пожертвования по-прежнему щедры и полезны.



• Если ваша некоммерческая организация участвует в соответствующей программе подарков, убедитесь, что это ясно на вашем веб-сайте и на странице пожертвований - некоторые жертвователи с большей вероятностью внесут свой вклад, если узнают, что их пожертвование удвоится. (Если вы не знаете, что такое подходящий подарок, на этом веб-сайте есть отличный обзор.)
• Не забудьте страницу с благодарностью донора! Он не только должен включать искреннее «спасибо», но также может содержать рассказ о влиянии вашей некоммерческой организации или ссылку на главные сообщения в блоге или освещение в новостях.

На главной странице Prison Fellowship есть чувствительная ко времени кнопка пожертвования прямо в самом верху. Он сообщает вам, что именно им нужно и как им помочь, а также устанавливает временные рамки, чтобы доноры действовали сейчас, а не ждать.

5. Волонтерство тоже должно быть простым.

Чтобы стать волонтером в некоторых организациях, вам приходится нелегко - даже узнать о волонтерстве и связаться с кем-то для получения информации может быть проблемой. Некоммерческие веб-сайты должны позволять волонтерам легко находить информацию о доступных возможностях и способах участия.

Более того, постарайтесь предложить различные возможности волонтерства. Люди, которые не находятся рядом с вашей некоммерческой организацией или у которых нет времени на волонтерство лично, все равно смогут помочь онлайн. Маркетологи могут предлагать свои услуги, и любой, кто знает, как пользоваться компьютером или социальными сетями, может помочь с наймом или распространением информации. Если у вас есть гибкие возможности волонтерства, вы откроете дверь большему количеству волонтеров.

6. Предлагайте варианты подписки на рассылку новостей.

Если ваша некоммерческая организация занимается несколькими различными проблемами или предлагает несколько программ, подписка на рассылку новостей должна позволять подписчикам выбирать, о чем они хотят получить дополнительную информацию. В вашей автоматизированной приветственной серии можно кратко упомянуть категории, в которых они не участвовали, и дать им возможность обновить настройки подписки. Make-A-Wish делает это в небольшой степени, позволяя вам выбирать между получением всех электронных писем или просто информации о вашем местном отделении.

Есть еще несколько способов сегментировать подписчиков, например, доноры и недоноры; история пожертвований (например, уровень пожертвований); место нахождения; и волонтерский тип. Это также поможет вам создать образ сторонника для более целенаправленного маркетинга.

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

7. Создайте веб-сайт, удобный для мобильных устройств.

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

Что касается изображений, которые вы используете в верхней части страницы, они должны быть горизонтальными и не слишком большими (т. Е. Длинными). Заголовок, состоящий из половины изображения и половины информации, означает, что пользователям, просматривающим ваш некоммерческий веб-сайт на маленьком экране, не придется прокручивать, прокручивать, прокручивать вниз, чтобы получить информацию. У St. Jude есть отличный мобильный веб-сайт, на котором вся информация, которую вы хотите видеть в первую очередь, находится прямо вверху, достаточно большая, чтобы ее можно было прочитать и нажать:

8. Используйте маркетинг в социальных сетях.

Страница с благодарностью за пожертвование должна содержать пометку «Я пожертвовал!» значок, которым доноры могут поделиться в своих социальных сетях (не забудьте ссылки для обмена). Они могут получить похвалу за поддержку великого дела (нет ничего плохого в том, чтобы хотеть небольшого кредита, ребята), а ваша некоммерческая организация может расширить охват. У Американского онкологического общества есть несколько значков Relay For Life:

Последние мысли

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

Люди хотят чувствовать, что они имеют значение, и ваш веб-сайт может показать им, как их действия вызывают изменения. Ваш некоммерческий веб-сайт должен обращаться к ним с обеих сторон, прежде чем они сделают пожертвование или станут волонтерами, а также после. Когда сторонник чувствует, что он важен, он с большей вероятностью будет отдавать снова в будущем.

Готовы получить еще больше пожертвований или волонтеров? Вы также захотите прочитать эту статью: Как создать целевую страницу для благотворительного вторника с помощью Divi и GiveWP.

Лучшее изображение через Vector Goddess / shutterstock.com